View on GitHub
JS1 Help
How-To's from Mr. Hinkle's Intro to JavaScript Class
About
Canvas
Using Spritesheets in the Canvas
Clicking and Dragging on the Canvas to Draw
Creating a Canvas
Responding to Clicks (a Simple Event Listener).
Adding a score to your canvas
Putting Images on a Canvas
Learn the Canvas:
Keyboard Events
Layering Canvases
Rotating the Canvas
JavaScript
About AutoComplete and Hinting
Functions
Fundamentals:
Arrays
Modules
The DOM
Accessing Elements in the DOM
DOM Events
HTML: Nested Boxes
Basic Layouts in HTML
Animation
Canvas: Animating a Whole Game
Scrolling backgrounds
Canvas Animation Basics
Sprites
Using Spritesheets in the Canvas
Sprites with HTML+CSS (no Canvas)
Animation
Game Logic
Collisions
Using Objects to Track Movement
Tutorials
Screensaver Project
First Game Project
Quiz Game
Responding to Clicks (a Simple Event Listener).
Codepen Example:
See the Pen
Squares
by Tom Hinkle (IACS) (
@thinkle-iacs
) on
CodePen
.
YouTube WalkThrough: Responding to Clicks with the Canvas
Next Steps
Click and Drag