How to create cool BGs! (Tutorial)

Hi everyone, today I am going make a tutorial on how to create what is sometimes called bumpy bgs. Before we start, there is a few things I would like to get straight. Firstly, yes I did not fully invent this technique, but I am making a tutorial on it, so please give me some credit, if you decide to use this. Right, here goes nothing.

Step 1
Create a new hopscotch project, add a blank text object. Open the code editor for this text object, and add a function: When Game Starts. Then, add the Set — to variable block. Create a new variable, and call it size. Set this new variable to 100. This is going to be the thing that controls how big the trail is. So far your code should look like this:

Step 2
Now we need to create enough clones to fill the whole screen. Select the function When <. Select the first box on that function, and chose the ready made variable, Self Total Clones then, in the second box, enter a large number, I would suggest somewhere between 500-1000. To many clones may make your device crash, and to little may not fill the screen, so choose reasonably. The in the enter code section, enter the block Create A clone of this object. Your code should look something like this:

Step 3
Now choose the function: When Object is cloned. Then enter the block: Set— to. Create another variable for self, called size. The place this variable in the — part of the block. Now choose the set position black, and enter the following: x= Random 0-iPad width, Y= Random 0-iPad height. Your code should look like this:

Step 4
Now in the same function, select the block: repeat times and enter 100 in to the amount. Now select the draw a trail block, and enter the width as the variable we created earlier: self size. Replace the move forward block with move forward 0. Then add the block: increase variable self size by -1. For the colour of the trail, mess around, fluke it. But I suggest something along these lines: h: self x position, s: self y position and b: 100. Your code should look like something like this:


Play the project, and see what happens. If you don’t like the colours, change the HSB values, and see if you can make something nice, tag me on this topic if you make this! It makes an excellent first project, or can be used as a background for a game. Check out my other tutorials, on backgrounds on my profile. Any comments? Leave a post below.

Tag list

@koletsgo
@Eddie
@Rodrik834
@FearlessPhoenix
@SilverStar
@Ref
@Shadow_Spider
@Awesome_E
@Sage
@GameCodingCrazy123
@GweTV
@Stylishpoopemoji33
@MISSION_IMPOSSIBLE
@MarissaBunBun
@ArcadeGrounds
@the_dancer
@KittyLisa

Want to join my tag list or leave? Just tag me and tell me. The actual versions of the bgs are slightly down on my profile, so go check them out for inspiration. Here’s a link to one of them, and if you follow the code above exactly, you will make this.

Here are other variants I have made:


Oh and also, an elipsy warning.

16 Likes

Awesome tutorial!

6 Likes

Thanks that’s kind of you to say so.

5 Likes

Great tutorial :slight_smile:

8 Likes

Useful.
How does the bg look when coded correctly?

4 Likes

I will add that into the tutorial, but It will look different depending on what HSB values you have chosen.

4 Likes

Cool!
Also, can I join your tag list?

4 Likes

Can I join your tag list?

3 Likes

Good point!
Could you post a screenshot of just random values? It doesn’t matter the color so much, I’m just curious how the bg’s form looks like.
Thanks!

2 Likes

Height = 768 on ipad, 667 iPhone 6-8,X,XS,11pro portrait. Plus models and 11 and XR i forgot.

2 Likes

@Bugsy345 I would like to join the tag list

3 Likes


Generates personal code for your preferences.

2 Likes

Your method is slightly different to mine. But yeah.

2 Likes

Nice topic :clap:.

Can I join your tag list?

2 Likes

This is a great tutorial. Well done!

5 Likes

nice tutorial! i like how well you explained everything!

can i join your tag list?

3 Likes

Of, course.

2 Likes

Hey, @Bugsy345, can I join your tag list? :grimacing:

3 Likes

Yeah, of course.

3 Likes

Thanks so much :wink:

4 Likes