Floating Lanterns Using Scratch

by danielaa in Design > Digital Graphics

26 Views, 0 Favorites, 0 Comments

Floating Lanterns Using Scratch

MakeItFloat_Video (1).gif

I wanted to make a calm, visually appealing animation that shows the concept of floating. I decided to make a scene with glowing lanterns drifting up and down as a way to experiment with both creativity and coding.

Supplies

This project was created using a computer and the Scratch programming platform.

Create the Background

Backgroundd.png

First, I drew the background directly in Scratch. I added multiple layers, such as the sky and foreground, to create depth and make the scene feel more realistic.

Add Distant Lanterns

Background Lanterns.png
Back.png

Next, I created a separate sprite made up of small background dots to represent lanterns floating far away in the distance. This helped add scale and depth to the scene.

Design the Lanterns

Lantern 5.png
Lantern 4.png
Lantern 3.png
Lantern 2.png
Lantern 1.png

I then drew different types of lantern sprites. Each lantern includes shading and color gradients to represent the glow of the flame inside, making them look more realistic.

Place and Tilt the Lanterns

MakeItFloat.png

After creating the lantern sprites, I copied and placed them at different locations on the stage. I also tilted each lantern slightly to give them a natural, floating appearance.

Animate the Floating Motion

Coding.png

Finally, I added the same code to all lantern sprites, including the background lanterns, to create a smooth floating effect. When the green flag is clicked, each sprite glides between two positions repeatedly, making them move up and down like they are floating.