Code Theory

HTML5

Game Physics & Animation

Gravity, friction, collision detection and time-based motion.

Game Physics & Animation guides on Code Theory
Guide Length API status
Weighted/Biased Random Number Generation with JavaScript based on Probability

First of all what is weighted random ? Let’s say you have a list of items and you want to pick one of them randomly.

1351w Current
Games Physics: Basics and Implementation of Predictive (or Continuous) Collision Detection

Few days ago, I wrote a post about why time based animations are better than frame based animations.

1196w Current
Time Based Animations in HTML5 Games: Why and How to Implement them

So you got into Web Based Animations or Games (using that HTML5 thingie) and chances are high that you’re relying on setInterval , setTimeout or even better…

1047w Current
Optimizing HTML5 Canvas to Improve your Game Performance

So I coded a game this month for the github game compo called “ Pappu Pakia “. This is my first HTML5 Game with beautiful graphics by Kushagra .

945w Current
HTML5 Canvas and Friction

So you started moving an object on your canvas by manipulating vx and vy , i.e., velocity on the x and y axis.

735w Current
Basics of Implementing Gravity with HTML5 Canvas

When creating some canvas experiments like a particle emission system or a game , gravity can be a key feature to implement.

1304w Current
HTML5 Canvas Particles Fountain Explosion with Gravity

One of my previous posts talked about implementing gravity in our canvas experiments. Eventually, we made a realistic bouncing ball.

1109w Current
17 Neat HTML5 Games To Keep You Busy This Weekend

Flash games are old and technology is advancing. I have collected some amazing HTML5 games that you can play this weekend and keep yourself busy.

622w Current
How I Created My Version of Doodle Jump in HTML5

I’ll try to take you through my process of re-creating the famous Doodle Jump (which was originally released for mobile platforms) in HTML5 from scratch.

1180w Current

More in HTML5

All HTML5 →