Designing Steps for Monkey Ball Chase Game

Monkey Ball Chase is an engaging mobile game where players guide a mischievous monkey by dragging it across the screen, while a persistent ball chases closely behind. The objective is to skillfully maneuver the monkey to evade the ball for as long as possible, navigating around various obstacles and collecting power-ups to gain advantages. With intuitive touch controls and lively animations, Monkey Ball Chase offers a fun and challenging experience for players of all ages.

Designing a game in MIT App Inventor where a monkey can be dragged in any direction and a ball follows the monkey involves several key steps

1. Setup MIT App Inventor

• Access MIT App Inventor: Go to MIT App Inventor and log in or create an account.
• Start a New Project: Click on “Start New Project” and name your project (e.g., “Monkey Ball Chase”).

2. Design the User Interface

• Drag and drop a Button from the User Interface palette onto the screen.
• Set its properties:
  • Background Color: Set as you like
  • Width: Fill parent or a specific size
  • Height: Fill parent or a specific size.
  • Text : START GAME
  • Font & Font Size: Bold & 20

Components to Add:

• Layout: This is the area of screen where all components are being placed
• Canvas: This will be the area where the game occurs.
• ImageSprite (Monkey): Represents the monkey which can be dragged.
• ImageSprite (Ball): Represents the ball that follows the monkey.

Steps:

1. Add Layout:  This  is area of screen size where all components are being placed Go to Layout< vertical Arrangement

• Drag and drop a verticalArrangement from the Layout palette onto the screen.
• Set its properties:
  • Width: Fill parent or a specific size
  • Height: Fill parent or a specific size.

2.Add a Canvas:

• • Drag and drop a Canvas from the Drawing and Animation palette onto the screen.
  • Set its properties:
    • Width: Fill parent or a specific size.
    • Height: Fill parent or a specific size.

3. Add the Monkey ImageSprite:

• Drag an ImageSprite onto the Canvas.
• Set its properties:
  • Picture: Upload an image of a monkey.
  • Height: 50% Pixels .
  • Width: 50% Pixels

4. Add the Ball ImageSprite:

1. • • • • • Drag another ImageSprite onto the Canvas.
           • Set its properties:
             • Picture: Upload an image of a ball.
             • Width and Height: Set the size appropriately.
             • Radius: set 20