How to create Stunning Firework Effects using JavaScript/TypeScript
⭐ Download the source code:
https://github.com/rimmontrieu/2d-fir...
⭐ Check the live demo: https://2dfirework.netlify.app/
Prerequisites:
NodeJS environment
Libraries: Pixi.js
In this video I create the firework effect using Pixi.js framework. Click on the stage to launch a new firework to that mouse position.
00:00 Firework demo
00:16 Create new project with vite
01:11 Config project
02:22 Basic styles and FireworkApp
04:10 Create Pixi Application
06:19 Create Firework and Particle classes
16:22 Update routine and interactions
18:23 FInal Test
⭐ Thank you for watching the video
⭐ Don’t forget to LIKE & SUBSCRIBE
#programming #javascript #typescript #asmr