Scratch journey 2: mini game and face sensing

Last week, I explored the Scratch world, trying different blocks and viewing different shared projects. I have learned some fundamental knowledge of Scratch and felt that Scratch is a powerful tool enabling users to make videos and even design games. 

MINI GAME


This week, I tried to apply what I learned to design a mini-game. Its name is Eat bubble. 

For the game concept, 

🔺 the main character is a yellow bubble

🔺 the goal is to eat up the running yellow bubbles and avoid touching bubbles with different colors

🔺 players can control the yellow bubble by pressing arrow keys
🔺losing three lives means game over


For the blocks,

 These blocks enable players to control the yellow bubble pressing arrow keys.

In this chunk, I set the original position, the size of the yellow bubble. Prior to this, I set the value of two valuables: life and ball. Then, the forever loop takes up the major part. In this loop, I have done many tasks. Task one is to detect the touching with Ball 3, which are the running balls. There is a nested conditional statement inside that "if touching the specific color". If yes, the yellow bubble will expand.
 I also state the conditions to end the game: the value of the ball or the value of life is 0.


In the Ball 3, which are the running balls. I utilize the blocks of creating clones, which I learned from last week's observation. I preset the attribute, like the color, position, size, and the action of a clone. Then create a couple of clones when the player clicks the green flag. What is important is that the detecting rule is applied here. If the bubbles with different colors touch the yellow bubble, the number of lives will decrease by one.



What I found interesting is that "touching" is an action with constraints. During experiments, I 
discovered that "(A)touching an object(B)" means A chases after B and touches it. In the situation where A is static and B run into A, the conditional statement will return false. The situation where A runs into B from the opposite direction as well. 


FACE SENSING

The extension I explored is face sensing. I found the blocks I can use are more than the other extensions, so I chose this one. First, I dragged out different blocks and try them in practice to figure out their functions. In the end, I use it to create an interactive project.




Comments

Post a Comment

Popular posts from this blog

Scratch Mini-project: Simple MP4 & Remix

Image
During the past few weeks, I worked on a mini-project using Scratch. This small piece is an MP4 player, to be more specific, it is a music player. I tried to simulate the real user journey in a music player, like turn on and off, next and previous song, pause and start a song, etc.  Week 1  In week 1, I just grabbed some thoughts about the mini-project. I thought of making a storytelling project, demonstrating the great fun brought by MP4 during my childhood. But I decided to make an interactive virtual MP4, which could be more interesting since people can interact with it. Due to the time pressure, I just forked the music player function of the MP4 player. Week 2 Before starting to use Scratch to create the project, I made a plan first to sort out my sort of random thoughts. They are many functions of a music player. I need to decide put which functions into priority. I made a list to map the user interactions in sequence: 1.  turn off/on the device   2. see a centr...
Read more

Learn how draw with p5: A Chinese lantern

Image
  https://editor.p5js.org/hh2871/sketches/diyXJRSYG  Why do I choose lantern? Because lantern is a meaningful symbol for Chinese people. It stands for coming back home or reunion with family. Therefore, Chinese people like hanging out lanterns during traditional festivals as a good blessing.  How do I make it? First, I drew a picture of it.  I broke it down into several parts: the top, the body, the bottom, the fringe, and the decorations(a line and a square). For each part, I used basic shapes, like squares, rectangles, lines. The body part is special because of its irregular shape. Therefore, I used vertex() to sketch it out. The last step is to color different parts. I messed up with coloring since I used color() instead of fill(). And, I learned that every time I want to apply different colors, I need to reset the RGB.
Read more

Create Button Press and Key Press Events in p5.js

Image
Creating button-press and key-press events can add more interactive fun to the program. The picture above shows the "Hello" text I wrote using my program. In this program, users can change colors, clear canvas, change stroke weights, and change background colors by pressing buttons and keys.  https://editor.p5js.org/hh2871/sketches/-sXGieDYf In the setup function, I set up the background color, the size of the canvas, stroke weight, and filling color first. Besides, I also preset the positions, texts, and event triggers of the four buttons. After this, I defined the functions of each button and the functions of keypress events. The function of fill() is to change colors. The function of strokeWeight() is to change the stroke weight. The function of background() is to change the background color.
Read more