china users

@the_true_odst

In that case, you can skip that whole process when you debug the issue since it is unrelated to the issue, right?

@attractive-milk @The_True_Odst

Thanks for the feedback. It appears to be an issue related to computer speed and network latency between the 2 of you.

We will give it more tests and try to improve the performance.

@the_true_odst

Can you pinpoint which block should trigger the “faded version” to appear? And does that block get to run or not?

You can try to use the “print to console” block at a few critical points to help you track the program flow.

Also, it is not clear why this project takes so long to load. Maybe you can make a copy of it, delete all sprites/code unrelated to the hanger, so that you can start it quickly as you debug.

@attractive-milk

How about increasing or decreasing the value with the scrolling wheel on the mouse?

@sirbots

Please try again. The issue should be resolved now.

Introduction

 
The Sun is the center of the solar system, but many people do not know that the Sun itself is traveling across space at a very fast speed (about 137 miles per second!).

In this tutorial, you will learn to build a simulation of the solar system as it moves in space. It will be a good practice on a few key techniques, such as parenting, transformer node, glow layer and trail mesh.

 

 
 

Step 1 - Create a new project

 

Log into the CreatiCode playground, and create a new project. Remove the “Sprite1”, and rename the “Empty1” sprite to “Scene”. This sprite will be used as the starting point.

 
 

Step 2 - Initialize a scene with a starfield background

 

There is no 3D scene for the space. However, we can achieve that in 2 steps:

1. Initialize an “Empty” scene first;
2. Set the sky type to one of the starfield choices.

We can also add a 3D axis temporarily as we develop the program.

 
Here is the code:

 
This is what the stage looks like.

Note that the 3D axis looks quite small for now, since when the sky type is set to the starfield, the camera is zoomed out by default. This won’t be an issue, since we will add a new camera to replace it later.

 
 

Step 3 - Send 3 messages

 

The rest of the program will take 3 steps:

1. Add the Sun
2. Add planets (Earth and Mars)
3. Make them move

We can easily sequence these events using 3 messages like this:

Make sure you use “broadcast and wait” for the first 2 messages, so these 3 steps are taken one at a time.

 
 

Step 4 - Add the Sun sprite

 

Next, add a new empty sprite, and rename it to “Sun”. In that sprite, when it receives the “add sun” message, add a yellow sphere to represent the Sun:

 
Note that we are giving it the name of “sun”, so that we can select it later.

 
 

Step 5 - Add the Follow Camera

 

Since the Sun will be moving in the scene, we will use a “follow camera” to follow the Sun:

You can adjust the distance and angle of the camera as you wish. Set its direction lock to “free” so that the user can drag the pointer to change the view angle.

 
 

Step 6 - Make the Sun glow

 

To make the Sun glow some yellow lights, we need to set its emission color to yellow (by default, it is black), and then add it to a “glow layer”.:

Now there is some glowing yellow light around the Sun:

 
 

Step 7 - Add the Sun’s trail

 

To clearly show that the Sun is moving, we will give it a “tail” using the trail mesh:

The trail has the same color, and it is added to the default glow layer as well. We will see its effect once the Sun starts to move.

 
 

Step 8 - Make the Sun start moving

 

To test what we have so far, we can make the Sun move forward when it receives the “start” message. Don’t worry about the planets for now. Add this to the Sun sprite:

Note that we need to select the “sun” object first before setting it speed. This is because the active “sprite object” in this sprite is the trail of the sun, not the sun object, as we added the trail object after adding the sun object.

After this step, the Sun will be moving when we run the project, leaving a trail behind it:

 
 

Step 9 - Add the Earth sprite

 

Now let’s work on the Earth. Add a new sprite and name it “Earth”. In this sprite, when it receives the “add planets” message, add a smaller blue sphere and move it to the right along the X axis for 200 units:

 
 

Step 10 - Make the Earth move and orbit

 

Now we arrive at the most challenging question of the project: how to make the Earth moves together with the Sun, and also orbit around it?

An immediate answer is to use parenting. If we make the sun object the parent of the earth object, then as the sun moves, the earth object will move as well. Also, if we make the sun object spin around itself, the earth object will orbit around it.

However, there is one issue with this solution: the orbit speed of the earth object is determined by the spinning speed of the sun, so if we add the Mars later, it would orbit around the sun at the same speed.

The solution is to add another intermediate object to help with the orbiting movement. Let’s call it “earthparent”. So the “sun” will be the parent of “earthparent”, and “earthparent” will be the parent of the “earth” object:

After this step, the sun will make the earthparent and the earth move with it (we will add the orbiting behavior later).

 
 

Step 11 - Add trail to earth

 

We will apply the same code as the sun to make the earth object glow and add a trail to it:

Now we can clearly see both of the sun and the earth moving:

 
 

Step 12 - Make earth orbit

 

To make the earth object orbit, we just need to rotate the “earthparent” object:

Note that they are moving along the Y axis, so the rotation should be around the Y axis as well:

 

 
 

Step 13 - Add the Mars

 

Since the code for Mars will be very similar, we will first duplicate the Earth sprite to a new sprite named “Mars”. Then we have to make a few changes:

1. Names: mars and marsparent
2. Color: blue to orange
3. Size: Mars’s diameter is about half that of Earth
4. Distance: Mars’s distance to the Sun is about 1.5 times that of Earth
5. Orbit Speed: Mars’s orbiting speed is about half of that of Earth.

With all these changes, now we have a complete simulation:

 

 
 

Enhancements

 

For some extra practice, here are some ideas to enhance this project:

1. Add other planets in the solar system: Make sure you get their size/distance/orbit speed correctly relative to the Earth.
2. Make the Sun orbit: The Sun actually doesn’t travel in a straight line. It also orbits in a very big circle path. You can illustrate this by adding a new parent object to the Sun itself.
3. Add the Moon: You can add the Moon of Earth that orbits around the Earth.
4. Toggle camera views: You can allow the user to pick which object the camera should follow. Be prepared for some seriously dizzying results!

@sirbots

We will investigate now. thanks for the heads up.

@attractive-milk

Maybe you can try these ideas?

1. Click the trash bin again to make it stop yelling
2. Make random garbage items fly out of the trash bin
3. Drag and drop garbage items into the trash bin
4. Make the trash bin move to random places on the stage
5. Add multiple clones of the garbage bin of different looks.

@attractive-milk

What device are you using? On computers it should show the up/down arrows:

@attractive-milk

Which block are you referring to?