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.

Week 13 - Lines and flood filling

 CLASS OBJECTIVE

Create a given figure in the graph window by using the Draw_line and the Flood_fill calls, to ensure the understanding of coordinates in the Cartesian plane

INTRODUCTION

It seemed necessary to teach you how to create lines in the graph window and how to fill closed areas with color, like in Paint, before we combine them with loops. Take a look at the next Raptor calls.

draw_line(x1,y1,x2,y2,color)

• x1,y1 are the coordinates for the starting point of the line
• x2,y2  are the coordinate for the ending point of the line

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

draw_line(100,50,450,350,blue)

and the result should look like:

flood_fill(x1,y1,color)

• x1,y1 are the coordinates to flood fill the closed areas.
• Color: Here you have the color list you can use: Black, Blue, Green, Cyan, Red, Magenta, Brown, Light_Gray, Dark_Gray, Light_Blue, Light_Green, Light_Cyan, Light_Red, Light_Magenta, Yellow, White

I'm sure you'll get the point in the next activity

ACTIVITY

You'll star the activity in a grid sheet of paper. 

• Draw a box of 10 by 10 squares
• Every square represent 50 pixels
• As always, the starting point is the left lower corner.
• Now, try to determine the coordinates for every point in the next figure.
• Write down every coordinate either in the plane or beside it.

Now, you will create a program in Raptor to create this figure, using the coordinate you obtained in your grid sheet of paper.

• Don't forget to use the flood_fill call to apply colors. You'll have to determine a point inside the closed areas using coordinates.
• Once you finish, turn in the outcome file using the Classroom post.

CLASS NOTES

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

• Explain the draw_line and the flood fill calls, and their parameters

Week 12 - Calls, special functions in Raptor

 CLASS OBJECTIVE

Know the Calls (special functions) in Raptor, to create graphic results such as geometry shapes, by opening a Graph Windows to draw different sizes circles, using loops.

INTRODUCTION

In Raptor we can create graphic results but, in order to do this you must learn how to use the Calls. A Call is a special function, previously programmed, that you can call (which is why the name).

There are plenty of Calls, but today we'll start with a couple of graphic Calls: 

•  open_graph_window(width, height)
• draw_circle(x_position, y_position, radius, color, filled)

You can compare Calls with the spreadsheet functions. To use them in Raptor you'll insert the Call symbol, then double click on it and you'll have to type the Call and its parameters.

For example, to open a graph window you would type:  

• open_graph_window(300,500)
• where 300 represent the window width 
• and 500 represen the window height

Once you open a graph window, now you can draw on it, for example a circle:

• draw_circle(150,250,80,red,0)
• 150,250 represent the position of the circle´s center
• 80 is the radius lenght
• red is obviouly the color
• 0 will be use to draw an unfilled circle and 1 to draw a filled circle.

ACTIVITY PART 1

Create the next Raptor program and try it.  Use the name Student number + graph window for the file.

• Change the window size.
• Change the color using english.
• Change the circle´s center.
• As you can see, the circle´s size depends on the user selection. 

Show your teacher the program and continue with the second part.

ACTIVITY PART 2

Now you'll change (or restart) the program to draw many circles usin a loop, as we learn in the last class. Use the next image to do it.

Once you finish, turn in the file using the Classroom post and continue with the class notes.

CLASS NOTES

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

• Draw the last flowchart in your notebook, the one with the Loop. 
• Describe, in your own words, what is the algorithm doing in every step indicated (numbers 1 to 6)

HOMEWORK

Research, using the Raptor official page (https://raptor.martincarlisle.com/docs/), the next graph drawing operations and tell, in your own words, how do they operate.

1. OPEN GRAPH WINDOW
2. DRAW CIRCLE
3. DRAW LINE
4. DRAW BOX
5. FLOOD FILL

Week 11 - Digital citizenship special activity

CLASS OBJECTIVE

Understand what digital citizenship is and why it matters in our school context and compare the on online identity versus real-world identity.

ACTIVITY

You'll receive the instructions for this class through Google Classroom, in a Google Slides presentation.

Before you can start you have to grab your notebook and pencil case.

Once you finish all the activities, ask the teacher to sign your notebook and click on the Turn in Google Classroom button.

Week 10 - Loops and selections practice

CLASS OBJECTIVE

Review the three programming structures and the Raptor symbols you learned in this Period 1 by creating a simple game.

ACTIVITY 

It's very simple, you're going to create the next algorithm in Raptor. Name de file as DICE ROLL and you won't receive any other help, you must review what you learned. 

To zoom in the image right click on it and open it on a new tab.

After you finish the algorithm, test it and save it properly but before you turn it in you'll insert COMMENTS to explain every symbol purpose. To do so you must right click on a symbol.

RAPTOR COMMENTS

Don't forget, you must right click on every symbol to explain what does it do, as clear as possible.

• Deliver your file on the Classroom post.