Patrick Heng

Hello 👋 
Take a look to my new portfolio designed by @nicolas_rek ❤️
 ↳ patrickheng.com #portfolio #threejs #webgl #matterjs

@HassanBoujnikh @jittervideo le goat

"Apply a 3D rotation" "Add a dithering shader" "Generate an infinite grid" @jittervideo can now turn prompts into real motion effects ✨ Have fun!!!!

Pssss @jittervideo just dropped a big update ✨ You can now generate your own shaders and visual effects just by typing a prompt 💥 Cheeeck it out 👇

Three.js turns 16 today ~ 🌬️🎂

pov: you think motion graphics should be fun so you are building a new tool

@KMkota0 Looks super fun ! Can't wait to try ! gg 👏

🌊

We love to see @synthymental's experiments 🔥⁠ ⁠ #type01 #cavalryapp #kinetictypography #rallycar⁠

🎨 Creator Showcase: A portfolio where the illustrations aren't sitting on top of the layout. They are the layout. Justine Soulié's (@JustineSoulie) site runs entirely in WebGL using OGL instead of Three.js. Every project poster has its own micro-interactions driven by scroll velocity and drag. Patrick Heng (@Pat_Hg) coded it with the kind of restraint that makes the craft invisible. 🔗 webgpu.com/showcase/justi… #WebGL #CreativeDev #OGL #InteractiveDesign #ThreeJS

@jittervideo @Anais_Iris_L 🔥

Why do some motion designs feel "flat" while others pop? It’s usually the lack of secondary motion. This nested mask effect in Jitter is the easiest way to add depth to your motion design. How to do it: 1️⃣ Group your image & turn on 'Clip Content' 2️⃣ Scale the Group (10% → 100%) 3️⃣ Scale the Image inside (150% → 100%) 4️⃣ Offset the timing for that smooth reveal Simple, effective, and works for any asset.

Flare 2 vec2 p;for(float i=-1.;i<1.;i+=.1)o+=(cos(i/.3+vec4(0,1,2,0))+1.)/(length(p*sin((p=((2.*FC.xy-r)/r.y+i)/.2)*mat2(cos(t-i-length(p)*.3-vec4(0,11,33,0)))))+i*i);o=tanh(o*o/4e2);

Save the date ✨ Three.js Conference in Paris this September! With @JustineSoulie, we’ll be talking about Ponpon Mania 🐑 See you there 😘

@pushmatrix So fun !

Huh, so that's why text is called a string

@aliciazzhou @JustineSoulie don't worry in the story we are actually teleport them home ✨

@Pat_Hg @JustineSoulie omg how are we supposed to shoot at the cute little guys... :(

Pew Pewww ⚡️ @JustineSoulie and I are having fun prototyping ideas for our next project 👀 #threejs #mediapipe #gamedev #wip #prototype

@Kuo_Vincent1 @JustineSoulie Thanks ! Art direction is @JustineSoulie ! She is the best ! An I did the animation based on the story we had in mind for the universe :)

@Pat_Hg @JustineSoulie 哥你这个真不错 美术和动画方面是怎么做到的？

@DanieliusKo @mrdoob @JustineSoulie And yes I think something like Balatro is doable in the browser if it’s done properly :)

@DanieliusKo @mrdoob @JustineSoulie Hey thanks! Yes, it’s running in the browser I’m using Three.js. The card movement is actually pretty simple: I use a spring based on the pointer position, so it reacts smoothly with a bit of velocity-based feedback.

@av3rnicus @JustineSoulie Thanks ! @JustineSoulie did all the illustration ✨

@Pat_Hg @JustineSoulie Holy shit bro, this is super cool!! How did you create all these assets?

@dajaset @mrdoob @JustineSoulie we tried mediapipe :)

@Pat_Hg @mrdoob @JustineSoulie That is cool, how do you do the hand tracking?

@AristideBenoist @JustineSoulie Thanks Aristide ✨

@Pat_Hg @JustineSoulie So cool!!