Tutorial: Simulated solar system using Motion Paths
This tutorial demonstrates how to make a simple solar system simulation using SWiSH Max4 and its motion path feature. This is a great animation for a science class, or any space oriented website.
Note that the simulation is very approximate as it represents planet orbits as circular (not elliptical) paths. The simulation currently only displays the 4 inner planets, Mercury, Venus, Earth and Mars but it is easy to add more planets.
Data
The simulation is based on the following approximate data:
| Planet | Distance | Orbit | Speed | Diameter |
| Mercury | 58 | 88 | 4.1 | 0.38 |
| Venus | 108 | 224.7 | 3.0 | 0.95 |
| Earth | 150 | 365.2 | 2.6 | 1 |
| Mars | 228 | 687 | 2.1 | 0.53 |
Step 1: Create the motion paths
Concentric circles are used to define the motion paths of the different planets.
Using the Ellipse tool, draw a circle (any size) on the stage. To draw a circle as opposed to an ellipse, hold the shift key down while dragging the circle. Use the Reshape panel to accurately set the position (225, 150) and size of the circle (58, 58). Note that 58 corresponds to the size of Mercury’s orbit in millions of km. If you use the padlock to lock the aspect ratio, you will only need to modify one of the width or height parameters.
In the Outline panel, right click on the shape and select Copy Object from the menu.
Right click on the stage and select Paste in Place. This will paste an identical copy of the object on top of the original.
Repeat this process until there are 4 shapes shown in the outline panel. Select the bottom most shape in the Outline panel and change the height and width to be 228 (size of Mars orbit). Repeat this process for the next higher shapes setting their size to 150 and 108.
Finally you should be left with 4 concentric circles.
To avoid confusion, name each of the shapes in the Outline panel.
Step 2: Add the planets
Using the Ellipse tool again, draw another circle on the stage – anywhere and any size will do.
In the Properties panel, set the line to None.
Set the Fill to radial gradient. Choose a color and set the 50% gradient to 100% alpha, and the 100% gradient to 25% alpha.
The final object should look like this:
Repeat the previous copy / paste in place sequence to duplicate the object 4 more times. (ie a total of 5 gradient circles.)
The Ouline panel should now look like the one to the left.
Step 3: Resize and Animate the 1st planet.
The top most shape will be made into Mercury. Using the Reshape panel, set the width and height to be 3.8. (Mercury diameter is .38 that of earth).
Set a suitable color in the Properties panel – I used #CC6600.
Press the Ctrl Key and then select the mercury orbit (named mercury) in the Outline panel.
Right click on either of the selected shapes and select Convert | Convert Last Selected Shape to Motion Path. The following dialog should appear.
Set the ‘Reverse the path’ checkbox (conventional notation is to show planets orbiting in counter clockwise direction). And set the Velocity to 4.1. A value of 4.1 is used based on Mercury’s speed of 4.1 million km per day.
Ensure the Remove the path shape checkbox is set.
After this operation, the Preview Frame button will be set and the object path will be visible.
Press the preview frame button
(to disable this feature) and the motion path should no longer be visible.
The timeline should look like the one shown below:![]()
Pressing the play button should show dot rotate around the path.
Right click on the currently selected shape, and use Convert | Convert to Movie Clip. Answer yes to the question about grouping effects if you are asked. This step allows this shape to have animation independently of any other object.
Rename the new movie clip mercury. In the Properties panel for this new movie clip, uncheck the stop playing at end checkbox if it is checked.
The Outline panel with the newly created movie clip expanded should look like the one shown to the left.
Step 4: Repeat for the other planets
Select the next available shape in the Outline panel and repeat the procedure described in step 3.
Before applying the motion path, ensure that the cursor is positioned at frame 1 in the Timeline panel for the chosen shape. Failure to do this will cause the animation to start from a frame other than the first frame.
Resize the shape according to the chosen planets diameter. (Use 9.5 for Venus, 10 for Earth and 5.3 for Mars). Choose an appropriate color (I used #FFFFFF for Venus, #3333FF for Earth and #FF9900 for Mars).
When asigning the motion path, remember to reverse the direction and choose speeds of 3.0, 2.6 and 2.1 for Venus, Earth and Mars. These speeds are based on the data table above.
The final Outline panel should look like this (the final shape “sun” is mentioned in step 5):
Step 5: Add the Sun
Resize the remaining shape to 20 and set its color to #FFFF00. Position it in the center (225,150). Note that the diameter of the sun is not to scale compared to the planet diameters.
Step 6: Set the background color and movie size
In the Outline panel, select Scene_1. In the Properties panel select Movie Properties…
Set the size of the movie to 450×300 and the background color to black.
Downloads
The simulation file can be downloaded from here.
Footnote:
As stated above, this is a very crude simulation. It is intended more as a tutorial on motion paths rather than a real simulation. If you are interested in astronomy and planets, check out Celestia which is a free 3D sky map and space viewer / simulator.
Tags: Max4, motion path, Simulation, Solar System




Some time ago Microsoft offered a … “Dynamic Properties: Orbits Sample” under the now deprecated “Dynamic Expressions” category moniker. See:
http://msdn.microsoft.com/en-us/library/ms537634%28v=vs.85%29.aspx
it was a combo of HTML, CSS, and JavaScript that could easily have served as a basis of the motion paths example above.
The current implementing of HTML5 and my interest in your products raises my question:
Is your company currently exploring/developing HTML5 based versions of your products that will or will not be affiliated in any way to the company we know as Adobe?
If so, details please …
TIA
Dennis
Last time I was using Swish it was 5 years ago. And its move forward. Thanks for tut.
Ramūnas Bruzgys
Thanks for the tutorial!
I think once you get your head around the tutorial above, each planet then could have a mouseover to bring up text information about the planet.
I guess it would also need when you mouse over the stage, it will pause the animation, so that you can hover over planet and get the text information.
This should only mean adding a global mouseover command, then adding a mouseover command which brings up a text box.