example-pixi
CommunityDrive PixiJS animations with Helios.
AuthorBintzGavin
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Helios subscriptions can directly drive PixiJS scene properties, eliminating manual animation loops and enabling reactive visual effects synchronized to time.
Core Features & Use Cases
- Drive PixiJS display object properties (position, rotation, scale) from Helios state.
- Bind to document.timeline for frame-accurate rendering in WebGL contexts.
- Use Case: create responsive UI widgets or game-like scenes where visuals respond to time-driven subscriptions.
Quick Start
Install PixiJS and Helios in your project, create a Pixi Application, initialize Helios, call helios.bindToDocumentTimeline(), and subscribe to state to update Pixi objects (e.g., rotation based on currentTime).
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: example-pixi Download link: https://github.com/BintzGavin/helios/archive/main.zip#example-pixi Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.