README.md

HTML5 Canvas Ultimate Guide

Applications in this repository, developed by the HTML5 Canvas Ultimate Guide pieces of training that offered by Alperen Talaslıoğlu.

---

There are live pages to see this training.

If you want to see the example applications in the course, please click on the relevant subject.

---

1. Introduction
   • Hello World
2. Drawing Lines and Paths on Canvas
   • Draw Lines
   • Drawing Complex Lines
   • Line Caps
   • Line Join
   • Shadows
   • Lab Session Drawing Complex Shapes
   • Drawing Curves
   • Drawing Quadratic Curves
   • Drawing Bezier Curves
   • Lab Session Drawing a Heart
3. Drawing Shapes on Canvas
   • Drawing Rectangles
   • Lab Session Drawing a Chessboard
   • Drawing Circles
   • Lab Session Drawing a Pac-Man
   • Lab Session Drawing Polygons
   • Shadows on Shapes
4. Drawing Texts on Canvas
   • Drawing Basic Texts
   • Styling Texts
   • Lab Session Drawing 3D Texts
   • Positioning Texts
   • Shadows on Texts
5. Project Building a Open Source Bar Chart Library
   • Open Source Bar Chart Library
6. Drawing Images on Canvas
   • Drawing Images
   • Lab Session Drawing Pokemon Characters From A Tile
   • Lab Session Filtering Images
7. Advanced
   • save() and restore() the canvas state
   • Save Canvas as an Image
   • Patterns
   • Gradients
8. Animations
   • Animation Basics
   • Lab Session Bouncing Ball
   • Sprite Animation
   • Lab Session Running A Game Character
9. Transformations on Canvas
   • Scale
   • Rotate
   • Translate
   • Transform
10. Making Physics with Animations on Canvas
    • Introduction
    • Velocity
    • Acceleration
    • Vertical Projection
    • Horizontal Projection and Angular Projection
    • Momentum on One Axis
    • Momentum on Two Axes
11. User Interactions on Canvas
    • Handling Key Events
    • Handling Mouse Events
    • Lab Session Juggling a Ball with Mouse
    • Lab Session Dragging and Dropping Canvas Objects
12. Project Building a Flappy Monster Game
    • Flappy Monster Game
13. Project Building Paint Application
    • Paint Application