JUST SHAPES AND BEATS WITH ADMOB – ANDROID STUDIO & ECLIPSE FILE

Introduction

In this tutorial, we will be learning how to integrate AdMob, a popular mobile advertising platform, into our Android game using the Just Shapes and Beats game engine. This will allow us to display ads in our game and monetize it. We will be using Android Studio as our Integrated Development Environment (IDE) for this tutorial.

Prerequisites

Before we begin, make sure you have the following:

• Android Studio installed on your computer
• The Just Shapes and Beats game engine installed on your computer
• A basic understanding of Java programming
• A Google AdMob account

Step 1: Setting up AdMob

First, we need to set up an AdMob account. Follow these steps:

1. Go to the AdMob website and sign up for an account.
2. Fill out the registration form and agree to the terms and conditions.
3. Verify your email address by clicking on the verification link sent to you by AdMob.
4. Once you have verified your email address, log in to your AdMob account and create a new app.

Step 2: Creating a new Android project in Android Studio

Next, we need to create a new Android project in Android Studio. Follow these steps:

1. Open Android Studio and click on "Start a new Android Studio project".
2. Choose "Empty Activity" as the project template and click "Next".
3. Fill out the project details, such as the project name, package name, and location.
4. Click "Finish" to create the project.

Step 3: Adding the Just Shapes and Beats game engine to the project

Now, we need to add the Just Shapes and Beats game engine to our project. Follow these steps:

1. Download the Just Shapes and Beats game engine from the official website.
2. Extract the game engine files to a location on your computer.
3. In Android Studio, go to the project structure panel and click on the "app" module.
4. Right-click on the "app" module and select "New" > "Directory".
5. Name the directory "jssb" and click "OK".
6. Move the extracted Just Shapes and Beats game engine files to the "jssb" directory.
7. In the "jssb" directory, create a new file called "AndroidManifest.xml".
8. Add the following code to the "AndroidManifest.xml" file:

   <?xml version="1.0" encoding="utf-8"?>
   <manifest xmlns:android="http://schemas.android.com/apk/res/android"
   package="com.example.justshapesandbeats">
   <application
       android:allowBackup="true"
       android:icon="@mipmap/ic_launcher"
       android:label="@string/app_name"
       android:supportsRtl="true"
       android:theme="@style/AppTheme">
       <activity
           android:name=".MainActivity"
           android:exported="true">
           <intent-filter>
               <action android:name="android.intent.action.MAIN" />
               <category android:name="android.intent.category.LAUNCHER" />
           </intent-filter>
       </activity>
   </application>
   </manifest>

9. In the "jssb" directory, create a new file called "MainActivity.java".
10. Add the following code to the "MainActivity.java" file:

    
    package com.example.justshapesandbeats;

import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.Toast;

import com.badlogic.gdx.backends.android.AndroidApplication; import com.badlogic.gdx.backends.android.AndroidApplicationConfiguration;

public class MainActivity extends AndroidApplication { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); AndroidApplicationConfiguration config = new AndroidApplicationConfiguration(); View gameView = new AndroidGameView(this, config); setContentView(gameView); } }

11. In the "jssb" directory, create a new file called "AndroidGameView.java".
12. Add the following code to the "AndroidGameView.java" file:

package com.example.justshapesandbeats;

import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.view.View; import android.widget.Toast;

import com.badlogic.gdx.Gdx; import com.badlogic.gdx.graphics.GL10; import com.badlogic.gdx.graphics.GL11; import com.badlogic.gdx.graphics.GL20; import com.badlogic.gdx.graphics.GL30; import com.badlogic.gdx.graphics.glutils.GLTexture; import com.badlogic.gdx.graphics.glutils.GLTextureRegion;

public class AndroidGameView extends View { private AndroidApplication app; private AndroidApplicationConfiguration config; private GLTextureRegion region;

public AndroidGameView(Context context, AndroidApplication app) {
    super(context);
    this.app = app;
    config = app.getConfiguration();
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);
    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL11.GL_COLOR_BUFFER_BIT);
    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
    Gdx.gl.glClearColor(0, 0, 0, 1);
    Gdx.gl.glClear(GL30.GL_COLOR_BUFFER_BIT);
    Gdx.gl.glClearColor(0, 0, 0, 1);
    canvas.drawColor(Color.BLACK);
}

}

13. In the "jssb" directory, create a new file called "AndroidManifest.xml".
14. Add the following code to the "AndroidManifest.xml" file:

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.justshapesandbeats"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity" android:exported="true">

``` 15. In the "jssb" directory, create a new file called "build.gradle". 16. Add the following code to the "build.gradle" file: ``` apply plugin: 'com.android.application' android { compileSdkVersion 29 buildToolsVersion "29.0.3" defaultConfig { applicationId "com.example.justshapesandbeats" minSdkVersion 21 targetSdkVersion 29 versionCode 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-project.txt' } } } dependencies { implementation 'com.badlogicgames.gdx:gdx:1.9.10' implementation 'com.badlogicgames.gdx:gdx-backend-android:1.9.10' implementation 'com.badlogicgames.gdx:gdx-box2d:1.9.10' } ``` 17. Save all the files and close the "build.gradle" file. **Step 4: Adding AdMob to the project** Now, we need to add AdMob to our project. Follow these steps: 1. In the "jssb" directory, create a new file called "AdMob.java". 2. Add the following code to the "AdMob.java" file: ``` package com.example.justshapesandbeats; import android.app.Activity; import android.os.Bundle; import android.widget.Toast; import com.google.android.gms.ads.AdRequest; import com.google.android.gms.ads.AdSize; import com.google.android.gms.ads.AdView; import com.google.android.gms.ads.MobileAds; public class AdMob { private AdView adView; private Activity activity; public AdMob(Activity activity) { this.activity = activity; } public void initAd() { MobileAds.initialize(activity, "YOUR_AD_MOB_APP_ID"); adView = new AdView(activity); adView.setAdSize(AdSize.BANNER); adView.setAdUnitId("YOUR_AD_MOB_AD_UNIT_ID"); adView.loadAd(new AdRequest.Builder().build()); } public void showAd() { if (adView!= null) { adView.setVisibility(View.VISIBLE); } else { Toast.makeText(activity, "Ad not loaded", Toast.LENGTH_SHORT).show(); } } public void hideAd() { if (adView!= null) { adView.setVisibility(View.GONE); } } } ``` 3. In the "MainActivity.java" file, add the following code: ``` private AdMob adMob; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); AndroidApplicationConfiguration config = new AndroidApplicationConfiguration(); View gameView = new AndroidGameView(this, config); setContentView(gameView); adMob = new AdMob(this); adMob.initAd(); } @Override public void onResume() { super.onResume(); adMob.showAd(); } @Override public void onPause() { super.onPause(); adMob.hideAd(); } ``` 4. Replace "YOUR_AD_MOB_APP_ID" and "YOUR_AD_MOB_AD_UNIT_ID" with your actual AdMob app ID and ad unit ID. **Step 5: Running the project** Now, we can run the project by clicking on the "Run" button in Android Studio. The game will start and display the ad at the bottom of the screen. That's it! We have successfully integrated AdMob into our Just Shapes and Beats game using Android Studio.