Game Development Tutorials

Learn how to create your own game with this broad collection of game development tutorials, ranging from vector drawing to game programming. Follow entire series or take an individual lesson. New tutorials are added frequently.

Tutorials series

HTML5 game development tutorials

Spicy Yoghurt | 9 March 2019 | HTML5 game tutorial

Develop an HTML5 game

Create your own game with HTML5 and JavaScript. Learn about game loops, animations & sprites, collision detection, physics and user input. Follow this tutorial series and end up with a basic HTML5 game of your own.

All tutorials

HTML5 game development tutorials

Spicy Yoghurt | 10 April 2019 | HTML5 game tutorial

Collision detection and physics

Perform collision detection and react with physics, using JavaScript. Check for overlap between shapes, apply hitboxes and calculate velocities. Make your game objects interact in a natural looking way. By the end of this tutorial you'll have a basic physics simulation running. ....Read more

HTML5 game development tutorials

Spicy Yoghurt | 9 March 2019 | HTML5 game tutorial

Develop an HTML5 game

Create your own game with HTML5 and JavaScript. Learn about game loops, animations & sprites, collision detection, physics and user input. Follow this tutorial series and end up with a basic HTML5 game of your own. ....Read more

HTML5 game development tutorials

Spicy Yoghurt | 9 March 2019 | HTML5 game tutorial

Create a smooth canvas animation

Create an animation on the HTML5 canvas and make it run smooth, no matter the frame rate. Learn how to apply time and easing functions. By the end of this tutorial you can create a basic animation with the use JavaScript. ....Read more

HTML5 game development tutorials

Spicy Yoghurt | 9 March 2019 | HTML5 game tutorial

Create a game loop in JavaScript

Create a proper game loop in JavaScript and learn about frame rates. Measure and display fps to see your loop in action. Request animation frames and have your own loop running by the end of this HTML5 game tutorial. ....Read more

HTML5 game development tutorials

Spicy Yoghurt | 9 March 2019 | HTML5 game tutorial

Draw on the HTML5 canvas

Draw graphics on the HTML5 canvas using shapes, paths and fills. Set-up an HTML5 file, apply scaling and perform drawing operations. By the end of this tutorial you can draw your own graphics on the canvas. ....Read more

Inkscape vector drawing tutorials

Spicy Yoghurt | 24 September 2018 | Inkscape tutorial

Draw vector potion bottles

Learn how to draw vector potion bottles with this Inkscape vector drawing tutorial. You will make a potion bottle with a cork and special content. On the way, this tutorial will teach you how to use Inkscape as a vector graphics editor. ....Read more