Sign in

Patrick Schroen

@pschroen.bsky.social
234 followers 285 following 38 posts

Creative Developer and Tech Lead / Senior Interactive Engineer at Monogram / FWA Judge / @okaydev.co space.js.org alien.js.org ufo.ai 🛸👽🤓

PostsRepliesMedia
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 02/09/2026
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...
041
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 20/08/2026
I'm starting to really like FM synthesis more and more. github.com/keijiro/Jacq...
1154
Reposted by Patrick Schroen
Dave Rupert @davatron5000.bsky.social · 19/08/2026
🚀 I made a smol ~2kb syntax highlighter that uses the CSS `::highlight()` API. davatron5000.github.io/microlighter/
davatron5000.github.io
MicroLighter - A zero-dep syntax highlighter
824442
Reposted by Patrick Schroen
David Aerne @meodai.bsky.social · 22/04/2026
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
210212
Patrick Schroen @pschroen.bsky.social · 15/02/2026
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...
120
Patrick Schroen @pschroen.bsky.social · 22/01/2026
Also CC'ing @caltech.edu here, let me know what you think of the demo! 😉
000
Patrick Schroen @pschroen.bsky.social · 22/01/2026
I can't vote on my own projects and it means a lot to me being recognized by my peers in the industry, thank you! Would love to spend more time on this demo this year, still have a lot of plans for it!
100
Patrick Schroen @pschroen.bsky.social · 22/01/2026
Last year I worked on a cinematic Mars demo, featuring high quality 2k textures, with some help from @btjak.es and John Van Vliet. Happy to share it's been awarded an FWA of the Day! thefwa.com/cases/mars-d... #threejs #webgl #mars
140
Patrick Schroen @pschroen.bsky.social · 10/01/2026
Finally added a simple 3D example for the Wobble class. alien.js.org/examples/thr... #threejs #webgl #alienjs
000
Patrick Schroen @pschroen.bsky.social · 09/01/2026
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
000
Patrick Schroen @pschroen.bsky.social · 08/01/2026
@gkjohnson.bsky.social's blue noise sketches and motion blur: github.com/gkjohnson/th... github.com/gkjohnson/th...
github.com
GitHub - gkjohnson/three-sketches
Contribute to gkjohnson/three-sketches development by creating an account on GitHub.
010
Patrick Schroen @pschroen.bsky.social · 08/01/2026
This example also adds depth to the motion blur, a modification to the previous motion blur implementation (also by @gkjohnson.bsky.social), so objects closer to the camera are blurred more.
110
Patrick Schroen @pschroen.bsky.social · 08/01/2026
Last year I was also experimenting with @gkjohnson.bsky.social's blue noise sketches, but with my usual subsurface scattering and motion blur. alien.js.org/examples/thr... #threejs #webgl #shader #bluenoise #motionblur
141
Patrick Schroen @pschroen.bsky.social · 07/01/2026
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
220
Patrick Schroen @pschroen.bsky.social · 18/12/2025
The initial MVP is on the App Store now (currently only available for the US, Canada and the UK), and we'd love to know what you think!
000
Patrick Schroen @pschroen.bsky.social · 18/12/2025
Over the past year I've been working on an iPhone app for Kythe, a great example of how AI can be used in a positive way, generating conversation starters, called "Qs", that are fun, interesting and thought provoking! apps.apple.com/app/kythe-co... #iphone #appstore #socialnetworking
apps.apple.com
Kythe Connect App - App Store
Download Kythe Connect by Thompson St Ventures LLC on the App Store. See screenshots, ratings and reviews, user tips, and more games like Kythe Connect.
110
Patrick Schroen @pschroen.bsky.social · 05/11/2025
This would make a good print for a frame. 😊
010
Patrick Schroen @pschroen.bsky.social · 20/10/2025
Love the Cosmos site, do you know who made it?
100
Patrick Schroen @pschroen.bsky.social · 17/10/2025
For me it's The FWA, but I'm biased. Otherwise it's the depths of the internet. 😜 Actually, I personally find a lot of inspiration in album artwork, not just physical LPs, but cover artwork for digital releases too.
110
Reposted by Patrick Schroen
OkayDev @okaydev.co · 09/10/2025
A new home for the creative industry. ✅ Designers ✅ Developers ✅ Businesses It’s early days, but it’s ours. Join us. okaydev.co/social
0121
Reposted by Patrick Schroen
OkayDev @okaydev.co · 05/10/2025
🚀 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
0204
Patrick Schroen @pschroen.bsky.social · 17/09/2025
Well he's not under-represented at all, but @mattdesl.bsky.social, also a fan of his early work at Jam3 here in Toronto, and his many nature inspired works. Hi Matt! 👋 😉
130
Reposted by Patrick Schroen
Xor @xordev.com · 18/06/2025
"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.);
49711
Reposted by Patrick Schroen
Marcin Ignac @marcinignac.bsky.social · 16/05/2025
Realtime Screen Space Subsurface Scattering (SSSS) also known as "a bunch of hacks" in WebGL.
1331
Patrick Schroen @pschroen.bsky.social · 24/04/2025
I'm the maintainer of rollup-plugin-glslify and haven't used glslify myself in years. glslify was created way back before ES6 template literals were widely available, and the reality is GLSL modules very rarely change. Perhaps a modern alternative could be an ESM library of the same modules?
010
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 30/03/2025
Audio reactive particle effects github.com/keijiro/Lasp...
1255
Patrick Schroen @pschroen.bsky.social · 29/03/2025
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...
080
Patrick Schroen @pschroen.bsky.social · 28/03/2025
And this atmosphere shader. 🤤 bsky.app/profile/gkjo...
010
Patrick Schroen @pschroen.bsky.social · 28/03/2025
Also checkout what @gkjohnson.bsky.social has been working on. My Mars demo isn't as detailed, though trying to go for a cinematic look. bsky.app/profile/gkjo...
110
Patrick Schroen @pschroen.bsky.social · 28/03/2025
Let me know of any features or information you think would be a good addition to this. Thanks!
100
Patrick Schroen @pschroen.bsky.social · 28/03/2025
This is the first prototype, with some upcoming features planned; 3D terrain model with LOD, labels and travelling to labels, cross-sections, Mars's moons and clouds, additional volumetric lighting, an atmosphere shader, and some layer UI to toggle details on/off.
110
Patrick Schroen @pschroen.bsky.social · 28/03/2025
Plus a special thanks to melodysheep as a huge source of inspiration, WATER WORLDS was used as a layout reference for this demo. Thank you! www.youtube.com/watch?v=URyi...
youtube.com
WATER WORLDS: Hideouts for Alien Life?
YouTube video by melodysheep
110
Patrick Schroen @pschroen.bsky.social · 28/03/2025
The textures are CC BY-SA, and the source code for this demo is all open source on @github.com. github.com/alienkitty/s...
100
Patrick Schroen @pschroen.bsky.social · 28/03/2025
Special thanks to John Van Vliet for contributing the 32k normal map, who has created many astronomical object textures for Celestia and @spaceenginesim.bsky.social, among many other projects. Thank you!
100
Patrick Schroen @pschroen.bsky.social · 28/03/2025
The cubemap textures were generated with help from @btjak.es, who worked on National Geographic's “Rewind the Red Planet”, and has a fantastic technical article on the process used. Plus a ton of great feedback and support. Thank you! source.opennews.org/articles/how...
source.opennews.org
How We Made "Rewind the Red Planet"
Telling the story of a planet, on a human scale
100
Patrick Schroen @pschroen.bsky.social · 28/03/2025
This is a cinematic Mars demo featuring high quality cubemaps with 2k faces.
110
Patrick Schroen @pschroen.bsky.social · 28/03/2025
Mars. space.js.org/examples/mars/ #threejs #webgl #mars
space.js.org
Mars
A cinematic Mars demo featuring high quality cubemaps with 2k faces.
3141
Reposted by Patrick Schroen
Maxime @maxime.bsky.social · 04/02/2025
📝 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...
Post-Processing as a Creative Medium by Maxime Heckel
713931
Patrick Schroen @pschroen.bsky.social · 04/02/2025
I prefer the WET principle. 😉 en.m.wikipedia.org/wiki/Don%27t...
en.m.wikipedia.org
Don't repeat yourself - Wikipedia
030
Patrick Schroen @pschroen.bsky.social · 04/02/2025
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
070
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 29/01/2025
So now I’m making things glitchy. github.com/keijiro/Opti...
2181
Patrick Schroen @pschroen.bsky.social · 29/01/2025
Updated the Hologram example with panel tracking and controls. 🌐 Live: alien.js.org/examples/thr... #threejs #webgl #creativecoding #hologram #gui
160
Patrick Schroen @pschroen.bsky.social · 28/01/2025
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
0132
Patrick Schroen @pschroen.bsky.social · 24/01/2025
fortune.com/crypto/2025/...
fortune.com
Ross Ulbricht is free and would be a billionaire—but the U.S. sold his Bitcoins for $334 each
Ulbricht’s conviction has been wiped out, but his 144,000 Bitcoins are long gone.
000
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 23/01/2025
Updating the noise shader samples. github.com/keijiro/Nois...
0161
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 21/12/2024
VFX with the iPhone LiDAR camera github.com/keijiro/Rcam3
0153
Reposted by Patrick Schroen
Keijiro Takahashi @keijiro.bsky.social · 13/12/2024
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
0202
Reposted by Patrick Schroen
Utsubo @utsubo.com · 06/12/2024
A bold new chapter begins at Utsubo. One year crafting with WebGPU. Discover it now at utsubo.com.
3337
Patrick Schroen @pschroen.bsky.social · 28/11/2024
All open source, using three.js and OimoPhysics, with source code available on both @glitch.com and @github.com. glitch.com/edit/#!/mult... github.com/pschroen/mul...
glitch.com
Glitch
Combining automated deployment, instant hosting & collaborative editing, Glitch gets you straight to coding so you can build full-stack web apps, fast
020
Patrick Schroen @pschroen.bsky.social · 28/11/2024
Keyboard shortcuts. Esc: Toggle details. Control-0: Toggle UI. There is also a way to show the trackers with the UI hidden, press Esc to show the details and then press Control-0 to hide the UI.
100