gamingthinktank

Members
  • Content Count

    7
  • Joined

  • Last visited

1 Follower

About gamingthinktank

  • Rank
    Newbie
  1. 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. 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. 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. Added some more details to collision detection section. I Hope it would be more helpful now.
  5. 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. 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. 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