ScratchJR Maze Game Design Tutorial (Final Lesson)

For projects or games in ScratchJR, the start and end screens play a crucial role in enhancing the final product.

For projects or games in ScratchJR, the start and end screens play a crucial role in enhancing the product's completeness and showcasing the program's professionalism. We will create a start screen to introduce information and an end screen when the player wins the game. Below is a guide to creating the start and end screens for a ScratchJR maze game.

 

How to create a start screen for ScratchJR

Step 1:

Reopen the maze program you created earlier. Then click the plus icon on the right to add a new scene.

Next, drag the animation to the top of the previously created maze game to create the opening screen.

 

Step 2:

Next, you need to change the background image for the opening animation and add text . The result is the program's opening screen as shown below.

Step 3:

Now you need to create an arrow pointing towards the cat , then program it to move up and down to guide the player to click on it.

Tap the plus icon on the left side of the screen to add a character. Then draw a triangle to create an arrow.

Step 4:

Enter the command as shown below for the arrow icon .

Then, a flashing movement effect will appear on the arrow, guiding you to tap the cat character to start the game.

 

Step 5:

Continue clicking on the cat to add commands as shown in the image. Clicking on the cat will switch to the maze game animation.

How to create a ScratchJR program end screen

We will create two interactions for the end screen. Clicking on the cat character will return the program to the welcome screen. Clicking on the ball character will return the game animation.

Step 1:

First, tap the plus sign on the right to create the third animation. Then, you'll also need to change the background and add the ball .

Step 2:

Click on each character in turn and then enter the command. For the cat, the command is as shown below.

Click on the ball again and then enter the command as shown in the image.

Step 3:

Next, you will adjust the game screen with a command to switch to the ending scene where the player controls their character to reach the finish line and touch the ball.

Click on the game animation, then click on the ball, and then add the command as shown below.

Related posts
Other Program articles
  • 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.
  • Answering frequently asked questions about Bootstrap

    bootstrap là phương tiện phát triển web, ứng dụng phổ biến. nhằm giúp bạn hiểu rõ hơn, tipsmake.com.com sẽ tổng hợp và giải đáp những câu hỏi thường gặp về bootstrap.
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