Small basic lesson 1 (Mr Evlat)

• Computing
• Lower Secondary (Key Stage 3)

What 2 shapes are drawn by these snippets of code?

Hint

This shows the first three steps!

Hint

This shows the first three steps!

Extension (toxicode)

Click here

Code.org

Click here

Extension (kidztype)

Click here

Lesson Objectives

Conquer: Understand the concept of a sprite.

 

Aspire Higher: Utilize this understanding to manipulate the turtle sprite. 

 

 

Aspire: Create a set of loops to make a program more efficient.

What is a Sprite?

• A sprite is a 2D image or character that can be moved, animated, or changed using code.

• In programming, sprites are objects that you control, you can change their position, colour, size, or actions through instructions. 

We are going to control  a sprite by programming its instructions 

Where have you seen sprites before?

games, animations, apps, Scratch, code.org

Block Based VS Text programming

Block based vs Text based Programming

• We are used to programming using text based blocks.

• Now we will become real programmers, now you will be typing instructions for the computer to follow.

Small Basic

Small Basic! 

Delete the code already there(Click here)

Test these 2 lines of code

Turtle.move (100)
Turtle.turn (90)

Together lets draw a square

1. In the code on the left why is the turtle sprite not moving?

2. In the code on the right what line of code has made the turtle sprite stop drawing?

1

2

Extension

https://compute-it.toxicode.fr/

Small Basic

Small Basic! 

Delete the code already there(Click here)

Test these 2 lines of code

Turtle.move (100)
Turtle.turn (90)

Turtle.move(100)

Turtle.turn(100)

Turtle.TurnRight()

Turtle.TurnLeft()

Turtle.Penup()

Turtle.PenDown()

Moves turtle 100 pixels

Turns turtle by 100 pixels

Stops turtle drawing

Starts turtle  drawing

Turn left 90 degrees

Turn right 90 degrees

Student should test this code - this is a longer activity where students are testing each piece of code in small basic. 

Create some line art with your new code

What is a sprite?

1. A background image in a game
2. Any 2D character or object that can be controlled with code
3. Mario
4. The sound effects used in a program

Which code moves the sprite forward 100 pixels?

1. turtle.move
2. turtle.move(100)
3. turtle.move()
4. move.turtle(100)

What is the purpose of this line of code?
turtle.penup()

1. Makes the turtle draw.
2. Lifts the pen up to stop turtle drawing
3. Changes the colour of the pen
4. Changes the width of the pen.

Lets write a program to get Michael Angelo to the end of the maze

START

END

1. Turtle.Move(100)
2. Turtle.TurnLeft()
3. Turtle.Move(100)
4. Turtle.TurnRight()
5. Turtle.Move(100)
6. Turtle.TurnLeft()
   
7. Turtle.Move(200)
8. Turtle.TurnRight()
9. Turtle.Move(100)