PixiJS Archives - Richard Fu

Optimizing Rendering with PixiJS v8: A Deep Dive into…

April 24, 2025April 25, 2025
by Richard Fu

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.

PixiJS

Flappy Spaceship – Exploring the Frontiers of Pixi-React v8…

October 1, 2024January 28, 2025
by Richard Fu

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.

PixiJS

Pixi’s Asset Pack 1.0: A Step Forward for Asset…

September 16, 2024April 25, 2025
by Richard Fu

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.

PixiJS

Adding a Pixi Object to a Slot in Pixi…

June 5, 2024April 25, 2025
by Richard Fu

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.

PixiJS

Optimizing Scalable UI Elements with Pixi.js NineSlicePlane

November 3, 2023April 25, 2025
by Richard Fu

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.

Category: PixiJS

Optimizing Rendering with PixiJS v8: A Deep Dive into…

Flappy Spaceship – Exploring the Frontiers of Pixi-React v8…

Pixi’s Asset Pack 1.0: A Step Forward for Asset…

Adding a Pixi Object to a Slot in Pixi…

Optimizing Scalable UI Elements with Pixi.js NineSlicePlane