HTML5 and CreateJS Tutorial - Learn Interactive Development

Learn to integrate new game code, preload sounds with a manifest, handle loader completion, reset the title, and start the game by clicking the button.

Tidy the game screen by moving elements off the canvas, initialize game over text and score references, and position the egg off-screen to begin gameplay.

Debug using the console log to move the hero on the stage by clicking the ground, output the x-axis positions, and verify behavior across browsers.

Detect ground clicks to set the hero's target position and update the stage at 30 fps. Flip the hero for direction and animate walking toward the target.

Add animation to the character's movements with a single line of code in CreateJS, triggering walk and idle frame labels on ground clicks for smooth, controlled motion.

control enemy attacks in a html5 createjs project using four variables for time, frequency, and speed; animate with tweens, flip, scale, and move to center with sine out, then off-screen.

Create an escape function that scales the enemy, selects random x and y from arrays, and moves with a tween using attack speed and sign-out easing.

Learn to control enemy's visibility with a control function that toggles visibility in attack and retreat, and add a click handler to hide the enemy when it takes the egg.

Animate collectibles by dropping an egg when you click an enemy, using the eggdrop flag to move it downward, and remove it with a ground splat after scoring.

Add a top-level variable to trigger cracking, position the splats on the x axis, play the sound, and fade the splat with alpha from 1 to 0 before resetting.

Explore collision detection in a HTML5 and CreateJS tutorial by calculating distances and radii to detect hero-egg and hero-nest collisions, triggering collection and holding the egg.

Define variables to count on-screen eggs and reference the nest. Update the escape function to hide eggs and reward the hero when the egg returns to the nest.

Implement a game over state in an HTML5 CreateJS game by resetting variables, showing the game over text, stopping tweens, and returning to the title screen for restart.

Speed up the enemy's attack by lowering the attack frequency and speed, locate enemy manager, then recap exporting graphics from Flash to JavaScript with CreateJS, display objects, and game logic.