How to make a ripple backdrop with clones
In this tutorial, I will show you how to create a ripple or wavy backdrop using only one object! Here are some pictures -
Although this is not a hard tutorial, it requires a knowledge of clones and variables. Check out the other tutorials in the clone course if you are new in clone use.
Special thanks to @SummarianStudios
for making some of the first clone backdrops that I saw, giving me this inspiration.
Now, without further ado, let's get this thing started!
Step 1. Grab out any shape or text object that you would like to make your backdrop with. In my case, I'll be using the chevron.
Step 2. Put some clone-creating code in, as shown below.
I have a repeat block, telling my object to create a clone 540 times, and I have a set invisibility block, making my object invisible after it finishes cloning.
Step 3. Then add a "when object is cloned" from the whens menu.
We put a set position block, but filled both spaces with variables that I made, called xPos and yPos, standing for xPositom and yPosition. I tell it that when a clone is created, to set the position to x- and yPos, then increase xPos by 40. This moves the next clone forward by a bit.
The next lines of code are simply telling what color and transparency the clones will be.
Step 4. But if we only use this code, we only fill one stripe of the whole page! So we add this statement into the "when object is cloned" code.
It checks each time when an object is cloned if the variable xPos is greater than 1000. Remember, the screen, when horizontal, is 1000 wide and 800 tall.
IF xPos is greater than (>) 1000, this command tells it to set xPos to -40 (all the way on the left side of the iPad) and increase yPos by 40 (making the next row of clones a little higher up)
Step 5. We're almost finished! All we need to do is add some extra lines of code in, as shown below.
This makes the clones constantly spin, giving the background a wavy, pulsating effect.
Armed with these steps, you should be able to make a decent backdrop!
Your homework -
- Make your own wavy background
- Look at these projects -
* And make a new wavy background, changing something, such as the animation or the speed.