Get exam-ready

• Acreate
• ✓preload
• Cupdate
• Drender

Why: preload() runs first and is where you call this.load.image(), this.load.audio(), etc.

Why: update() is invoked every frame by the game loop after the scene becomes active.

this.load.____('player', 'player.png');

Why: this.load.image(key, url) loads a single image asset.

• Apreload → init → create
• ✓init → preload → create
• Ccreate → preload → update
• Dpreload → create → init

Why: init() runs first, then preload(), then create(); update() runs every frame after that.

Why: Phaser uses requestAnimationFrame, which typically targets 60 FPS on most displays.

• APauses the current scene and overlays GameOver
• ✓Shuts down the current scene and starts the GameOver scene
• CLoads GameOver into the asset cache
• DAdds GameOver to the active scenes list, leaving current scene running

Why: scene.start() shuts down the current scene and starts the named one. Use scene.launch() to overlay.

• Alaunch loads assets, start does not
• ✓start replaces the current scene; launch runs UI in parallel on top of the current scene
• Claunch is async, start is sync
• Dlaunch is deprecated

Why: start shuts down the current scene and switches to the target. launch keeps the current scene running and adds the target alongside it (useful for HUDs).

• Athis.scene.stop("GameScene")
• ✓this.scene.pause("GameScene")
• Cthis.scene.remove("GameScene")
• Dthis.scene.kill("GameScene")

Why: pause halts the update/render of the target scene but keeps its state in memory. resume restores it. (sleep does similar plus hides display.)

• Anew Phaser.Sprite(this, 100, 200, "key")
• ✓this.add.sprite(100, 200, "key")
• Cthis.physics.add.sprite(100, 200, "key")
• Dthis.load.sprite(100, 200, "key")

Why: this.add.sprite() is the GameObjectFactory method for a plain display sprite.

Why: Like the DOM, +Y points down by default.

• Anew Phaser.Text(this, 10, 10, "Score: 0")
• ✓this.add.text(10, 10, "Score: 0")
• Cthis.text.add(10, 10, "Score: 0")
• Dthis.make.text({ x: 10, y: 10 })

Why: this.add.text(x, y, content, style?) is the GameObjectFactory method for a Text GameObject.

score.____('Score: 5');

Why: Phaser.GameObjects.Text#setText replaces the text content.

• ✓this.load.spritesheet('hero', 'hero.png', { frameWidth: 32, frameHeight: 32 })
• Bthis.load.image('hero', 'hero.png', 32, 32)
• Cthis.load.atlas('hero', 'hero.png', 32, 32)
• Dthis.load.sprites('hero', 'hero.png', { width: 32, height: 32 })

Why: load.spritesheet takes a frame config that tells Phaser how to slice the image.

Why: Origin is a 0–1 ratio. (0,0) is top-left, (1,1) bottom-right, (0.5, 0.5) is the center.

• ADoubles only the width
• ✓Doubles both width and height (uniform scale)
• CSets the sprite to exactly 2 pixels
• DResets scale to the default

Why: A single argument applies the same factor to both X and Y. Pass two arguments for non-uniform scale.

• Athis.add.image(400, 300, 'bg').setScale(25, 19)
• ✓this.add.tileSprite(400, 300, 800, 600, 'bg')
• Cthis.add.sprite(0, 0, 'bg').setRepeat(true)
• Dthis.add.tileLayer(0, 0, 800, 600, 'bg')

Why: TileSprite tiles its texture across its bounds. Animate `tilePositionX` or `tilePositionY` to scroll.

• AMatter.js only
• BBox2D
• ✓Arcade Physics
• DCannon.js

Why: Arcade Physics is the lightweight built-in. Matter.js is bundled too but Arcade is the simplest default.

this.player = this.physics.add.____(100, 100, 'player');

Why: this.physics.add.sprite() returns a Sprite already equipped with an Arcade body.

• Athis.physics.collide(a, b)
• ✓this.physics.add.collider(a, b)
• Ca.collide(b)
• Dthis.add.collider(a, b)

Why: this.physics.add.collider() registers a collision check that runs each frame in Arcade Physics.

• Asprite.body.immovable = true
• ✓sprite.setCollideWorldBounds(true)
• Cthis.physics.world.attach(sprite)
• Dsprite.body.setBounce(0)

Why: setCollideWorldBounds(true) is a sprite-level shortcut that enables the body flag. Combine with this.physics.world.setBounds for custom bounds.

• ✓physics: { default: 'matter' }
• Bphysics: 'matter'
• CuseMatter: true
• Dengine: 'matter'

Why: Game config's `physics.default` selects the engine ('arcade' is the implicit default).

• Athis.input.keyboard.addKey("UP")
• ✓this.input.keyboard.createCursorKeys()
• Cthis.input.cursor()
• Dnew Phaser.Input.CursorKeys()

Why: createCursorKeys() returns a CursorKeys object with the four arrow keys plus space and shift.

• ✓this.time.delayedCall(1000, callback)
• Bthis.time.addEvent({ delay: 1000, loop: true, callback })
• CPhaser.Timer.set(1000, callback)
• Dthis.tweens.delayedCall(1000, callback)

Why: delayedCall is a shortcut for a single-shot timer event. addEvent with loop:true would repeat.

this.input.on('____', (pointer) => { console.log(pointer.x, pointer.y); });

Why: 'pointerdown' fires when the mouse is pressed or a touch begins.

• Asprite.enableInput()
• ✓sprite.setInteractive()
• Csprite.acceptPointer()
• DNothing — input is enabled by default

