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
Welcome to the Screensaver Project
For this project, you’re going to be using JavaScript and the HTML Canvas to create an animation.
Setup Instructions
Remember how to draw?
Now let’s animate!
Draw a design
Draw an image file to the canvas
Rotate an image or a drawing