All about game development
Spicy Yoghurt is a multimedia studio that 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
Use tools that make game development easierRecent projects
Free pen brushes for Affinity Designer
Available for download
Pixi Pop
Casual game, ready to play
Easing functions
For JavaScript and CSS
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
Create Conway's Game of Life in JavaScript
Create Conway's Game of Life in JavaScript on the HTML5 canvas. Learn the rules, check which cells live or die each generation and draw your own cells with the mouse. Load famous patterns like the glider gun, and get the complete code in a single HTML file.
Draw images and sprite animations
Learn how to draw images on the HTML5 canvas with drawImage(), and turn a sprite sheet into a JavaScript sprite animation. By the end of this tutorial, you'll have a swarm of animated bees buzzing around your game, each with its own hitbox and direction.
Collision detection and physics
Learn JavaScript collision detection for your canvas game. Check if rectangles and circles overlap, and make objects bounce off each other with simple physics. By the end of this tutorial, you'll have a small physics simulation with mass, gravity and restitution. Along the way, you can try every step in a live demo.
Draw vector potion bottles
Learn how to draw a potion bottle in Inkscape, step by step. You'll draw a round glass bottle with a cork, add shadows and highlights, and fill it with a colorful potion. Along the way, you'll learn the basics of vector drawing in Inkscape.
Generate random numbers in JavaScript
Generate random numbers in JavaScript with Math.random(). Get a random integer between two numbers, a random boolean or a random item from an array. Build your own random number generator, shuffle an array, give rare loot a small chance and get the same random numbers again with a seed.
Store data with HTML5 local storage
Learn how to use HTML5 local storage to store data in the browser with JavaScript. Store and read strings, numbers and entire objects with setItem() and getItem(), and remember settings and progress between visits. Find out about the limits, the pitfalls and when to use sessionStorage instead.
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 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 a 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?
