The last 2025 Class - 3E and 3D

 CLASS OBJECTIVE

Learn to use the DRAW_BOX() call and practice the loop programming structure, using the graph window in Raptor, by creating given images, using boxes.

INTRODUCTION

Today, you'll learn how to use the draw_box() function and create two different products, the first with some assistance and the second completely alone.    

draw_box(x1,y1,x2,y2,color,filled/unfilled)

• x1,y1 are the coordinates for the first corner of the box. (left lower corner)

• x2,y2  are the coordinates for the opposite corner of the box. (right upper corner)

 

For example, in a 500x500 graph windows we can use the draw_box Call like this:

draw_box(150,150,350,350,1,1)

and the result should look like:

ACTIVITY

Let's try a simple activity. Look at the image below and try to create it using Raptor's draw_box instruction.

• This is a 400X400 graph window.
• You must consider the white spaces between the boxes.

• Do you recall which logo is this? If you do, add the spots using the draw_circle instruction. 

• For the last, you may try adding the brand name by using two new instructions.
• DISPLAY_TEXT()
• SET_FONT_SIZE()
• Ask CHAT GPT  how to use them and add de text DOMINO'S

Week 15 - Lines and loops practice

 CLASS OBJECTIVE

Practice the loop and  draw_line call using the graph window in Raptor, by creating a given image, using lines and loops.

CLASS ACTIVITIES

FIRST ALGORITHM

Now, you'll have to create an algorithm, using lines and loops, to draw a grid like the one in the image.

• To draw the vertical lines you have to increase the X value, by 10.
• To draw the horizontal lines, you have to increase the Y value, by 10.

Here's a unfinished example, you'll have to complete the algorithm. Create a new Raptor file and name it  STUDENT NUMBER + GRID 

SECOND ALGORITHM

After you create the grid, now you'll use lines and loops once again to create the next product in the graph window.

You'll have to understand that while the X value increases, the Y value decreases, in both cases.

Here's a unfinished example, you'll have to complete the algorith. Create a second Raptor file and name it  STUDENT NUMBER + DIAGONALS

THIRD ALGORITHM

All by your self, create a Chess board (8x8) in a 400x400 pixels window, using today's first algorithm as an example.

Figure out how to fill the squares using loops. (It's not an easy task). Create a new Raptor file and name it  STUDENT NUMBER + CHESSBOARD

CLASS NOTES

Write down in your notebook the title of the class, the objective and follow the instructions.

• Draw the first flowchart.
• Explain the loop structure and the draw_line coordinates.

Week 14 - Graphics and coordinates practice in Raptor

 CLASS OBJETIVE

Practice Raptor graphic resources  using the graph window in Raptor, by creating a given image, using circles and lines and fillings.

ACTIVITY INSTRUCTIONS

As you've heard, the idea is that you con create your own programs to solve problems with out your teacher's help. Today, you'll have to create a program with a minimum of instructions. You'll use the graph window Calls, and you'll have to use previous knowledge to do it. 

Create the new program in Raptor and name it  Student number + Shield. Use the next image to know the final outcome.

1. The graph window size must be exactly 500 horizontal and 500 vertical pixels.
2. This is sequential program but you can try to use a loop to create the circles.
• You'll need to use a variable to set the radius of the first circle to 250 pixels. Each subsequent circle should be 50 pixels smaller, continuing until the end.
• Draw filled circles from outside in, alternating between light red and white.
3. After the circles, draw the 5 lines using the next coordinates
• (250,350)
• (345,285)
• (310,170)
• (190,170)
• (155,285)
4. Use flood_fill to color blue. You'll have to find out the needed coordinates.

Once you finish the algorithm, turn it in using the Classroom post.

CLASS NOTES

Write down in your notebook the title of the class, the objective and follow the instructions.

• Draw the final flow chart, shown in Raptor
• Explain what does every step of the flow chart do, from the start symbol to the end symbol.