< Back

Project_1 Starry night

Week_01
Ideation_Diagram

I am always interested in astronomy and fascinated by evening scenery, so I decided to use them as my topic background. I want to create a fun little game. So my user can enjoy the romantic scenery without too much stress. I believe that the imitation of the astronomical operation mode of the game will impress my user.

Week_02
System_Diagram

‍

The user controls the shooting star to jump up and down to hit the target star in the sky. If the user misses it, the Star will change to Death Star and slap the user. The second system describes the relationship between the user, enemies (Death Star), and target(Star). The vision does not change much initially, but the design style will inspire by the examples on OpenProcessing.

Week_03
translate diagram into code

Star(Target):
Star constructor sets up the appearance and movements.
‍
The Iterator fetches the star objects in each array. It detects the movements to check the collision that makes the Star disappear. Boolean counts the score by detecting the distance between two things. If the player fails, Star passes the prescribed limit and turns into a black Death Star.

When a player hits death star, the game will be over.
See the code
Project 1(System):
The starry background creates from rectangles that refreshes by layers.

The polar lights have a color transition. The noise helps the sin function to waver regularly with the line on each layer.

From the library, I downloaded Minim and then added the audio for sound effects.
‍
eat=minim.loadFile("./sounds/eat.mp3");
There will be a little message and the end sore when the game is over.
See the code

deal with the complexity

It's the first time I have learned about Processing. Everything seems complicated. Translating the diagram to code is clueless, so I start with the simple shape position. Now, I already have the basic structure of my game. However, Organizing the different parts of the game and making it work is confusing.
<< My first try

The transition on colour, shape, and lines of the polar lights is hard. I watched the YouTube tutorial and tried several practice runs. At the same time, I also looked OpenProcessing to find the relevant examples to inspire me.

interactive elements

Everything in the coding is related and affects one another. The primary interaction between the Shooting Start (player) and Star (target) happens. When a player fails to devour the Star, it turns from target to enemy to take its "revenge." This additional interaction can be fun to play.

The iterator detects the interaction between relevant objects, and Boolean needs to simultaneously decide on true/ false statements. When the player clicks the mouse, the Shooting Star will jump once. If the player clicks and holds, it will rise until it gets to the top. This interaction is straightforward with people's habit of using a mouse.

Final Project

Future development

I don't have any coding background before, so I am proud of my first work with computer language. However, this game is still a simple rough game, but I would make it more professional in future.

First of all, I would add background music to make the game more relaxing and joyful in the future. Designing the different levels of the game will also be more attractive and challenging. When players get 10 points, they will go to the next level. The game scene will change, and the speed of the death star will be accelerating, which makes the player feels more intense. Besides that, I also consider adding a different model to the games, such as timing mode that requires a high score in a short time. The crazy mode will make the shooting star and death star surprisingly fast.