Written instructions
Continue reading “Sample colors with browser”Free hue wheel download
If you are looking for a hue wheel chart with named hues that you can download, you have come to the right place. Here you go. It has alpha transparency too. Stay tuned for a tutorial on how to create such hue wheel in a graphics program.
If you need the PSD, get it here for a dollar: https://ecationary.gumroad.com/l/bwjgh

Finally, an insanely good pixel art AI
As a 2D game creator, I have been searching for an text-to-pixel art generator AI for a long time. It looks like we have finally arrived! Check out the results I got for the prompt
“a sprite sheet of several pixel art doors”!




Wow! Those are INSANELY good compared to previous pixel art generative AI’s!
So by now you must be dying to know which tool I used to generate those and how much it costs! Well I have good news for chatGPT users! I used Dalle-3, which you can now use for free with a chatGPT subscription! That’s right, since I already subscribe to chatGPT, I generated those awesome images for free!
This is getting really exciting for indie game developers everywhere!
CSS-only 3D fly-in animation
Have you ever wondered how to create a 3D-transition in which an element should fly past the camera onto the webpage? Here’s how you can do that using CSS-transforms:
See the effect in action here:
FLY IN!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
perspective: 300px; /* the smaller, the stronger sense of perspective (like short focal lenght) */
min-height: 95vh;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
text-align: center;
}
h1{
grid-column: 2/3; /* Just for putting the h1 to center of grid */
grid-row: 2/3; /* Just for putting the h1 to center of grid */
transform: translate3d(800px, 200px, 1500px); /* Set the start position for the element */
animation: myflyin 2s; /* Activate the animation called myflyin */
animation-fill-mode: forwards; /* Keep the position from the last keyfframe */
}
@keyframes myflyin { /* Define the keyframes */
from {
transform: translate3d(800px, 200px, 1500px); /* Starting position */
}
to {
transform: translate3d(0, 0, 0); /* End position */
}
}
</style>
</head>
<body>
<h1>FLY IN!</h1>
</body>
</html>
Free Eevee Material Library Download
Here is a collection of various procedural/non-image based EEVEE materials embedded in a single Blender-file and mapped to spheres.
This has been created based on the Cycles Material Library here:
https://blendswap.com/blend/6822
Here is a render:

Here is the download link to the Blender-file:
A tool for recoloring pixel art to a new color palette
I have been searching through the webs for a long time for a good, easy to use tool for recoloring pixel art to a specified color palette. The perfect tool should make it easy and fast to test out different palettes for a provided bitmap image or a sprite sheet, but it should also make it possible to fine tune the color mappings and add new colors to the palette if needed.
This has provided to be a rather challenging task. Photoshop and other similar graphics programs do have the possibility to switch to indexed color which lets you force the image to a new color palette, but I find that workflow to be rather tedious and time consuming. Illustrator has the recolor artwork tool, but it works only with vector images.
Here are some of the tools that I did find:
Continue reading “A tool for recoloring pixel art to a new color palette”How to Screenshot Whole Website with Firefox
Finally a sprite sheet recoloring process that works
I have been searching for a good workflow for testing out different color palettes for existing video game designs.
I have finally found a relatively pain free method of testing different color palettes and applying them to entire games. I will be making a video tutorial about this in the future, but before I get to that, I thought I would already explain the basics of the workflow.
Continue reading “Finally a sprite sheet recoloring process that works”How to do 3D-projection mapping with Blender
I tested several Word Cloud generators online, this one was the best

I tested many different options for creating wordart/wordclouds online. Some of them worked well but then exporting wasn’t free. Others were a bit too simple with not much to customize. But this one is both free and it has plenty of handy customizations available: https://www.wordclouds.com/