Pixi.js + GSAP : Tap car Gallery

🎮✨ Bringing Life to UI with Pixi.js + Easing Animations!
Today I dove into creating a smooth, animated progress bar using Pixi.js and manual easing functions from GSAP.

Rather than using pre-built tweens, I wanted full control over the animation — frame by frame. By parsing gsap easing functions and updating the bar in app.ticker, I was able to make a progress bar that feels great in motion — responsive, customizable, and lightweight.

🔧 Built with:

PIXI.Graphics for custom shapes

GSAP.parseEase() for smooth interpolation

Manual animation loop for precision and performance

This setup opens the door to more dynamic UI/UX in 2D games and interactive tools. Loving how versatile and fast Pixi.js is for rendering and custom effects!

🚀 Next up: radial progress, gradient fills, and particle effects on level up!

#gamedev #javascript #pixijs #gsap #webgl #html5games #indiedev #frontend