John Cotterell

Mandelbrot shader from scratch. With UI sliders. No keyboard, no AI. Just SLide and a couple of drag+drop lib functions

Something else I'm working on - a way of creating generative porcelain ink patterns using mandelbulb: #s=9de80a99u" target="_blank" rel="nofollow noopener">sledit.xyz/#s=9de80a99u

@mrdoob I'm sure this isn't a new strategy, anything that is a threat to them is unsafe, inc JS itself now. Anyone remember jscript, frontpage extensions? activeX? all MS has done is try to bork up good internet tech with shitty alternatives, and they are still doing it.

Vintage FUD: When Microsoft declared WebGL a fundamental threat to the internet soon after Chrome enabled it by default.

@EricAlar11 Is the GPU compute connected to the synth, or are the gfx and audio separate interfaces working from the finger positions? Like gpu and web audio runnign side by side with the same input?

Having fun with GPU compute particles, fingertip attractors, and web audio for synths

Just a reminder, the sledit built in docs are also available as a standalone page: sledit.xyz/guides There's some useful stuff there, inc the glsl library I'm building: #glsl-library/overview" target="_blank" rel="nofollow noopener">sledit.xyz/guides/#glsl-l… And a guide to people who's work you should check out: #shader-docs/people" target="_blank" rel="nofollow noopener">sledit.xyz/guides/#shader…

@webgl_webgpu @holtsetio I'm thinking about sandtris (another interesting variation, google it) And wondering what if every piece was a different material with different properties? Jelly, sand, brick, water... it would be like noita-tris or something. 😆

🧊 Play Showcase: Tetris, but the blocks are made of jelly. Niklas Niehus (@holtsetio) built a fully playable soft body Tetris using Three.js TSL and WebGPU. The pieces squish, deform, and wedge into places rigid blocks never could. It turns a solved game into something strange and new again. 🔗 webgpu.com/showcase/softb… #WebGPU #ThreeJS #CreativeCoding #PhysicsSimulation

@mrdoob @stephomi Looking at the original and I think its just loads of vertices, but well managed. Shader is just for material, like in three. Remeshing is very useful here though. SculptGL is a pretty amazing tool... Would be very useful to have this in threejs

@cotterzz @stephomi I don't know.

Ported @stephomi's SculptGL to Three.js

@XorDev It's fantastic progress for a month's work. Just be prepared for things to slow down as the scope of the app increases, depending on how well you manage technical debt. Taking time out to rebuild/refactor problem areas will pay off later. Can't wait to see what you do next.

Released only 1 month ago! Growth has been great to see. Got some exciting plans in the works

@MartinNebelong @xiurealz Honestly I think it's important that skilled people (artists, engineers, musicians etc) take control of these tools and show how its done, rather than leaving it to the idiots producing random slop. We're starting to see that on the coding side, with engineers using AI

@xiurealz Thanks! Been drawing and painting most of my youth away, hah 😅 Love procreate too but I'll also continue to explore if there's a better way to create with Gen AI (which isn't going away), than text to anything which I'm not a fan of.

you have a solid style give up the ai grift and open a different iPad app perhaps procreate

@MartinNebelong Nearly forgot the link: #s=o00sl0u1n" target="_blank" rel="nofollow noopener">sledit.xyz/#s=o00sl0u1n

@MartinNebelong This reminds me of the shader I wrote that changes the picture and the frame when you click on it:

Another test of Kreas real-time drawing tool for iPad. I love this so much more than prompt based generation 😁

@XorDev Just watch the security - letting users create their own tutorials is an XSS vector, and will require measures if for example you let them use markdown.

@XorDev I neglected docs/help for a long time. That changed when I realised they could be part of the app and you could drag code from libraries, reference docs and tutorials into the editor. Also the reverse, linking from the app/code into the docs.

I'd like to merge GMshaders into FragCoord. I want to build interactive shader tutorials directly in the platform and open it up to others as well. FragCoord will not just be for demos, but for learning shaders and developing techniques collaboratively

@FoozleCC @threejs If it works it works. It just seems out of place in a twin-stick shooter. I'm also heavily biased towards vanilla JS, so there's that 😄

@cotterzz @threejs Thanks! It hasn’t popped up as a bottleneck yet but definitely would cut down on the size some. Will likely give it a try to slim things down 👍

Been building a rail-survivor roguelike using @threejs and react. I recently added the twin stick shooting and it is making it feel so much better. And yes, claude is helping more and more. Lots more to do / balance but feeling those geometry wars vibes! #gamedev

And if you prefer the opposite direction, got you covered as well:

Coding without a keyboard. Part 2 the next deploy of sledit.xyz runs on mobile. It will also ship with the first experimental version of SLide to make coding on devices a little easier, this is how it works:

Is live if anyone's interested.

@webgl_webgpu This kind of imagery is always fascinating. I used a head scan as one of the test volumes on this project: #s=z4t1wdu07" target="_blank" rel="nofollow noopener">sledit.xyz/#s=z4t1wdu07 and #s=7ahcz2vpt" target="_blank" rel="nofollow noopener">sledit.xyz/#s=7ahcz2vpt But a dedicated site like that really takes it to the next level, there's so much you can do with this kind of data.

🏥 Applied Showcase: A full radiology workstation running in your browser tab. OHIF Viewer streams DICOM medical images, fuses PET/CT volumes, and renders tumor segmentations, all GPU-accelerated through a single shared WebGL context via Cornerstone3D. Zero installs. Open source. One of the most serious uses of WebGL on the web. 🔗 webgpu.com/showcase/ohif-… #WebGL #MedicalImaging #DICOM #OpenSource #Cornerstone3D