Sprite Properties
HTML
The Grid
Sprite Movement
Symbols
100

This block is used to add animation to a sprite

What is .setAnimation ?

100

What does CSS Stand for?

What is Cascading Style Sheets ?

100

What are the coordinates for the middle of a 400 by 400 grid ?

What is (200, 200) ?

100

This short block of code is used to make sprites rotation at a specific speed without using the counter pattern. 

What is sprite.rotationSpeed ?

100

_____ is the rules that control the structure of the symbols, punctuation, and words of a programming language. 

What is Syntax ?

200

_________ is telling the computer to run (or execute) a set of actions, from top to bottom. 

What is a Function or Draw Loop

200

What is the name of the website we use to learn html?

What is w3schools ?

200

Where is ( 0 ,400) ?

What is the Bottom left corner ?

200

This block of code checks if the mouse is over the sprite specified.


What is mouseIsOver() ?

200

What symbol is missing from the code below?

 if (keyDown("up")) {

    police.y = police.y - 3

}

What is a semi colon ; ?

300

___________Executes a block of statements if the specified condition is true; otherwise, the block of statements in the else clause are executed. 

What is an IF/Else statement.

300

This HTML tag is used to make bullet points.

What is <ul> Unordered List

300

Where is the following sprite location on the grid?

var sprite= createSprite(350, 50);

What is the bottom right corner?

300

This block of code determines the direction and speed in which a sprite moves AND it hides the counter pattern.

What is sprite.Velocity ?

300

What syntax symbols are used to start and end the function draw ?

What are curly brackets?

 function draw() {

}

400

This block makes the sprite bounce off a target when they touch each other

What is Sprite.bounceOff()

400

CSS is used for ____________.

What is adding style to your webpage ?

400

if (sprite.y > 350) where will the sprite show up on the grid?

What is the bottom of the grid 

400

This block of code is used to make a sprite move ONLY when the mouse moves on the Y axis

What is World.mouseY ?

400

Name the syntax error below

feather.setAnimation"feather";

What are missing parentheses ? ()

500

___________is used as a debugging tool to help you understand what your code is doing. 

What is console.log() ?

500

All HTML documents must start with a _________ declaration.

What is  <!DOCTYPE> . 

500

What is World.mouseX ?

What is the X coordinate of the mouse ?

500

This block of code makes sprite visible and/or invisible when labelled true or false.

What is  sprite.visible ?

500

Name the syntax error below

var alien = createSprite(50,200);

Alien.setAnimation("alien");

alien.velocityX = 0;

alein.velocityY = -3;

What are wrong variable names ?

M
e
n
u