Tag

PixiJS

1 views collected around this technical thread.

Bilibili Tech
Bilibili Tech
Aug 25, 2023 · Game Development

Technical Implementation of the "Da Li Chu Qi Ji" Mini‑Game on Bilibili

The article details the end‑to‑end technical implementation of Bilibili’s “Da Li Chu Qi Ji” mini‑game, describing a GSAP‑driven 4‑second countdown, a PixiJS‑based core gameplay with custom resource loading and event handling, and the evaluation and integration of PAG, SVGA, and MP4 animation formats for reward effects.

GSAPPixiJSWeb Development
0 likes · 29 min read
Technical Implementation of the "Da Li Chu Qi Ji" Mini‑Game on Bilibili
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
May 29, 2023 · Game Development

Preface: Cloud Music Social Live Game Scenario Solution Sharing

The article presents a cloud‑music social live‑streaming game solution that selects PixiJS over DOM for superior performance, identifies inefficiencies in React‑DOM coupling, and introduces the custom Alice.js framework—bridging React DSL with PixiJS, extending game components, and managing resources—to streamline front‑end game scene development.

Alice.jsFrontend DevelopmentPerformance Optimization
0 likes · 18 min read
Preface: Cloud Music Social Live Game Scenario Solution Sharing
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Mar 29, 2022 · Game Development

Recreating the Classic Duck Hunt Game with Vue 3 and PixiJS

This article walks through building a browser‑based Duck Hunt‑style shooting game using Vue 3 for the UI framework, PixiJS as the rendering engine, and supporting tools such as Vite, SCSS, mitt, and GSAP to handle asset loading, scene management, animations, hit detection, and responsive scaling.

Frontend DevelopmentGSAPPixiJS
0 likes · 14 min read
Recreating the Classic Duck Hunt Game with Vue 3 and PixiJS
Yuewen Frontend Team
Yuewen Frontend Team
Oct 20, 2021 · Frontend Development

How to Build an Interactive Role Relationship Diagram with PIXIJS and Shaders

This tutorial walks through redesigning a complex role‑relationship page using PIXIJS for 2D rendering, custom GLSL shaders for cloud effects, TWEENJS for smooth animations, and careful performance tuning to ensure responsive behavior across devices.

CanvasJavaScriptPixiJS
0 likes · 18 min read
How to Build an Interactive Role Relationship Diagram with PIXIJS and Shaders
Taobao Frontend Technology
Taobao Frontend Technology
Apr 26, 2021 · Game Development

How Eva.js Empowers Front‑End Engineers to Build Interactive Games with Minimal Code

Eva.js, an open‑source interactive game engine developed by Alibaba, combines a lightweight ECS architecture, PixiJS rendering, and performance‑focused loading strategies to let front‑end developers create engaging web games with just a few lines of code, while supporting accessibility and state management.

AccessibilityECSJavaScript
0 likes · 9 min read
How Eva.js Empowers Front‑End Engineers to Build Interactive Games with Minimal Code