All about game development
Spicy Yoghurt is a multimedia studio who develops casual games and other creative content. You can also find great tutorials on game development here, ranging from game programming to vector graphics.
Currently, Spicy Yoghurt is fueled solely by spare time and coffee, so every bit of support is appreciated. Please help to keep this studio going by playing and sharing!
Recent projects
Free pen brushes for Affinity Designer
Available for download
Pixi Pop
Casual game, ready to play
Animation Tool
Easing functions made easy
Vector drawing tutorials
Drawing vectors with Inkscape
Create your own HTML5 game
Get started with this tutorial series
Create life on the canvas
With Conway's Game of Life
JavaScript | 25 January 2024
Create Conway's Game of Life in JavaScript
Learn how to create Conway's Game of Life on the HTML5 canvas with JavaScript. Implement the game rules and check which cells will live or die each generation, to create your own simulation of life!
HTML5 game | 20 March 2021
Collision detection and physics
Perform collision detection and react with physics, using JavaScript. Check for overlap between shapes, apply hitboxes and calculate new velocities. Make it more natural with object mass, gravity and restitution. By the end of this tutorial, you'll have a basic physics simulation running in your game.
JavaScript | 21 May 2020
Store data with HTML5 local storage
Use the HTML5 local storage to store and read data in the browser. Learn how to store entire objects and how to manipulate data in the storage object. Follow this tutorial to learn all about storing client-side data with JavaScript.
HTML5 game | 5 May 2020
Draw images and sprite animations
Draw your own images on the canvas and learn how to stretch, scale and rotate them. Use clipping on sprites to create sprite animations. By the end of this tutorial you can draw your own images and animations on the canvas and use them in a game.
HTML5 game | 27 September 2019
Set-up an HTML5 canvas
Set-up an HTML5 file with a canvas. Learn how to scale the canvas and perform drawing operations. By the end of this tutorial you can draw your first graphics to the screen.
HTML5 game | 27 September 2019
Draw shapes, paths and text
Draw graphics on the HTML5 canvas using shapes and paths. Create rectangles, circles, lines, triangles and more complex shapes using SVG paths. By the end of this tutorial you can draw your own graphics and text on the canvas.
Spicy Yoghurt | 19 June 2021
Free download - New pen brushes for Affinity Designer
Spicy Yoghurt released its first brush pack for Affinity Designer. And the good news is, it's available as free download. With these pen brushes you can draw like you would with a pen, on a digital canvas. You can try them now!
Spicy Yoghurt | 6 June 2020
Hello Affinity Designer, goodbye Inkscape?
Not too long ago Spicy Yoghurt wrote about the good and the bad of the Inkscape v1.0 beta version. The open source vector drawing software is now out of beta and officially released to the public. It made decent progress, but was it enough to stay our favorite drawing software?
Spicy Yoghurt | 7 May 2020
Pixi Pop 1.2 Update - Good news for new players
Pixi Pop version 1.2 is out! This new update brings interface changes to make the game more fun and easier to use. Check out this article to find out what's new.
Spicy Yoghurt | 19 March 2020
A quick review of Inkscape v1.0 beta
Just a few months ago, the people from Inkscape released the new v1.0 beta of their popular vector drawing software. It's time for Spicy Yoghurt to put it to the test and do a quick review. We went to the drawing board and created some vector art using the new software.
Spicy Yoghurt | 17 March 2020
Spicy Yoghurt news update
It has been more than a year since the last news article came out, so it's about time to post something new. A lot of work has been done on the tutorials and even Pixi Pop got an update, but somehow the news section didn't get a lot of attention. It's time to change that and give you guys an update!