Patrick Schroen

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...

Also CC'ing @caltech.edu here, let me know what you think of the demo! 😉

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!

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

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

GitHub - gkjohnson/three-sketches Contribute to gkjohnson/three-sketches development by creating an account on GitHub.

@gkjohnson.bsky.social's blue noise sketches and motion blur:
github.com/gkjohnson/th...
github.com/gkjohnson/th...

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.

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

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

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!

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.

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

This would make a good print for a frame. 😊

Love the Cosmos site, do you know who made it?

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.

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

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! 👋 😉

"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.

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?

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...

And this atmosphere shader. 🤤

bsky.app/profile/gkjo...

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...

Let me know of any features or information you think would be a good addition to this. Thanks!

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.

YouTube video by melodysheep WATER WORLDS: Hideouts for Alien Life?

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...

The textures are CC BY-SA, and the source code for this demo is all open source on @github.com.

github.com/alienkitty/s...

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!