# gamingthinktank

Members

7

• Rank
Newbie
1. ## Box2d coordinate system for HTML5 Canvas

Box2D physics engine works according to the rules of physics. You have to work a little bit to set it up to work with platforms like HTML5 Canvas, iOS or Flash. Read the details Box2d coordinate system for HTML5 Canvas
2. ## Novice Game Questions

Use box2d physics engine, one of its ports support html5, it is free and open source. It would solve all of your dynamics. A lot of examples, demos and documents are available. A set of editors are also available to visually edit your game. PS: Box2D physics engine became famous due to Angry Birds game. Guess its power
3. ## Bounding Circle collision detection: KineticJS/HTML5 Tutorial

This tutorial explains the mathematics behind collision detection using bounding circle method. Source code and online demo is available with the tutorial. Bounding Circle collision detection: KineticJS/HTML5 Tutorial
4. ## Collision Detection using Bounding Rectangle method: KineticJS and HTML5 Canvas tutorial

Added some more details to collision detection section. I Hope it would be more helpful now.
5. ## Top 10 must read HTML5 game development tutorials

You may find these tutorials helpful, too. Documented with colourful diagrams and charts. Tutorial Part 1: Snake game using KineticJS and HTML5 Tutorial Part 2: Snake game using KineticJS and HTML5 Collision Detection using Bounding Box method: KineticJS and HTML5 Canvas tutorial Animating Walk Cycle using Sprite Sheet with KineticJS and HTML5 Canvas
6. ## Collision Detection using Bounding Rectangle method: KineticJS and HTML5 Canvas tutorial

I have written a detailed yet very basic tutorial on Collision Detection. I have used KineticJS and HTML5. I hope you guys enjoy reading it. I have also included demo and source code. Collision Detection using Bounding Rectangle method: KineticJS and HTML5 Canvas tutorial
7. ## Get into KineticJS development with Instant KineticJS Starter book

Here is a two part tutorial on HTML5 game development with Kineticjs framework. This tutorial heavily use technical diagrams and charts and storyboards to describe game development process in detail. A fully functional sample Snake game is developed as you proceed. Tutorial Part 1, The Concept: Snake game using HTML5 Canvas and KineticJS Tutorial Part 2: Snake game using HTML5 Canvas and KineticJS