var, let, const

define

initialize

assign

getContext('2d')

drawCanvas('2d')

getDrawingContext('2d')

createContext('2d')

document.addEventListener('click', function(event) { /* handle key press */ });

document.addEventListener('keypress', function(event) { /* handle key press */ });

window.addEventListener('keydown', function(event) { /* handle key press */ });

document.onkeypress = function(event) { /* handle key press */ };

To manage player accounts and profiles.

To create a storyline for the game.

The purpose of a game loop is to manage the continuous updating and rendering of a game.

To handle network connections for multiplayer games.

Ray tracing

Pathfinding

Texture mapping

Bounding box collision detection

The 'this' keyword is a reserved word that cannot be used in functions.

The 'this' keyword always refers to the global object.

The 'this' keyword refers to the current execution context or the object that is calling the function.

The 'this' keyword refers to the first argument passed to a function.

resetCanvas

clearRect

drawRect

fillCanvas

Sprites are the main programming language used in game development.

Sprites are responsible for game physics calculations.

Sprites are used to create sound effects in games.

Sprites serve as visual representations of characters and objects in game design.

Apply 'canvas.style.background = 'color';'

Set 'canvas.backgroundColor = 'color';'

Use 'context.setBackgroundColor('color');'

Use 'context.fillStyle = "color";' and 'context.fillRect(0, 0, canvas.width, canvas.height);'.

To manage game state transitions.

To handle user input more efficiently.

To increase the frame rate of the game.

To optimize rendering and create smooth animations in a game loop.

click

mouse-over

double-click

right-click

'let' can be redeclared in the same scope, while 'var' cannot.

'let' is function-scoped and 'var' is block-scoped.

The main difference is that 'let' is block-scoped and 'var' is function-scoped.

'let' is used for global variables, while 'var' is used for local variables.

Check if A.right > B.left, A.left < B.right, A.bottom > B.top, and A.top < B.bottom.

Check if A.left < B.left and A.right > B.right.

Check if A.top == B.bottom and A.bottom == B.top.

Check if A.width + B.width < A.left + B.right.

To process game logic and update the game state.

To manage sound effects and music.

To handle user input and controls.

To display graphics on the screen.

writeText

fillText

drawText

renderText

A variable that stores event data.

A method that creates new elements in JavaScript.

An event listener is a function that responds to specific events on a target element in JavaScript.

A property that defines the style of an element.

Use event.preventDefault() in the event handler.

Use event.stopPropagation() in the event handler.

Call event.cancel() to prevent the default action.

Set event.defaultPrevented to true.

Frame rate is significant as it determines the smoothness of gameplay and responsiveness, affecting player experience.

Frame rate is irrelevant in single-player games.

Higher frame rates lead to longer loading times.

Frame rate only affects the graphics quality of a game.

Manipulate the DOM directly without any functions.

Use 'requestAnimationFrame' to create a loop that updates the element's properties for animation.

Use CSS transitions for animation effects.

Set a fixed interval with 'setInterval' for updates.