Kids Puzzle Drag and Drop UNITY + Admob + EASY RESKIN ( Jigsaw for kids )

Introduction

Welcome to the tutorial on creating a popular kids' puzzle game called "Jigsaw for kids" using Unity, AdMob, and Easy Reskin. This game is designed for young children and is an excellent way to improve their problem-solving skills and cognitive abilities. With this tutorial, you'll learn how to create a complete game with a customizable interface, drag-and-drop functionality, and AdMob integration to monetize your game.

Prerequisites

Before starting this tutorial, you should have a basic understanding of Unity, C#, and the principles of game development. Make sure you have the following:

• Unity Hub (download and install the Unity Editor)
• A C# programming language knowledge (you can learn the basics here: https://docs.microsoft.com/en-us/dotnet/csharp/tutorials/)
• Familiarity with Unity's interface and basic game development concepts
• A computer with enough resources to run Unity smoothly

Tutorial Overview

This tutorial will cover the following topics:

1. Setting up the game scene and creating the puzzle pieces
2. Implementing the drag-and-drop functionality using Unity's built-in features
3. Customizing the game interface with Easy Reskin
4. Integrating AdMob for in-app ads and monetization
5. Testing and publishing the game

Step 1: Setting up the game scene and creating the puzzle pieces

1. Launch Unity and create a new 2D project. Set the resolution to 720x1280 and choose the "2D" template.
2. Create a new scene by going to "File" > "New Scene" and then name it "JigsawForKids".
3. Create a new folder named "PuzzlePieces" and inside it, create 5-6 separate sprite assets for the different puzzle pieces (e.g., shapes, animals, etc.).
4. Create a new GameObject for the puzzle board by going to "GameObject" > "2D Object" > "Sprite" and name it "PuzzleBoard".
5. Set the PuzzleBoard's sprite asset to a large, flat image (e.g., a jigsaw puzzle grid).
6. Create 5-6 separate GameObjects for the puzzle pieces and set their sprite assets to the ones you created earlier.

Step 2: Implementing the drag-and-drop functionality using Unity's built-in features

1. Create a new C# script by going to "Assets" > "Create" > "C# Script" and name it "DraggablePuzzlePiece".
2. Attach the script to each puzzle piece GameObject.
3. In the script, add the following code:

   
   using UnityEngine;

public class DraggablePuzzlePiece : MonoBehaviour { public float speed = 5.0f;

private bool isDragged = false;

void Update()
{
    if (isDragged)
    {
        transform.position = Input.mousePosition;
    }
}

void OnMouseDown()
{
    isDragged = true;
}

void OnMouseUp()
{
    isDragged = false;
}

}

4. Create a new C# script by going to "Assets" > "Create" > "C# Script" and name it "PuzzleBoardDragDetector".
5. Attach the script to the PuzzleBoard GameObject.
6. In the script, add the following code:
```csharp
using UnityEngine;

public class PuzzleBoardDragDetector : MonoBehaviour
{
    private DraggablePuzzlePiece[] puzzlePieces;

    void Start()
    {
        puzzlePieces = GameObject.FindObjectsOfType<DraggablePuzzlePiece>();
    }

    void OnMouseDown()
    {
        foreach (DraggablePuzzlePiece piece in puzzlePieces)
        {
            if (piece.isDragged)
            {
                piece.transform.position = RectTransformUtility.ScreenToLocalPoint(GetComponent<RectTransform>(), Input.mousePosition);
            }
        }
    }
}

Step 3: Customizing the game interface with Easy Reskin

1. Create a new folder named "Resources" in your Unity project and create a new subfolder called "EasyReskin".
2. Download the Easy Reskin assets (https://assetstore.unity.com/packages/templates-easyreskin-164511) and extract them to the "EasyReskin" folder.
3. Drag and drop the "EasyReskin" folder into the Unity project window.

Step 4: Integrating AdMob for in-app ads and monetization

1. Create a new folder named "AdMob" in your Unity project and create a new subfolder called "RewardedVideo".
2. Download the AdMob SDK for Unity (https://developers.google.com/mobile-ads-sdk) and extract it to the "AdMob" folder.
3. Import the AdMob SDK by going to "Assets" > "Import Package" > "Custom Package" and select the "AdMob-Unity-SDK.zip" file.
4. In the AdMob SDK package, you'll find two scripts: "RewardedVideo.cs" and "Admob.cs". Drag and drop these scripts into the Unity project window.

Step 5: Testing and publishing the game

1. Test your game by clicking the "Play" button in Unity or by running the game in the Unity Editor.
2. Use the "Game" > "Build" > "Windows" (or "Android" if you're building for mobile) menu to build and export your game.
3. Upload your game to the app stores (App Store, Google Play) and share it with your friends and family!

This concludes the tutorial on creating a popular kids' puzzle game using Unity, AdMob, and Easy Reskin. With these steps, you should now have a fully functional game with a customizable interface, drag-and-drop functionality, and AdMob integration. Remember to test and publish your game to share it with the world!