Warning
This boilerplate is no longer actively maintained.
If you are starting a new PixiJS project, please use the official create-pixi tool instead.
I originally created and maintained this boilerplate because, for a long time, there was no officially supported project starter from the PixiJS team. It helped fill that gap.
Now that PixiJS has an official solution, it makes more sense to point people there rather than continue maintaining a separate community boilerplate.
A beginner-friendly template for building interactive graphics and games using Pixi.js with TypeScript and Webpack. This boilerplate simplifies the setup process, allowing developers to quickly start creating engaging web experiences.
- 🆕 Updated to Pixi v8: The latest version of Pixi.js brings significant performance improvements, WebGPU support, and enhanced rendering capabilities
-
🆕 Updated to Pixi v7: The latest version of Pixi.js brings enhanced features and performance improvements
-
🔧 Stability Overhaul: Moved from swc to ts-loader for improved stability and compatibility
-
Revised and Updated Dependencies: All package dependencies have been reviewed and updated to their latest versions for optimal performance and security.
- 🔰 - Beginner-friendly setup and structure.
- 🚀 - Optimized build times.
- 🛠 - Full TypeScript support for robust type-checking.
✈️ - Live reload for efficient development workflow.- 📝 - Consistent code style using Prettier and Eslint
Simply copy paste this and start coding
git clone --depth=1 --branch=master https://github.com/yordan-kanchelov/pixi-typescript-boilerplate
rm -rf ./pixi-typescript-boilerplate/.git
npm run build- starts build procedurenpm run start- start watching for files and open's server on localhost:8080npm run lint- generate code coverage report
For vscode users - ctrl ( or ⌘ ) + shift + b will run package.json's dev script ( it is set as default vscode task )