Canvas was initially created by Apple in 2004 and it has been going on to shape the modern next generation web applications. In today's modern web development world, it is one of the most demanding skills to create games, web graphics, drawings and data visualizations without any plugin like old Flash-dependent days.
In this course, we will cover all of the key points of the Canvas API together. This course is a best chance for whom is willing to learn this edge technology or improve personal skills set. Every topics are supported by comprehensive html canvas examples, projects and lab sessions to support and reinforce the learning curve.
The topic covered in the course are mainly :
- Basics of Canvas
- Understanding the basic math behind canvas and coordinate systems
- Drawing paths and lines on canvas
- Drawing shapes like rect, circle and more complex polygons
- Writing texts on canvas
- Text effects
- Displaying images on canvas
- Playing videos on canvas
- Transformations
- Animations
- DOM interactions
- Events
Let's dive into the Canvas ocean together!
If you have any questions related to the lectures, do not hesitate to ask!
javascript canvas library, html canvas image, html5 canvas examples with source code, canvas developer guide, canvas api github, canvas api java, canvas api assignments, canvas api live
Course Curriculum
- Creating Project Structure (9:12)
- Creating the Game Class Part 1 (15:15)
- Creating the Game Class Part 2 (12:40)
- Creating the Background (13:04)
- Creating the Score Board (6:45)
- Creating the Walls (17:34)
- Creating the Monster (12:27)
- Collision Detection and Final Touches (15:02)
- Fix: Walls Overlap Issue Fixed (1:56)