How to add a start and end screen for a ScratchJR quiz (Part 3)

To customize the appearance of a multiple-choice question, students can add a start and end theme to a question in ScratchJR.

To create multiple-choice questions in ScratchJR, students already know how to do so using characters or through messages to create questions and answers. To change the appearance of the multiple-choice question, students can add a start and end screen to a question in ScratchJR. Below are instructions on how to add a start and end screen in ScratchJR.

 

How to create a start screen for multiple-choice questions in ScratchJR

Step 1:

Students select the scene that created the question earlier. Next, you will add a character to the scene ; press the plus icon to add a character .

Then the user taps the white frame and then taps the pen icon to draw the character.

 

Step 2:

We will draw a triangle with the size and color you choose.

Next, tap the rotate icon on the right and rotate the triangle 90 degrees .

Then click the paint bucket icon to fill the triangle with color . Next, select a color and click the triangle to fill it. Finally, click the checkmark to add it to the program.

Step 3:

You will now see the program as shown below.

 

Step 4:

Next, we will add the program start command. Students will add the character's function to start the program by dragging and dropping a combination of the two commands: "tap the character" and "send a message" (in orange) in the Events command group.

Tap the triangle icon, then tap the "Touch character" command and the "Send message" command .

Continue by tapping the "Receive Message" command (orange) to enable the next question when you tap the program start icon. Then add the "Hide Character" command in the Appearance group to hide the icon.

Step 5:

Click on the multiple-choice question object and then delete the blue flag command and the orange message command . This will ensure greater consistency when running the program and switching questions.

Students will see only icons on the start screen.

 

When you click this icon , the question and answer will be displayed , and the icon will begin to disappear .

How to add an end screen to a ScratchJR quiz

In the final quiz scene, we'll add a closing scene to indicate that the game has ended.

Step 1:

You will add a character to the final scene of the show. Next, combine the two commands: the green flag command in the Events command group and the hide character command in the Appearance command group to hide the character at the end.

Next, students add a command to receive a message (purple or a message from the correct answer to the last question) so that when the last question is finished, the end icon is displayed.

Step 2:

Next, at the character's ending point, we can use commands from the Movement and Appearance command groups, or display the message "End of program!!" using the character's speech command.

Students can refer to the following instructions for the character's ending scene.

Other Program articles
  • ScratchJR Maze Game Design Tutorial (Part 2)

    trong bài này, trò chơi mê cung trong scratchjr sẽ được nâng cao hơn khi xây dựng mê cung để di chuyển.
  • 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.
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