Sujen Phea

Frontend & 3D web developer
Building immersive, production-ready websites
Three.js • motion • performance

[Sujen Phea @sujen_p]

Working on something exciting 👀

try it here 🔗 https://t.co/jrEHdT4Sha

#threejs #webgl

[Sujen Phea @sujen_p]

@makio64 @threejsconf @codrops Thank you, David! I really love what you’ve done with the upcoming conference 😊 I wish I could be there!

[Sujen Phea @sujen_p]

Honoured to kick off the @threejsconf countdown with this interactive glass xylophone! ✨

Thanks to @Codrops for sharing the tutorial and to everyone in the Three.js community for the support ❤️

[Manoela Ilic @crnacura]

Very happy to have @sujen_p kicking off our @threejsconf countdown celebration with this beautiful glass xylophone 😍

Big thanks to Sujen and everyone sharing their Three.js experiments with us in the coming weeks!

Check out the tutorial on Codrops and see how it’s made: https://t.co/10RXxhl59m

And if you're thinking about joining the fun in Paris, use CODROPS for 15% off your ticket 🎟️

[Sujen Phea @sujen_p]

A little sneak peek at what I’ve been working on.
Adding a little more depth to this architecture studio.

Link 🔗 https://t.co/ISlmKQIgbb

#webgl #threejs

[Sujen Phea @sujen_p]

Slowly bringing this architecture project to life.

Added a subtle reflective finish to the card on hover, and I'm really happy with how the section transitions are coming together.

Still a work in progress, but it's getting closer to the vision. More updates soon.

[Sujen Phea @sujen_p]

Been experimenting with dreamy flower vibes. 🌸✨

Rendered with translucent flower shaders and finally got the motion trails + bokeh feeling right.

The custom petal shader combines a height-ramp gradient, subsurface scattering (SSS), rim lighting, and a waxy specular response to sell that delicate, translucent feel.

Next step: replacing everything with procedurally generated flowers.

link: https://t.co/UciUFnFBk2

#r3f #threejs

[WebGL / WebGPU @webgl_webgpu]

🌿 Creator Showcase: A Three.js garden by Sujen Phea (@sujen_p) that's doing a lot more than it looks like.

15K instanced grass blades bending under a GPU fluid wind sim, volumetric ray-marched spotlights, 500 GPU-computed particles, procedural flowers, fireflies, bloom, and motion trails. All real-time, all in a browser tab.

🔗 https://t.co/Z5to3CkMPx

#WebGL #ThreeJS #Shaders #CreativeCoding #GenerativeArt

[Sujen Phea @sujen_p]

@creativedrewy Thanks!

[Sujen Phea @sujen_p]

Built an interactive botanical garden in Three.js
15K instanced grass blades,
GPU fluid sim driving wind,
volumetric ray-marched spotlights,
500 GPU-computed particles, procedural flowers, fireflies, bloom & motion trails.
All real-time in the browser.

Link 👉 https://t.co/sONWJx8Kra

#threejs

[Sujen Phea @sujen_p]

@TAbrodi Thanks!

[Sujen Phea @sujen_p]

@gustavwf Thanks!

[Sujen Phea @sujen_p]

@Opusgeo I used a volumetric based spotlight shader pass, with 2 passes each run. First pass runs the back face or the 'end', second pass renders the cone of light with raymarching.

[Sujen Phea @sujen_p]

@kate_kassab @threejs Thank you!

[Sujen Phea @sujen_p]

@AlwaysAlthough For sure!

[Sujen Phea @sujen_p]

@BrockMcBreadcat Oh yeah, also could add some interactive elements to procrastinate

[Sujen Phea @sujen_p]

@crnacura Thank you for inviting me!

[Sujen Phea @sujen_p]

@ylli__ramadani Thank you! The parallax effect is a little too subtle

[Sujen Phea @sujen_p]

Glass Shards in Parallax

Demo 👉 https://t.co/3xXLtMQqxy

#webgl #threejs

[Sujen Phea @sujen_p]

@gustavwf Thank you!

[Sujen Phea @sujen_p]

Bubble pop with SSFR 🫧

Demo 👉 https://t.co/zPKEVPpOc9

#webgl #threejs