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!
Check out the goods
Casual games
Enjoy playing our homemade games
Tutorials
Learn everything you need to know about game development
Development Tools
Apply tools that make game development easierRecent 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
Folder Compare
Spot the differences between folders
Scribble
Free to-do list and notes app
Set up an HTML5 canvas game
Set up an HTML5 canvas for your game with JavaScript. Learn how to scale the canvas to fit any screen, without blurry graphics. By the end of this tutorial, you'll have a canvas template to start every game with, and your first graphics on the screen.
How to make an HTML5 game
Learn how to make an HTML5 game with JavaScript, step by step and for free. Find out how a browser game works, what you need to get started and when a game engine helps. Then follow the series and build each part of your own game.
Create a proper JavaScript game loop
Build a smooth JavaScript game loop for the canvas with requestAnimationFrame. Learn delta time and a fixed timestep, and measure fps with live demos. By the end of this tutorial, you'll have a complete game loop ready to use in your own game.
Create a smooth canvas animation
Create a smooth canvas animation with JavaScript. Learn how to clear the canvas, add motion trails and easing, and keep it sharp on every screen. By the end of this tutorial, you can create a basic animation with the use JavaScript.
Draw lines, shapes and text
Draw lines, shapes, curves, paths and text on the HTML5 canvas with JavaScript. Try every example in the live playground and save your drawing as an image. By the end of this tutorial, you can draw your own game graphics and text, with colors, gradients and shadows.
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!
Meet Scribble, our free to-do list and notes app
Meet Scribble, a free to-do list and notes app by Spicy Yoghurt. Plan your days, keep notes for your projects and take it all with you on your phone. There's no account to create, and everything you write stays on your own device.
Compare folders and files right in your browser
Spicy Yoghurt has a new tool: Folder Compare. Point it at two folders and see straight away which files were added, changed or removed. Everything runs inside your browser, so none of your files ever leave your laptop.
Pixi Pop is now playable in your browser
Pixi Pop has been ported to the web! This classic Spicy Yoghurt game is now playable straight from your browser. No app store is needed, just open a tab and start popping.
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!
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?
