Patrick Heng

1.9K posts

Patrick Heng banner
Patrick Heng

Patrick Heng

@Pat_Hg

🇫🇷 Creative Developer @JitterVideo & freelancer • Former @active_theory & @gobelins_paris • Co-creator of Ponpon Mania • In 🫶 w/ WebGL & Motion Design

Paris Katılım Kasım 2009
932 Takip Edilen5.9K Takipçiler
Patrick Heng retweetledi
Three.js
Three.js@threejs·
Three.js turns 16 today ~ 🌬️🎂
English
84
85
1.1K
40.3K
xavier (jack)
xavier (jack)@KMkota0·
pov: you think motion graphics should be fun so you are building a new tool
English
67
95
2.4K
91.9K
Patrick Heng retweetledi
WebGL / WebGPU
WebGL / WebGPU@webgl_webgpu·
🎨 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
English
2
17
189
8.3K
Jitter
Jitter@jittervideo·
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.
English
4
2
42
2.6K
Patrick Heng retweetledi
Xor
Xor@XorDev·
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);
Català
16
61
589
16.1K
Patrick Heng retweetledi
Daniel Beauchamp
Daniel Beauchamp@pushmatrix·
Huh, so that's why text is called a string
English
423
1.6K
20.8K
1.1M
Patrick Heng
Patrick Heng@Pat_Hg·
@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.
English
2
0
1
135