mustafadalga / HTML5-Canvas-Guide

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

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