hairyf / vue3-pixi

Lightweight and flexible Vue 3 library for creating PixiJS applications.

Vue 3 Pixi

Vue createRenderer for PixiJS

View Documentation

Features

• 💚 Lightweight and flexible Vue 3 library for creating PixiJS applications.
• ✏️ Provides a Custom Vue Renderer that creates PixiJS objects instead of HTML elements.
• 📦 Supports all PixiJS objects, such as Filter, Container, Sprite, Graphics, Text, etc
• 🧑‍💻 Support specifying texture paths in templates to load texture objects
• ✨ All events emitted by PixiJS objects are supported
• 🗃️ Offers Loader component for bundling assets and Feature Rich Composition Utilities.
• 💫 Create different transition effects in conjunction with Transition.

Installation

# with pnpm
pnpm add vue3-pixi

# with yarn
yarn add vue3-pixi

Try it Online

Demos

• https://github.com/hairyf/vue3-pixi-flappy-bird
• https://github.com/hairyf/vue3-pixi-dino

License

MIT License © 2023-PRESENT hairyf