Skip to content

Feature - I added a modern PixiJS v8 foundation Vite demo with physics particles (FConsole preview)#1

Open
ChrisLally wants to merge 1 commit intoflashist:devfrom
ChrisLally:feature/modern-pixi8-demo
Open

Feature - I added a modern PixiJS v8 foundation Vite demo with physics particles (FConsole preview)#1
ChrisLally wants to merge 1 commit intoflashist:devfrom
ChrisLally:feature/modern-pixi8-demo

Conversation

@ChrisLally
Copy link

Overview

This PR introduces a new standalone reference implementation for PixiJS v8 within the fexamples repository. It showcases a modern graphics stack featuring high-performance particle physics, custom aesthetics, and pre-configuration for the Flashist ecosystem tooling.

Key Features

  • PixiJS v8 Native Rendering: Implemented using the latest v8 practices, compatible with both WebGL and WebGPU pipelines.
  • Physics-Based Interaction: A gravitational particle field that reacts dynamically to mouse movement and clicks.
  • Premium Visuals: Custom neon bloom effects using modern Pixi filters and additive blending.
  • FConsole Ready: Infrastructure is in place for FConsole integration, allowing for real-time display tree inspection once the library supports v8.
  • Vite-Powered Workflow: Optimized development cycle with Fast Refresh and TypeScript safety.

Technical Implementation Details

  • Directory: src/modern-pixi8
  • Engine: PixiJS v8.15.0
  • Adapter Pattern: Includes a minimal shim to bridge the gap between PixiJS v8 and legacy FConsole expectations.
  • Simulation: Uses a custom vector-based physics system for particles rather than simple static animations.

Current Status / Notes

  • FConsole Integration: The current implementation includes the necessary shims and initialization code for @flashist/fconsole. Note: Full runtime functionality is currently in "preview" mode as it awaits an official update to the FConsole package for native Pixi v8 compatibility.
  • Testing: Verified local execution on port 3000.

How to Run

  1. cd fexamples/src/modern-pixi8
  2. npm install
  3. npm run dev

@ChrisLally
Copy link
Author

Check it out here! https://fexamples.vercel.app/

@ChrisLally
Copy link
Author

@flashist let me know if there are any additions or adjustments that would be helpful!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant