CramX
RegisterLog in
Back to AI Flashcard MakerInformation Technology /Animation and Games CodeHS Part 5

Animation and Games CodeHS Part 5

Information Technology11 CardsCreated 5 months ago

A set of flashcards covering key concepts from CodeHS Part 5: Animation and Games, including circles, shapes, and event handling.

PrintEmbedImportReport

How many circles of radius 10 will fit vertically stacked in a window that has height 100? The circles should not overlap, the bottom of one circle should touch the top of the next circle.

5

Tap or swipe ↕ to flip
Swipe ←→Navigate
1/11

Key Terms

Term
Definition

How many circles of radius 10 will fit vertically stacked in a window that has height 100? The circles should not overlap, the bottom of one circle should touch the top of the next circle.

5

This is a circle on our canvas named ball. What are the coordinates of point A?

ball.getX() + ball.getRadius(), ball.getY()

What statement should we use to determine if ball is hitting the bottom edge of the window?

if(ball.getY() + ball.getRadius() > getHeight()){
//ball is hitting bottom edge
}

How can we determine if ball's left edge is hitting a different shape on our canvas named box?

var elem = getElementAt(ball.getX() - ball.getRadius() - 1, ball.getY());
if(elem == box){
//ball's left edge is hitting box
}

The following code moves a ball across the screen at a rate of dx in the x direction and dy in the y direction.
...
What do we need to add to line 19 to have the ball bounce off the top of the window like this:

dy = -dy;

Which of the following statements will call the function paint every time the mouse is moved?

mouseMoveMethod(paint);

Log in to view all terms

Related Flashcard Decks

Information Technology

Operating System Theory and Structures

This deck covers key concepts of operating systems, including their functions, structures, services, and design methodologies. It explores the components, system calls, and different architectural approaches to OS design.

10 cards
View Deck
Information Technology

Operating System Typologies and Architectures

This deck covers the typologies of operating systems, focusing on mono-processor and multi-processor systems, including clustered and real-time embedded systems.

10 cards
View Deck
Information Technology

A Level Computer Science Paper 1: 1.3.4 Web Technologies Part 2

Web indexing involves recording and organizing information about online resources. Web crawlers automatically scan and catalogue web pages, while meta tags within HTML help describe page content to improve search visibility.

21 cards
View Deck
Information Technology

A Level Computer Science Paper 1: 1.3.4 Web Technologies

HTML is the standard language used to build and structure web pages. It uses tagged elements to define content, with headers indicating importance and paragraphs used to separate blocks of text.

29 cards
View Deck
Information Technology

A Level Computer Science Paper 1: 1.3.2 Databases Part 2

Normalisation is the process of structuring a database to reduce redundancy and improve data integrity. It involves organizing data into tables that meet specific rules—starting with First Normal Form (1NF) and Second Normal Form (2NF)—to ensure each field depends fully on the primary key and that data is stored efficiently.

21 cards
View Deck
Information Technology

A Level Computer Science Paper 1: 1.3.2 Databases

A database is an organised system for storing and managing data efficiently. It ensures data accuracy, accessibility, and security, with information structured in tables containing fields that define specific data attributes.

33 cards
View Deck

Study Tips

  • Press F to enter focus mode for distraction-free studying
  • Review cards regularly to improve retention
  • Try to recall the answer before flipping the card
  • Share this deck with friends to study together
Animation and Games CodeHS Part 5
TermDefinition

How many circles of radius 10 will fit vertically stacked in a window that has height 100? The circles should not overlap, the bottom of one circle should touch the top of the next circle.

5

This is a circle on our canvas named ball. What are the coordinates of point A?

ball.getX() + ball.getRadius(), ball.getY()

What statement should we use to determine if ball is hitting the bottom edge of the window?

if(ball.getY() + ball.getRadius() > getHeight()){
//ball is hitting bottom edge
}

How can we determine if ball's left edge is hitting a different shape on our canvas named box?

var elem = getElementAt(ball.getX() - ball.getRadius() - 1, ball.getY());
if(elem == box){
//ball's left edge is hitting box
}

The following code moves a ball across the screen at a rate of dx in the x direction and dy in the y direction.
...
What do we need to add to line 19 to have the ball bounce off the top of the window like this:

dy = -dy;

Which of the following statements will call the function paint every time the mouse is moved?

mouseMoveMethod(paint);

What is a callback function?

A function passed to an event handler that is called every time a certain event happens

In the following statement:
mouseMoveMethod(draw);
Which part is the event handler?

mouseMoveMethod

In the following statement:
mouseMoveMethod(draw);
Which part is the callback function?

draw

In the following code:
function start(){
mouseUpMethod(paint);
}
function paint(e){
//code to paint something on the canvas ...
}
What is the meaning of e?

e is a parameter passed to the callback function paint that contains information about the Mouse Event, such as where on the window it occurred.

The following program adds several shapes to the screen.
function addShapes(){
//code that fills the screen with shapes
//don't worry about how it's implemented ...
}
function start(){
addShapes();
mouseClickMethod(removeShape);
}
We want to write a function that will remove any shape the user clicks on. Which of the following is the best implementation of the function removeShape?

function removeShape(e){
var shape = getElementAt(e.getX(), e.getY());
if(shape != null){
remove(shape);
}
}