@sonicplushiesc4

The key is to press the camera button when the stage is showing exactly what you want as the thumbnail.

@sonicplushiesc4

This project shows a dog saying hello right? So when it says Hello, you can press the button to update the preview. It will become this:

@kirbstyre_63

Most likely, we will implement a system similar to MIT Scratch’s “messages” (https://scratch.mit.edu/messages). But this is currently behind other more urgent tasks.

@sonicplushiesc4

If it is not working, can you share the project link? And you pressed that button while the project is running?

@sonicplushiesc4

You can use this camera button on top of the stage to update the project preview:

@sirbots

We have added 2 new blocks to make it easier to work with clones. Please check them out there:

https://www.forum.creaticode.com/topic/2032/2-blocks-to-scan-for-clones

 

Introduction

 

In game projects, clones are commonly used to create objects like enemies, obstacles or powerups. However, it is not easy to scan for them in our code, which is often needed when we need to do something clever, such as “find all the enemies near me”, or “check if I have a clear line of fire”.

In CreatiCode, every clone has a clone ID, and the original sprite can also be treated as a clone with an ID of “originalsprite”. There are 2 new blocks that can be used to scan for clones of a given sprite: one is simply based on distance from this sprite, and the other based on a scan area.

 
 

Find Clones by Distance

 

You can use this sensing block to find clones of a given sprite within the given distance from this sprite, and save their information in the given table:

 
Notes:

• You can pick any sprite, even this sprite itself
• The original sprite can also be treated as a clone, with a clone ID of “originalsprite”.
• The distance is the direct-line distance between this sprite and each clone of that sprite, calculated using their x and y positions.
• If any clones are found within this distance, they are listed in the table in order of increasing distance (nearest first). The table will always have at least 4 columns: clone ID, x, y and distance. If the clone has any private variables, they will also be added as additional columns.

 
 

Example

 

Here is an example program showing how it works: play.creaticode.com/projects/685e804081a45ef495ae5fdf

 
In the Tree sprite, we create 5 clones of the tree. Each clone will go to a random position, generate a “secret” that is private to itself, and then say its clone ID to identify itself.

 
So on stage, you will see 6 tree objects like this:

 
Now, in the Truck sprite, we can use this sensing block to find trees that are with 100 units distance from the truck:

 
Then we can look at the content of table1:

 
As shown, there are 3 clones whose distance is less than 100 from the truck.

The nearest clone is the original tree sprite, which is at x of 0 and y of 0. It is about 64.85 units away from the truck.

The second nearest clone is the one with ID of “clone_3”. It is a bit further away, and its secret is 78.

You can try to change the distance threshold or drag the trees around, and observe how table1 changes. For example, when the distance threshold is very large, all clones should be listed in the table; and when it is very small, the table should become empty.

 
 
 
 
 
 
 

Detect Blocking Clones in the Forward Direction

 

Another very common question we need to ask is whether there are obstacles in front of our sprite, which may block our sprite’s movement or block the shots it fires.

One way to do this checking is to use the block above to find all clones on the stage, and then check the position of each of them. But the calculation become more complex when the sprite is facing an angle (not straight left/right or up/down).

Instead, you can use the following block for this task, which defines a rectangle “scan area” in front of this sprite, and list any clone of the given sprite it finds in this area in the given table.

Notes:

• You can pick any sprite, even this sprite itself
• The original sprite can also be treated as a clone, with a clone ID of “originalsprite”.
• The distance is going forward along this sprite’s current direction. So if this sprite is facing 45 degrees, you can imagine it moves forward along this direction for 200 units, and check if there are any clones that’s 20 (half of 40) units away on the left or right side.
• If any clones are found within this distance, they are listed in the table in order of increasing distance (nearest first). The table will always have at least 4 columns: clone ID, x, y and distance. If the clone has any private variables, they will also be added as additional columns.

 
 

Example

 

Here is an example program showing how it works:

play.creaticode.com/projects/685e928081a45ef495ae82c0

 

The truck is facing -30 degrees (upper left direction). In the Tree sprite, 2 clones are created in a similar way.

You can drag them to a formation like this:

 
The original tree sprite is directly on the forward path of the truck. The clone 2 is slightly blocking the path on the right side, and clone 1 should not be a blocker.

 
Now, suppose we run this block in the truck sprite:

 
The detection area will be 200 by 70 in front of the truck:

 
The table1 will contain 2 rows:

 
Explanation:

• The center point of both the original sprite and the clone 2 are inside the red rectangle, so they are included in the result table.
• For clone 1, although its edge touches with the red rectangle, its center point is outside the rectangle. Since we only look at the x/y position of each clone, and not their size, the only thing that matters is their center point’s position.

Therefore, when deciding the width of the detection area, you need to consider the width of both this sprite and the clones.

Now, suppose we change the block to use width of 100, then the table will contain 3 rows, because the detection area now includes the center point of the clone 1 as well:

 
You can try to play with different truck direction, tree position, distance and width settings to understand how this block works better.

This change has been released. Please refresh your playground to get latest code.

 

Introduction

 

In part 1 of this tutorial, we built a basic AI controller for the game. That AI could already move the truck to random locations, and even seek and attack the opponent.

In this second part, we’re going to supercharge our AI! We’ll add two major new skills: collecting power-ups and avoiding tree obstacles. With these upgrades, our AI will become a much tougher competitor in battle.

Here is a demo of what we’ll be building:

 
 
 
 
 
 
 
 
 
 
 

Version 4 - Collecting Powerups (Difficulty: 4)

 

To get our truck to collect powerups, it first needs to know where they are. Then, it has to drive over to them. A key part of the logic will be deciding when to go for a powerup versus when to keep attacking the opponent.

 
 

Step 1 - Duplicate the Previous AI Code

 

We’ll be building on the AI controller we made in Part 1 (Version 3). Go ahead and open that project, and then save a copy of it. This way, you’ll always have the original version to go back to if you need it.

 
 

Step 2 - Check for Powerups

 

To collect powerups, our AI first needs to know that they’ve appeared on the map. It only makes sense to change the truck’s behavior after a powerup is available. The best spot for this check is right at the start of our main forever loop.

Let’s create a new custom block and name it check powerups. Important: Make sure to check the box for “Run without screen refresh.” This gives our code a nice little speed boost.

 
And we will place this new block at the beginning of the main loop:

 
 

Step 3 - Check Our Life Count

 

Remember, there are two types of powerups in the game:

• Sugar: Increases our truck’s life count (up to a max of 3).
• Gas: Boosts our truck’s speed (up to a max of 120).

It makes sense to prioritize survival. If our truck has fewer than 3 lives, getting a Sugar powerup should be the top priority. Let’s start by adding a check for that.

 
Note that the ☁ my lives variable keeps track of the life count for our truck, which is identified by the my team ID. This sensing block is very handy when you need to access any private property of a clone so long as you know its ID.

 
 

Step 4 - Look for Sugar Powerups

 

If our truck needs health (meaning it has less than 3 lives), it’s time to scan the area for any Sugar powerups. We can do this using the special find clones of sensing block.

 
This block is incredibly useful. It searches for all visible clones of a specific sprite within a certain distance. Since we want to find Sugar anywhere on the map, let’s use a large distance like 1000. Any Sugar clones it finds will be listed in the table1 variable.

 
 

Step 5 - Check If Table1 is Not Empty

 

If the find clones of block successfully located one or more Sugar sprites, it will add them as rows to table1. So, to see if we found anything, we just need to check if the number of rows in table1 is greater than 0.

 
 

Step 6 - Update Mode and Target Location

 

Okay, we’ve found a Sugar powerup! The next step is to drive to it. The table1 is conveniently sorted by distance, meaning the very first row always points to the closest clone. For example, this screenshot shows that one Sugar clone was found. It has a clone ID of 1, is located at X: 160 and Y: -65, and is 96.43 units away from our truck.

 
Now, we could create a whole new mode like “collect sugar,” but there’s a clever, simpler way. We can just reuse our existing wander mode! All we have to do is update the target x and target y variables with the location of the Sugar item. The existing code in the wander block will then automatically navigate our truck right to it.

 
 

Step 7 - Return from “check powerups”

 

Once we’ve spotted a Sugar clone and decided to go for it, our job inside the check powerups block is done for this cycle. There’s no need to continue and check for Gas powerups. We can use a return block to exit the custom block immediately.

Pro Tip: It’s a common misunderstanding that the return block is only for reporter blocks (the ones that return a value). You can also use it in regular stack blocks like this one to simply stop the block from running any further. Its return value is just ignored. This is equivalent of using the stop [this script] block.

 
 

Step 8 - Look for Gas Powerups

 

If our truck is at full health, or if there were no Sugar powerups to find, the code continues. Now we can check for Gas powerups. But, there’s no point in grabbing a Gas powerup if our speed is already maxed out at 120. So, let’s first check our ☁ my speed variable.

 
 

Step 9 - Complete the Rest

 

The logic for finding and collecting Gas clones is nearly identical to what we just did for Sugar. See if you can build the rest of the code yourself! It’s great practice.

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Here is the complete solution for the check powerups block:

 
 

Step 10 - Test This Version

 

Time to test our new powerup-collecting AI! To focus just on this new skill, let’s keep the tree count at 0 for now (you can change this in the Setup sprite).

It’s also really helpful to make the table1 variable visible on the stage. This way, you can see exactly when the AI finds a powerup.

One last tip for faster testing: in the Sugar sprite, you can shorten the time it waits before reappearing. For example, try changing the random wait to between 3 and 9 seconds.

 
Now you can test your AI by opening the project in two browser tabs and letting them battle. It should look something like this:

 
 
 
 
 
 
 
 
 
 
 
 

Version 5 - Avoiding Trees (Difficulty: 5)

 

Now for a real challenge: obstacle avoidance! Right now, our truck will just drive straight into trees and get stuck, completely stopping it from chasing the opponent or grabbing powerups. We’re going to fix this by teaching our AI how to detect when a tree is in the way and then plot a “detour” to get around it.

 
 

Step 1 - Export Version 4 for Backup

 

First thing’s first. Let’s make a backup of our working powerup-collecting version. Export your Controller sprite as a file (it will be named something like sprite3). This way, if anything goes wrong, you can easily import this version and start again.

 
 

Step 2 - Define a New Reporter Block

 

To avoid trees, our AI first needs a way to “see” if its path is blocked. We’ll create a new custom block that can answer a simple question: “Is this direction blocked?”. Let’s name it direction is blocked, and it will take the command as an input. Make sure to select “Run without screen refresh” and define it as a reporter block. A reporter block returns a value; ours will return 1 if the path is blocked and 0 if it’s clear.

 
 

Step 3 - Discussion On How to Detect Tree Obstacles

 

Before we jump into coding, let’s talk strategy. How can our Controller sprite, which only sends commands, know if the Truck sprite is about to hit a tree?

In standard Scratch, you might try a “ghosting” technique: quickly move the sprite forward, check for a collision, and move it back before the screen refreshes. But that won’t work here, because our Controller sprite and Truck sprite are separate. The Controller can’t directly move the Truck to test for collisions.

So, we need a different, more clever approach:

1. We’ll temporarily move our invisible Controller sprite to the exact location of our Truck.
2. We’ll point the Controller sprite in the direction we want to move.
3. From that position, we’ll use a new sensing block to scan a rectangular “detection area” in front of the sprite to see if any trees are inside it.

 
Let’s implement this idea in the next few steps.

 
 

Step 4 - Move the AI sprite to the Truck

 

First, let’s get the current X and Y position of our truck using its my team clone ID. Then, we’ll use a go to x y block to instantly move our Controller sprite to that same spot.

 
Remember, the Controller sprite is invisible, so you won’t see anything change on the stage. The whole point of this move is to establish a starting point for our tree-detection scan.

 
 

Step 5 - Face Upward if Command is 1

 

If the command we’re checking is 1 (move up), we need to check for trees above the truck. To do this, we’ll point our Controller sprite upwards (direction 0). This step is crucial because the detection area we’re about to create is always relative to the direction the sprite is facing.

 
Again, we’re just using the invisible sprite’s direction to set up our detection area.

 
 

Step 6 - Handle the Other 3 Directions

 

Similarly, we’ll handle the other three possible commands (2 for down, 3 for left, and 4 for right), pointing the Controller sprite in the corresponding direction each time.

 
 

Step 7 - Detect Tree Clones in a Rectangle Area

 

With our Controller sprite now at the truck’s location and pointing in the direction of intended movement, we’re ready to scan for trees. We’ll use the find clones of sprite in rectangle block. Here’s how this powerful block works for our setup:

 
Explanations:

• We are looking for visible clones of the Tree sprite. The original Tree sprite is hidden, so this check will correctly ignore it.
• The rectangle is defined relative to the Controller sprite’s forward direction. So if the command is 1 (up), the Controller is facing upward, and the rectangle will extend 60 units forward and expand 90 units wide, like this:
  
   
• We will store information about all clones found in the table1 variable.

 
Feel free to fine-tune the distance and width values. Think of distance as how far ahead the AI can “see,” and width as its “peripheral vision,” or how wide you want to scan.

If the center of any Tree clone is inside this rectangle (i.e. its center point falls into this rectangle), it will be listed in the table, which includes columns for clone ID, x, y, and distance.

 
If more than one clone is found, the table will be sorted by distance, with the closest one listed first.

 
 

Step 8 - Check If Table is Empty

 

We don’t need the specific details of the trees, just whether any tree was found. So, we can simply check if table1 has any rows. If the row count is greater than 0, a tree is blocking the path, and our block should return 1. Otherwise, the path is clear, and it should return 0.

 
 

Step 9 - Check if Command Direction is Blocked

 

Now we can put our new reporter block to use! Back in the main loop, right before we set the new command, we’ll call direction is blocked to check the path.

Also, to make our AI more responsive and quicker to react to obstacles, let’s reduce the wait time in the main loop to 0.1 seconds. This allows it to check for blockages more frequently.

 
 

Step 10 - Calculate a Detour Command

 

If our check finds that the intended direction is blocked, we need to calculate a detour. We’ll create another new custom block, calculate detour, to handle this logic. This block will figure out a new, unblocked detour command which will then temporarily override the new command.

 
 

Step 11 - Discussion on How to Make a Detour

 

So, how do we calculate a smart detour? There are many complex pathfinding algorithms, but we’re looking for a solution that is effective, fast, and simple to build.

Imagine the truck needs to get the Gas on the top right, but a tree is blocking the path to the right.

 
We have a few command options:

• new command: The original, blocked command (e.g., move right).
• alt command: The other direction towards the target. Since the Gas is also above the truck, moving up would be a good alternative.
• alt command 2: The opposite of the alt command. This is a backup plan if the alt command is also blocked.
• back command: The opposite of the new command. If all forward and side paths are blocked, our only choice is to back up to escape the “trap”.

Our strategy will be this: when we’re blocked, we will check these alternatives in order. Once we find a clear path, we’ll execute a two-step detour (e.g., move sideways for 1 second, then move toward the target for 1 second) before returning to our normal logic. This simple strategy will handle most situations very effectively. Let’s build it!

 
 

Step 12 - Initialize Detour

 

Inside our new calculate detour block, the first thing we’ll do is set up a couple of variables to manage the detour process:

• in detour: A “flag” variable. We’ll set this to 1 to signal that the AI is currently executing a detour.
• detour start time: We’ll record the current timer value here. This will help us time each step of the detour.

 
 

Step 13 - Calculate the Alt Command

 

Next, we need to determine the best alternative command (alt command). This command should still move the truck generally closer to its ultimate target.

If our original new command was vertical (up/down), the alt command should be horizontal (left/right). We can pick the correct horizontal direction by looking at distance x. If distance x is positive, the target is to the right, so our alt command should be 4 (move right).

 
Similarly, if the new command was horizontal (left/right), the alt command should be vertical (up/down). We can use distance y to decide whether to move up or down.

 
 

Step 14 - Calculate the Alt Command 2

 

The alt command 2 is always the opposite of the alt command. We can use a neat little math trick for this: since (left=3) + (right=4) = 7, we can calculate the opposite by subtracting from 7. This logic works whether the new command was vertical or horizontal.

 
 

Step 15 - Calculate the Back Command

 

The back command is always the opposite of the new command. We can use a similar calculation based on whether the command is vertical or horizontal.

 
 

Step 16 - Take the Alt Command If Available

 

Now we’ll decide which detour path to take. Our first choice is always the alt command. We use our direction is blocked reporter to check if that path is clear. If it is, we’ve found our detour! We’ll set up a two-step plan:

1. detour command: Set to the alt command.
2. detour command 2: Set to the original new command.

This means the truck will first move sideways, then try to resume its original path. Since we’ve found a plan, we can use a return block to exit the calculate detour script.

 
 

Step 17 - Take the Alt Command 2 If Available

 

But what if the alt command path is also blocked? This means obstacles are in front of us AND on one side. Our next best option is to try alt command 2 (the other side). If that path is clear, we’ll set our detour plan to use alt command 2 first, followed by the original new command.

 
 

Step 18 - Take the Back Command as a Last Resort

 

In the worst-case scenario, the paths forward, left, and right are all blocked. The truck is trapped! The only way out is to back up. We’ll set the detour plan to use the back command first, and then follow it up with the alt command to try and steer around the trap.

 
 

Step 19 - Add a New Branch for Detour

 

Now we need to modify our main loop to actually execute the detour. When the in detour flag is set to 1, we need to bypass all our normal logic (checking powerups, finding the opponent, etc.). Instead, we will run a separate branch of code dedicated to the detour.

The animation below shows how to restructure your main loop with an if/else block based on the in detour variable. Notice that the block that sends the command to the truck is now outside and after the if/else, so it runs in every situation.

 
 

Step 20 - Stop Detour in 2 Seconds

 

Inside the new “detour” branch of our if/else block, we’ll manage the two-step detour sequence. The whole detour will last for 2 seconds. By default, the new command will be our detour command. If the timer shows that 2 seconds have passed since the detour start time, the detour is over. We’ll set the in detour flag back to 0, so that on the next loop, the AI will go back to its normal behavior.

 
 

Step 21 - Switch to Second Detour Command in 1 Second

 

The detour itself has two parts. For the first second, the truck will follow detour command. After one second has passed, we’ll switch the new command to detour command 2 for the second half of the detour. This creates the “go sideways, then go forward” maneuver.

 
And that’s it! Our detour logic is complete. In short, when the AI “sees” a tree, it will now intelligently try to move sideways or even back up for a moment to get around it.

 
 

Step 22 - Test This Version

 

It’s time for the final test! Go to the Setup sprite and set the tree count to 6 (or even more to make it really challenging). Run the project and watch how your AI truck now cleverly navigates around the trees instead of getting stuck. You can also speed up the powerup spawn times again for a more action-packed test.

Here is a demo:

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Further Improvements

 

This AI controller is already much smarter, but there’s always room for improvement! If you want to take your AI to the next level and win battles, consider these enhancements:

• Smarter Attack and Dodge: Have you noticed your truck sometimes has a perfect shot lined up but decides to wander off instead? Improve the attack mode to recognize when it’s aligned with the opponent, take the shot, and then immediately move sideways to dodge any return fire.

• Strategic Powerup Denial: Right now, your AI only grabs powerups it needs. But what if your opponent is low on health and a Sugar powerup appears? A truly smart AI would grab that powerup just to prevent the opponent from getting it! Modify your check powerups logic to consider the opponent’s status, too.

• Don’t Waste Ammo: Firing donuts into a tree is a waste! Before shooting, you can use a similar detection method to the one we built for avoiding trees. Check if the line of sight to the opponent is clear. If it’s blocked by a tree, hold your fire and reposition.

• Press the Advantage: When your truck is stronger (more lives, more speed), it should be more aggressive! Instead of firing one shot and then wandering away, why not make it stay in attack mode and keep firing as long as it has the upper hand?

 
These are just a few ideas to get you started. The best way to improve your AI is to watch it battle. What mistakes does it make? When does it get outsmarted? Every battle is a chance to learn and come up with your own unique strategies to build the ultimate champion