Three.js & WebGL — Crafting Living Oceans in the Browser
PHAROS: A Digital Obituary of the Lost
Live: pharos.sujitkoji.com
#CreativeCoding #Threejs #WebGL #animation #webgl #shaders #3d #ship #ocean #glsl #r3f #cloudOceanic
I've published my first pass at a React API for #HelloTerrain, available now on npm. It's a lot easier to use when developing a react-three/fiber scene. Try it out!
#r3f #threejs
hello-terrain.kenny.wtf/docs/react
I've uploaded a small example of a world you can walk around in, using the raycast and terrain query API of the terrain library to power a simple character controller. Go have a stroll!
#threejs #r3f #HelloTerrain
hello-terrain.kenny.wtf/examples/ray...
Raycasting character controller + terrain heightmap stamps
(from github.com/Roland09/Ter... )
#threejs #r3f #helloterrain
Terrain raycasting API is working so well~ First time I've ever been able to embody a character and walk around one of my terrain scenes!
#threejs #r3f #helloterrain
💌 The Web Game Dev Newsletter Issue 030 is out! Read it online here: webgamedev.com/newsletter/030, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev
A quiet moment at the lighthouse. 🌊 This is Tiny Tide, a low-poly interactive world. Built with R3F and models handcrafted in Blender.
nandordevai.github.io/Tiny-Tide/
#R3F #ThreeJS #Blender3D #CreativeWeb #LowPoly #Javascript
My hello-terrain library is finally getting picked up by game devs :)
hello-terrain.kenny.wtf
#threejs #webgpu #r3f
I changed the backend of #HelloTerrain to use a texture atlas instead of a flat buffer, hopefully that will make it easier to interpolate between values, because I want to start putting trees and stuff on these terrains!
#threejs #r3f #webgpu
hello-terrain.kenny.wtf/docs/core/el...
I've reached the first milestone of creating an extensible terrain system for #r3f and #threejs
next step: heightmaps via #webgpu compute
hello-terrain.kenny.wtf/examples
After 3 days of furious Clauding – I mean coding – the high-performance WebGPU particles library r3f-vfx is now ✨ Three VFX ✨. It supports vanilla Three.js with vanilla-vfx, @tresjs.org with tres-vfx, and @threlte.xyz with threlte-vfx. Now go blow things up! 💥 #threejs #r3f
Having some fun building a quick #r3f POC 🎮
Just testing UVs, lighting, and how everything behaves locally before shipping assets elsewhere.
Still rough, but that’s half the fun — polish coming next ✨
#threejs #configurator
⚛️ r3f-gamedev – I published a small but growing collection of React Three Fiber game dev techniques, code patterns, and effects, to help you get started in your web game development journey. #r3f #threejs #reactjs #gamedev
Made a small contribution to Poimandres Drei, a `<View>` component that supports the WebGPU renderer as well as WebGL ✨ #threejs #r3f github.com/pmndrs/drei/...
Been geeking out on react-three-fibre lately – whipped up a slick hockey proto 👾🏒!
Stack: #JavaScript #ThreeJS #Drei #Zustand #React #R3F #useCannon
Pure coding bliss! 🤖💾🔥
Demo: hockeypockey-98b14.web.app
(Inspired by 'The Coin Game' 🎰)
💌 The Web Game Dev Newsletter Issue 029 is out! Read it online here: webgamedev.com/newsletter/029, and subscribe to get the next ones delivered right to your inbox 🚀 #threejs #r3f #gamedev
🎶 Remember what your zine said:
Feed your head (x3)
(sound on)
#3D #AI #VR #b3d #r3f #threejs #webgl
cc @cohhcarnage.bsky.social @martinnebelong.bsky.social @bruno-simon.bsky.social
tolmix.com
🎶 And your models train on test-time
While the old-guard lose their bet
(sound on)
#3D #AI #VR #b3d #r3f #threejs #webgl
cc @blender.org @vscode.dev @levels.io
tolmix.com
🎶 When the apps on the Devtop
Become a tool that nets go get
(sound on)
#3D #AI #VR #AIR #Tolmix
#b3d #blender3d #r3f #threejs #webgl
#linux #vscode
cc @blender.org @vscode.dev @linuxfoundation.org @9to5linux.bsky.social @levels.io
tolmix.com
🎶 Go ask Alter
To share your thoughts
(sound on)
#3D #AI #VR #AIR #Tolmix
#b3d #blender3d #r3f #threejs #webgl
cc @bsky.app
tolmix.com
🎶 And you're hearing music on repeat
And your mind is moving on
(sound on)
cc @cohhcarnage.bsky.social @dansgaming.bsky.social @itmejp.com @ezekielthethird.bsky.social @kruzadar.bsky.social @threejs.org @blender.org
#3D #AI #VR #AIR #Tolmix
#b3d #blender3d #r3f #threejs #webgl
tolmix.com
🎶 Tell 'em that Logic of all the robots
Lets you create worlds
Tag your friends
On the mirror or the wall
(sound on)
#3D #AI #VR #AIR #Tolmix #r3f
cc @vroasis.bsky.social , @mrdoob.com , @pmnd.rs , @bruno-simon.bsky.social , @polyfjord.com
Premium 3D components for React developers.
RUNE DIGITAL STUDIO:
• React Three Fiber assets
• Custom GLSL shaders
• Commercial license included
Deploy in minutes, not weeks.
https://runedigitalstudio.com
#r3f #threejs #react #webgl
The @threejs.org chrome extension is making lots of progress. #threejs #webgl #webdev #r3f #needle
Some recent videos:
three-text now has a separate rendering and layout core, with new adapters bringing hi def 3D text to #p5js joining the existing #threejs and #r3f pipeline, along with some new #webgpu and #webgl wrappers. more info: github.com/countertype/...
🚀 Big news: #XRAiAssistant is now cross-platform! Android joins iOS with 85% feature parity: 🎮 Full 3D ( #Babylonjs / #Threejs / #R3F) ⚙️ BuildKit = JSX on mobile The future of AI-powered XR dev is here →
Physics effect on mouse event made with React, threeJS and Rapier. Inspired by Lusion !
#threejs #webgl #code #codeart #react #javascript #3d #websdesign #r3f
Creation of a WebGL render using @threejs.org and React (R3F). The goal here was to play with lights, post-processing, and particules in attempt to create a nice atmosphere. I added some mouse interactions to move the model.
#threejs #webgl #code #codeart #react #javascript #3d #websdesign #r3f
Working with HTC Viverse 😮
Concept in ideogram
→ Upload to WorldLabs
Generate Splat (.spz file + Spark JS)
Download the collision mesh with a brand new feature from World Labs.
Drop both files into your #R3F VIVERSE project and can deploy to VIVERSE to use their avatars and account system.
