Creative code legend Keith Peters (aka Bit-101) is well known for his best-selling ActionScript Making Things Move book series (now being converted to JavaScript) and he has always firmly advocated the exploration of multiple technologies.
So when he decided to dive head-first into HTML5 canvas, he generously turned his explorations into a series of tutorials, one a day for the entire month of March.
It’s a great foundation into visual coding in JavaScript, and it’s great to see Keith adapting his techniques for HTML5 canvas. To make it easier to find all 31 posts I’ve created this handy set of links :
- Day 1 – Introducing WireLib.js
- Day 2 – WireLib basics
- Day 3 – Line strokes
- Day 4 – Canvas basics
- Day 5 – Writing code
- Day 6 – WireLib internals
- Day 7 – Animation
- Day 8 – More WireLib internals
- Day 9 – Wrapping up WireLib internals
- Day 10 – Tools – JSLint
- Day 11 – Tools – Minification
- Day 12 – Link round-up
- Day 13 – Rewriting WireLib
- Day 14 – Prototype
- Day 15 – Particles
- Day 16 – More particles
- Day 17 – Color
- Day 18 – Linked List
- Day 19 – Images
- Day 20 – SpriteSheets
- Day 21 – Text on canvas
- Day 22 – Transformation
- Day 23 – Shadows
- Day 24 – Curves
- Day 25 – More art
- Day 26 – Mouse part 1
- Day 27 – Mouse part 2
- Day 28 – Creating a UI component
- Day 29 – Pixels
- Day 30 – More Pixels
- Day 31 – The End