Find online courses made by experts from around the world.
Take your courses with you and learn anywhere, anytime.
Learn and practice real-world skills and achieve your goals.
HTML5 is an exciting new technology enjoying widespread adoption by the developer community. Its unique cross platform capability makes it the perfect choice for applications that provide rich user experiences on Mobile and Desktop.
This course is a fun and exciting way to learn both of these technologies through a Zombies game.
Like the page on Facebook HTML5 Zombies
Explore the Zombies graphics
Tools you’ll need
The HTML5 Canvas
Draw a Zombie on the Canvas
HTML Tags & Attributes
Load all Zombie frames
Animate a Zombie
Closer look at Zombie animation
Template for loading anim sequences
Create GfxSprite prototype object
GfxSprite: loadImage, and load
Image Transparency and Shadow
Reusing GfxSprite to load Player
Testing with background image
Sprite object prototype
DirectionalSprite inherits Sprite
Player inherits DirectionalSprite
Controlling Player via keyboard
Artificial Intelligence & AI Profile
Normal State -> seek player
Dying, Flashing & Attack State
|Section 2: Advanced Techniques, Tiles, Collisions, and Obstacles|
Sprites Collision Detection
- Extract Tiles from TilesSheet
- GfxSpriteTilesSheet for Special Effects
- Player fires explosions
Seasoned software consultant with extensive experience in delivering solutions for the Canadian, US, and overseas markets. Ken's engagement experience includes projects implemented in Banking, Financial, Insurance, Telecommunication, and Technology industries working for Fortune 500 companies. With 17 years of technology experience, Ken is an established professional with subject matter expertise in multi-channel applications, enterprise integration, and cloud computing. Ken also likes to dabble in game programming as a hobby.
30 day money back guarantee
Available on desktop, iOS and Android
Certificate of completion
Hours of video content