Three.js
When building a 3D space simulation with Three.js WebGPU, I encountered a challenging visual problem that many 3D developers face: perspective distortion of billboard sprites. Here’s how I identified the issue and implemented an elegant solution.
Read more “Solving Starfield Perspective Distortion in 3D Space: A Three.js Case Study”
Svelte
Modern web applications are growing in complexity and size, often including many components that are not needed on the initial page load. Lazy loading is a powerful technique to optimize bundle size and improve performance by loading components only when they are actually needed—such as widgets, modals, or rarely-used UI elements. In this post, we’ll explore how to implement lazy loading in Svelte, compare the syntax between Svelte 4 and Svelte 5 (runes mode), and discuss the benefits and potential drawbacks of this approach.
Read more “Efficient Lazy Loading in Svelte: A Practical Guide for Svelte 4 and Svelte 5 (Runes)”
CSS
Have you ever needed to keep an iframe running even when it’s “hidden” from view? This seemingly simple requirement can become surprisingly complex due to browser optimizations. In our case, we needed to maintain active game states in minimized game widgets without affecting performance or user experience.
Read more “Keeping iframes Running When Hidden: A Journey Through Browser Optimizations”
TypeScript
As a software engineer and board game enthusiast, I wanted to solve a common problem in our office: organizing our weekly board game nights. While we had a regular schedule (Friday afternoons), we needed a better way to:
This led me to create a Slack bot that would handle these tasks automatically. In this post, I’ll share my journey of building this bot using TypeScript, Slack’s Web API, and GitHub Actions.
Read more “Building a Slack Bot for Board Game Nights with TypeScript and GitHub Actions”
PixiJS
The culling feature has been available as an extension in earlier versions of PixiJS, but with the release of PixiJS v8, it is now officially integrated into the core. This motivated us to revisit the feature and explore how to take advantage of it. However, the current documentation and examples are still limited. In this article, I’ll walk through how culling works in PixiJS v8, highlight some nuances, and share my personal insights on its usage.
Read more “Optimizing Rendering with PixiJS v8: A Deep Dive into the New Culling API”
PixiJS
I built a re-skinned version of the classic Flappy Bird game called Flappy Spaceship, with a space theme, using Pixi-React v8 beta. The goal was to explore Pixi-React as a game engine without adding new game mechanics.
Read more “Flappy Spaceship – Exploring the Frontiers of Pixi-React v8 Beta”
PixiJS
Pixi’s Asset Pack has officially reached version 1.0, and after diving deep into it, I can confidently say that it shows a lot of promise for our projects. However, there are still some issues that need ironing out. In this post, I’ll walk you through how it works, the benefits it offers, and a few limitations we’ve encountered.
Read more “Pixi’s Asset Pack 1.0: A Step Forward for Asset Management”
PixiJS
It is a common scenario to have dynamic information within an animation, such as UI with dynamic text or a character holding different items. In such cases, we may want to add a child Pixi object (such as BitmapText, Sprite, Container, or even another Spine) to a slot of a Spine animation and have it follow the slot’s transformation during the animation.
Read more “Adding a Pixi Object to a Slot in Pixi Spine”
PixiJS
Transitioning from Unity to Pixi.js, one noticeable absence was the sliced sprites, especially when working on resizable UI elements like progress bars. Thankfully, Pixi.js offers a comparable component known as NineSlicePlane, which resembles Unity’s sliced sprites in function. Although there are few resources and examples available for NineSlicePlane, this article aims to delve deeper into its behavior and outline how it aligns with my expectations.
Game Dev
We probably see a daily login reward system in every game nowadays. It’s a simple reward system that gets the players coming back every day or so. In this article, I’ll show you in detail how to develop a local-stored daily login system in Unity, using the MVC approach.
Create a Daily Login Reward System in Unity
TLDR; A complete repository can be found here.
Read more “Create a Daily Login Reward System in Unity”