Patrick Schroen

Mars. space.js.org/examples/mars/ #threejs #webgl #mars

I've released the iOS version of Jacquard as a free app on the App Store. It's basically designed with the iPad in mind, but it should work on iPhone as well. apps.apple.com/jp/app/jacqu...

I'm starting to really like FM synthesis more and more. github.com/keijiro/Jacq...

🚀 I made a smol ~2kb syntax highlighter that uses the CSS `::highlight()` API. davatron5000.github.io/microlighter/

Spent way too long on that SVG sphere component. Added a bit of scroll interaction so people actually realize it’s 3D PS: you can download the sphere SVG from the settings panel rybitten.space

Recreating the Mars demo in Space.js, well kind of. 🤓 The editor is getting there though, slowly. #threejs #webgl #mars #gui bsky.app/profile/psch...

Finally added a simple 3D example for the Wobble class. alien.js.org/examples/thr... #threejs #webgl #alienjs

Another motion blur experiment from last year, this time with an animated Fibonacci sphere. alien.js.org/examples/thr... #threejs #webgl #shader #fibonacci #sphere #motionblur

Last year I worked on some internet map experiments, including a visualization of city population and elevation as stars, and a custom API endpoint to select your location in "cyberspace". alien.js.org/examples/thr... #threejs #webgl #shader #stars #cyberspace #geoip

A new home for the creative industry. ✅ Designers ✅ Developers ✅ Businesses It’s early days, but it’s ours. Join us. okaydev.co/social

🚀 Big news! Okay Social is now open to everyone. It's the social network for creatives. Claim your handle, create a profile, and start connecting with others. Join our community today! 👉 okaydev.co/social

"Jupiter" vec2 p=(FC.rg*2.-r)/r.y,c,s;vec3 z=vec3(p,sqrt(1.-dot(p,p)));c=vec2(atan(z.x,z.z),z.y/=-.6),s=vec2(.2/dot(z-.6,z-.5)+sin(c.y*7.),.5*t);for(float f=8.;f<1e2;f/=.7)c+=sin(c.yx*f+s)/f;o+=z.z*.5*(cos(.3*s.x+vec4(.4,.6,.7,0)-sin(c.y/vec4(.34,.32,.3,1)))+1.);

Realtime Screen Space Subsurface Scattering (SSSS) also known as "a bunch of hacks" in WebGL.

Audio reactive particle effects github.com/keijiro/Lasp...

For anyone interested in playing around with the Mars demo settings, you can find them from the FPS panel controls top-right. 😊 space.js.org/examples/mars/ #threejs #webgl #mars #creativecoding #gui bsky.app/profile/psch...

📝 New Blog Post 📝 I recently went on a "shader creative-spree" where Post-Processing became my main tool for transforming 3D scenes into stylized art In it, I share the techniques behind the many effects I built and how I combined them in unique ways blog.maximeheckel.com/posts/post-p...

Animating between cameras is hilarious when you rotate each of the cameras. Now the question is if this is a bug or a feature, should I fix it? 😂 #threejs #webgl #creativecoding #gui

So now I’m making things glitchy. github.com/keijiro/Opti...

Updated the Hologram example with panel tracking and controls. 🌐 Live: alien.js.org/examples/thr... #threejs #webgl #creativecoding #hologram #gui

Updated the Crystal GLTF example with MeshPhysicalMaterial and controls. 💎 3D model by Luciano O. Mollo. Live: alien.js.org/examples/thr... Sketchfab model: sketchfab.com/3d-models/cr... #threejs #webgl #creativecoding #gui

Updating the noise shader samples. github.com/keijiro/Nois...

VFX with the iPhone LiDAR camera github.com/keijiro/Rcam3

VFX using iPhone LiDAR. The great thing about DoF particles is that they easily add a sense of depth to the effects. github.com/keijiro/Rcam3

A bold new chapter begins at Utsubo. One year crafting with WebGPU. Discover it now at utsubo.com.