Fennec

Excited to introduce #CSSLayout, a #ThreeJS class for seamlessly blending the flexibility of CSS3/HTML5 within a three.js scene. Enable effortless HTML overlays, implement responsive design, and apply animations, transitions, and CSS transforms with ease. #HTML5 #CSS3 #webdev

Working on the final rendering details of my fluid simulation. This is just the AO and shadow pass in grayscale, sometimes stripping it down shows the most. #WebGPU #threejs

Free Open source Honest

Hehey! This time reduced some performance a bit, but IMPROVED rendering quality quite a lot! Quality / Performance balance is tough. #threejs #webgl

With AI we can port everything to JavaScript now 👀

Vibe coding a USDC parser so you don't have to 😤

Feels like we are entering a new realm of 3D graphics on the web 👀

Now this works too in @threejs :-)

I modifyed the official example "compute fluid particles" to make it look more liquid. Simply blur the *depth texture* to obtain a smooth surface which has differentiable gradient. Made with #threejs live demo (all source code is in html of the page) -> mameson.com/experiment/gls…

Three.js r178 released 🧡 threejs.org/changelog/?r178

TSL Transpiler will have improvements for TSL encoder and an initial version for WGSL that already optimizes let, const and var declarations automatically, as shown in the image. github.com/mrdoob/three.j… #threejs #tsl #wgsl #webgpu

🎉 #bvhecctrl is officially released and open-sourced! Try it out & let me know what you think! Demo-1: bvhecctrl.vercel.app Demo-2: codesandbox.io/p/sandbox/bvhe… Github: github.com/pmndrs/BVHEcct… #threejs #threejsJourney #webdev #gamedev #r3f #ecctrl

3DTilesRenderer now supports multiple tiled image overlays with different projections and per-layer tint & opacity. This video is showing a globe base layer & Washington DC overlay layer from @CesiumJS Ion. Planar projection coming up next! #gis #3dtiles #cesiumgrant #threejs

Draft render from last week, built with Three.js Shading Language and WebGPU, using hash noise and afterimage passes in Post Process. It's not making the final cut (too noisy for interactive use), but I liked the Ghibli-esque vibe enough to share it here.

The fantascope, also known as phenakistiscope, is the first device for creating a moving picture by rotating a disk with different frames of the picture. This etude uses Three.js to recreate the fantascope in 3D. Live demo: boytchev.github.io/etudes/threejs… #Études #ThreeJS #FMI #SU #js

First test of WebGPU fluid sim + Leap Motion for hand interaction and I'm pretty sold. Started with Mediapipe, but it tanked FPS and lost tracking often. Leap Motion is much smoother and more reliable. Using simple capsules for now, working on better palm support.

In #threejs, use CatmullRomCurve3 to design smooth paths based on way points, then rig your mesh with a chain of bones and animate each to "follow the curve". With a bit of math, your mesh deforms along the path; perfect for tentacles, ropes, or twisted ghosts. 👻 #webgl #gamedev

Here's the kind of magic you can create with the new version of @threejs

🤩🤩🤩

To all the people who just installed Safari 26 Beta: Now that you can use WebGPU, why don't you give the jellyfish demo that Apple used in the announcement a try? 🪼🤗 🔗 holtsetio.com/lab/aurelia

Context... WebGL 1 - Chrome: February 2011 - Firefox: March 2011 - Safari: October 2014 WebGL 2 - Chrome: January 2017 - Firefox: January 2017 - Safari: September 2021 WebGPU - Chrome: May 2023 - Firefox: ??? 2025 - Safari: ??? 2025