My family loves, Bluey. It’s an adorable little cartoon celebrating the simple joys of childhood, with life lessons along the way. I was watching it one day with my kids and this one particular episode…
PIXI.js Animated Spritesheets
Sprite Sheets are a great way to reduce the number of image requests and quickly swap textures for elaborate animations. There are many ways to create sprite sheets, but the easiest approach is using a…
NFT’s?
So perhaps you’ve heard of NFT’s. It was hard to avoid headlines about Beeple making millions on NFT’s and if you track anyone in the design space you’re probably getting bombarded with announcements of their…
My First Ludum Dare- Fussy Kitty
Ludum Dare is a global game jam where people all over the world try to build a game over the course of a weekend. I’ve never done a Ludum Dare mostly because it’s hard to…
Multiplayer Christmas Lights!
I’ve always wanted to make something with arduino and the challenge is normally finding a project I’m interested in. I always thought christmas lights would be a good use for it, since they’re literally just…
PixiJS Filters
Filters allow you to apply post processing effect on objects. These allow you to apply many different pixel based effects similar to filters in tools like photoshop, such as blur. To apply filters to a…
PixiJS Graphics API
For dynamically drawing content PixiJS has a Graphics display object with a drawing API. This allows us to draw 2D graphics with commands similar to the 2D canvas API. The graphics object needs to be…
PixiJS Sprites
Sprites are display objects that render a texture. They take a single texture as a parameter. Like all display objects they need to be added to our stage in order to render. let sprite =…
PixiJS Texture Loading
PixiJS stores all its textures inside a texture cache which can be accessed in PIXI.utils.TextureCache. To load textures into the cache you need to use a loader. This can be done by creating a new…
PixiJS Renderer, Ticker & Stage
In the last post I showed you how to get up and running quickly in PixiJS. In this episode I want spend some time diving a bit deeper into the basics of PixiJS. To do…