CramX Logo
RegisterLog in
Back to FlashcardsInformation Technology / Animation and Games CodeHS Part 5

Animation and Games CodeHS Part 5

Information Technology11 CardsCreated 10 months ago

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

Report

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

Rate to track your progress ✦

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);

Related Flashcard Decks

Information Technology

Introduction to Database Management and Computer Systems

This deck covers fundamental concepts in database management systems and computer systems, including data models, SQL, and system architecture.

10 cards
View Deck
Information Technology

Java Programming Concepts

This deck covers key concepts in Java programming, including classes, methods, constructors, and object-oriented principles. It includes examples of using classes like Rectangle, Point, Student, and more, with a focus on understanding object creation, method calls, and class interactions.

30 cards
View Deck
Information Technology

DOD Cyber Awareness Challenge 2025 Knowledge check-1 Part 2

This deck covers the key concepts and safety practices from the DOD Cyber Awareness Challenge 2025, focusing on social networking, mobile security, insider threats, and more.

20 cards
View Deck
Information Technology

Controlled Unclassified Information (CUI) Training

This deck covers key concepts and guidelines related to Controlled Unclassified Information (CUI) as outlined in the DoD CUI program.

15 cards
View Deck
Information Technology

Cyber Awareness Challenge 2024 (Knowledge Pre-Check)

This deck covers key concepts and best practices for cyber awareness, including handling classified information, social networking, teleworking, and more.

21 cards
View Deck
Information Technology

Personally Identifiable Information Part 1

This deck covers key concepts related to the management and protection of Personally Identifiable Information (PII), including legal responsibilities, privacy impact assessments, and safeguards.

15 cards
View Deck
Information Technology

DOD Cyber Awareness Challenge 2025 Knowledge Check-1 Part 1

This flashcard deck covers key concepts from the DOD Cyber Awareness Challenge 2025, including best practices for online security, identity protection, and appropriate use of government resources.

20 cards
View Deck
Information Technology

Personally Identifiable Information Part 2

This deck covers key concepts related to the protection and management of Personally Identifiable Information (PII), including common threats, compliance requirements, and safeguarding measures.

15 cards
View Deck
Information Technology

Cyber Awareness 2025

This deck covers key concepts and best practices for cyber awareness, including data protection, security risks, and appropriate use of government equipment.

25 cards
View Deck
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);
}
}