A few months ago I developed a small javascript application that renders ‘crazy balls’ in HTML5 canvas. The balls move in random directions, change size and direction at random times. When they hit the borders of the canvas they bounce …
Category Archives: JavaScript
3D Starfield in HTML5 Canvas
Posted by lefam on July 22, 2011
4 comments | 3,536 views
This article will show you how to create a 3D starfield using HTML5 Canvas. Below you can see the 3D starfield in action (well, if your browser supports HTML5 canvas). An interesting aspect of this simulation is that the stars that …
First Experiment with HTML5: A Wireframe Cube
Posted by lefam on April 27, 2011
4 comments | 2,957 views
HTML5 introduces many new powerful features, one of which is the canvas element. The canvas allows us to draw graphics using JavaScript. Here I present my first experiment with the HTML5 canvas element.
Game Programming with JavaScript, HTML and CSS: keyboard input
Posted by lefam on April 9, 2011
None comments | 999 views
In the last tutorial we covered the concept of the game loop and applied it to make a simple animation. Drawing upon the code of the last tutorial, we will add a box that we will be controlled using the …
Game Programming with JavaScript, HTML and CSS: Introduction
Posted by lefam on April 7, 2011
None comments | 1,340 views
This is the first part of a series of tutorials that aim to teach you how to make games with JavaScript, HTML and CSS. In this tutorial you will learn the concept of the Game Loop and will apply this …