Why: setInteractive() registers the GameObject with the input system and gives it a default hit area.

Why: Keyboard events use the keydown-KEYNAME pattern with key names from KeyCodes (SPACE, A, LEFT, …).

• Asprite.play("walk")
• ✓sprite.anims.play("walk")
• Cthis.anims.play("walk", sprite)
• Dsprite.animations.play("walk")

Why: sprite.anims.play(key) is the modern Phaser 3 API. (sprite.play also works as a shortcut.)

• Athis.anims.add({ key: "walk", frames: "dude" })
• ✓this.anims.create({ key: "walk", frames: this.anims.generateFrameNumbers("dude", { start: 0, end: 3 }), frameRate: 10, repeat: -1 })
• Cthis.add.animation("walk", "dude", 0, 3)
• Dnew Phaser.Animation("walk", "dude")

Why: this.anims.create() with generateFrameNumbers is the canonical pattern for spritesheet-based anims.

this.tweens.____({ targets: sprite, x: 400, duration: 1000 });

Why: this.tweens.add(config) creates and starts a new tween on the given targets.

this.tweens.add({
  targets: sprite,
  x: 400,
  duration: 1000,
  yoyo: true,
  repeat: ____,
});

Why: repeat: -1 means infinite. yoyo: true makes it ping-pong.

• AonYoyo
• BonUpdate
• ✓onComplete
• DonStop

Why: onComplete fires once when the tween fully ends. onUpdate fires every frame; onYoyo fires each yoyo reversal.

• Athis.cameras.main.follow(player)
• ✓this.cameras.main.startFollow(player)
• Cthis.cameras.main.lockOn(player)
• Dplayer.attachCamera(this.cameras.main)

Why: Camera2D#startFollow attaches the camera so it tracks the target each frame.

Why: setZoom takes a multiplier: 1 is default, 2 is 2× zoom, 0.5 zooms out.

this.load.____('jump', 'jump.mp3');

Why: this.load.audio(key, urls) loads a sound. You can also pass an array of URLs for format fallbacks.

sound.____();

Why: BaseSound#stop() stops the sound and resets it to the beginning.

bgm.____();

Why: BaseSound#play starts (or restarts) the sound. Pass a config object to override volume, loop, rate, etc.

console.log(Phaser.Math.Between(5, 5));

• A0
• ✓5
• C"5"
• Da random value

Why: Phaser.Math.Between is inclusive on both ends, so Between(5,5) always returns 5.

const r = new Phaser.Geom.Rectangle(0, 0, 100, 100);
console.log(Phaser.Geom.Rectangle.Contains(r, 50, 50));

• ✓true
• Bfalse
• Cundefined
• Dan error

Why: The point (50, 50) lies inside the rectangle (0,0,100,100), so Contains returns true.

• A0
• ✓100
• C150
• Dundefined

Why: Clamp(value, min, max) constrains value to [min, max]. 150 is above 100, so it clamps down to 100.

console.log(Phaser.Math.DegToRad(180).toFixed(2));

• A"1.57"
• ✓"3.14"
• C"180.00"
• D"6.28"

Why: 180° in radians is π ≈ 3.14159, which formats to "3.14".

console.log(Phaser.Math.Wrap(370, 0, 360));

• A0
• ✓10
• C370
• D360

Why: Wrap brings a value into the half-open range [min, max). 370 wraps to 10.

• APhaser.CANVAS
• BPhaser.WEBGL
• ✓Phaser.AUTO
• DPhaser.HEADLESS

Why: Phaser.AUTO tries WebGL first and falls back to Canvas if unavailable.

const game = new Phaser.Game({ width: 800, height: 600, scene: [] });
console.log(game.config.width);

• Aundefined
• ✓800
• C600
• D"800"

Why: game.config.width is the numeric width passed in the Game config.

• A3D AAA games
• ✓2D HTML5 games
• CMobile-native AR apps
• DBackend game servers

Why: Phaser is a fast, free, fun open-source HTML5 framework focused on 2D games.

• AStretches the canvas to fill the parent, ignoring aspect ratio
• ✓Scales the canvas to fit inside its parent while preserving aspect ratio
• CLocks the canvas to its original size, no scaling
• DResizes the game world to match the browser

Why: FIT keeps aspect ratio and may letterbox; ENVELOP fills and crops; RESIZE resizes the actual game.

• Athis.load.json + this.add.sprite
• ✓this.make.tilemap + addTilesetImage / createLayer
• Cthis.tilemap.load + this.tilemap.draw
• DPhaser.Tilemap.fromJSON only

Why: After this.load.tilemapTiledJSON, you call this.make.tilemap(), addTilesetImage(), then createLayer().

Why: Arcade Physics Groups expose helpers like setVelocityX that iterate over their children.

const ui = this.add.____(200, 100, [sprite, label]);

Why: Containers position their children in local coordinates, making it easy to move, scale, or destroy a group as a unit.

• AHow fast the sprite falls under gravity
• BHow many layers of physics bodies the sprite has
• ✓The render order — higher depth draws on top of lower-depth objects
• DThe size of the sprite along the Z axis

Why: Depth is purely a display-list sorting key; higher renders on top within the same display list.

• AThe total elapsed time since the scene started, in seconds
• ✓The time in milliseconds since the previous frame
• CThe current frame number
• DThe number of physics steps performed this frame

Why: delta is the inter-frame gap in ms. Multiply movement by delta to get frame-rate-independent motion.