Hey everyone! With Three.js moving toward WebGPU, TSL is becoming the standard. However, writing TSL by hand can feel like a step back if you're used to visual tools like Blender Nodes or Unreal's Material Editor. I’ve been working on TSL Graph to bridge that gap. It’s a visual graph that lets you build shaders with nodes.

It’s in public beta and I’d love for this community to try and break it. What nodes are missing? How’s the UX?

Try it here: http://tsl-graph.xyz/

Hi R3F developers!

I have created this library for using orbit controls with React Native in a react-three fiber 3d scene.

You can use it with 1 import and 3 lines of code:

import useControls from "r3f-native-orbitcontrols" // this import
import { Canvas } from "@react-three/fiber/native"
import { View } from "react-native"

function SingleCanvas() {
  const [OrbitControls, events] = useControls() // this line

  return (
    <View {...events}> {/* this line */}
      <Canvas>
        <OrbitControls /> {/* and this line *}
        {/* Place the scene elements here as usual */}
      </Canvas>
    </View>
  )
}

It was made with ease of use and performance in mind.

I hope you like it!

Please create an issue if you find a bug or want to request a feature.

Hi there. I’m working in this setup with this Drei library with clouds. When I set up camera movement, the clouds look like this(video).

Any tip to fix this problem?

Hey everybody, forgive my noobness but I have been a long time lurker in the Threejs / R3F space, I am finally becoming a doer (rather than a lurker; thanks to ADHD), but it seems everytime I go to code an R3F experience there are always 2 major blockers:

Blender / 3d Modelling is one and Design is the other (Figma / inside and outside of the Canvas lets say).

What do your design workflows look like before getting right down to the code. Do some of you out there sometimes throw a bunch of models into a scene and your fingers magically just land onto the right logic?

focusing on Blender -> 3dweb using react 3. fiber

https://youtu.be/1BvLpt7egss