ScratchJR Maze Game Design Tutorial (Part 2)

In this article, the maze game in ScratchJR will be taken to a higher level as you build mazes to navigate.

In the previous lesson, students learned how to create a maze game in ScratchJR with a simple interface, moving the character using triangle icons. In this lesson, the maze game in ScratchJR will be more advanced by building mazes for movement. If the character touches a maze, they will automatically return to their starting position. If the character reaches the destination, the game ends. Below are instructions on how to create a maze game in ScratchJR.

 

How to design a maze game in ScratchJR

Step 1:

We reopen the maze game we created earlier in ScratchJR. You click the plus icon to add a new character.

 

Step 2:

In the new interface, tap the blank character , then tap the drawing pen icon to create a new character.

Step 3:

You choose the line size , select the line color, and then select the square to draw on .

 

Next, draw straight lines to create a maze for the character to move through, as shown below. Then press the 'v' button to add it to the game .

Step 4:

When adding a maze to the interface, it will be small in size. To enlarge the maze, we use the enlarge command in the Appearance group. We adjust the enlarged size as needed.

The main character, as well as the four arrow keys, are used to resize them to fit the project's layout.

 

Step 5:

When the cat character touches a maze, it must return to its starting position, so we will use the collision command as shown below.

Step 6:

To reach your destination, you choose to add any character to the destination position in the maze.

Then, tap on the target character and add the command as shown below. The game ends when the character reaches the target object.

Related posts
Other Program articles
  • ScratchJR Maze Game Design Tutorial (Final Lesson)

    Đối với các dự án hay trò chơi trong scratchjr, màn hình khởi đầu và kết thúc đóng vai trò quan trọng trong việc nâng cao tính hoàn thiện của sản phẩm.
  • How to customize Bootstrap with Sass

    bootstrap là một framework css tuyệt vời, có thể giúp bạn tạo web thời thượng và bóng bẩy. một số lập trình viên và đội ngũ phát triển thấy rằng viết code trong bootstrap dễ chỉnh sửa hơn css thông thường.
  • How to add Bootstrap to an Angular application

    angular là một nền tảng phát triển web tuyệt vời. Đặc biệt, khi thêm framework bootstrap css vào angular, các phần tử giao diện sẽ phong phú và sinh động hơn.
  • How to build a login screen with React and Bootstrap

    Ở bài viết này, hãy cùng tipsmake.com.com tìm hiểu cách xây dựng một màn hình đăng nhập đơn giản nhưng đẹp mắt bằng react và bootstrap 5 nhé!
  • How to use Bootstrap with HTML

    dùng bootstrap với html có thể khá khó với người mới bắt đầu. thế nhưng, đừng lo, hướng dẫn từng bước dưới đây sẽ giúp bạn biết cách sử dụng bootstrap với html nhanh chóng.
  • A compilation of exercises on Bootstrap 5.

    bạn có thể kiểm tra kỹ năng về bootstrap 5 qua những bài tập được chia theo từng phần dưới đây. giải bài tập bằng cách điền vào phần code còn thiếu. bạn sẽ nhận được 1 điểm cho mỗi câu trả lời đúng.
Category

System

Windows XP

Windows Server 2012

Windows 8

Windows 7

Windows 10

Wifi tips

Virus Removal - Spyware

Speed ​​up the computer

Server

Security solution

Mail Server

LAN - WAN

Ghost - Install Win

Fix computer error

Configure Router Switch

Computer wallpaper

Computer security

Mac OS X

Mac OS System software

Mac OS Security

Mac OS Office application

Mac OS Email Management

Mac OS Data - File

Mac hardware

Hardware

USB - Flash Drive

Speaker headset

Printer

PC hardware

Network equipment

Laptop hardware

Computer components

Advice Computer

Game

PC game

Online game

Mobile Game

Pokemon GO

information

Technology story

Technology comments

Quiz technology

New technology

British talent technology

Attack the network

Artificial intelligence

Technology

Smart watches

Raspberry Pi

Linux

Camera

Basic knowledge

Banking services

SEO tips

Science

Strange story

Space Science

Scientific invention

Science Story

Science photo

Science and technology

Medicine

Health Care

Fun science

Environment

Discover science

Discover nature

Archeology

Life

Travel Experience

Tips

Raise up child

Make up

Life skills

Home Care

Entertainment

DIY Handmade

Cuisine

Christmas

Application

Web Email

Website - Blog

Web browser

Support Download - Upload

Software conversion

Social Network

Simulator software

Online payment

Office information

Music Software

Map and Positioning

Installation - Uninstall

Graphic design

Free - Discount

Email reader

Edit video

Edit photo

Compress and Decompress

Chat, Text, Call

Archive - Share

Electric

Water heater

Washing machine

Television

Machine tool

Fridge

Fans

Air conditioning

Program

Unix and Linux

SQL Server

SQL

Python

Programming C

PHP

NodeJS

MongoDB

jQuery

JavaScript

HTTP

HTML

Git

Database

Data structure and algorithm

CSS and CSS3

C ++

C #

AngularJS

Mobile

Wallpapers and Ringtones

Tricks application

Take and process photos

Storage - Sync

Security and Virus Removal

Personalized

Online Social Network

Map

Manage and edit Video

Data

Chat - Call - Text

Browser and Add-on

Basic setup