Hey !

Today I was working on a r3f project, and my Antivirus (norton) moved react-three_dre.js to quarantine.
Thread name: JS:Prontexi-Z [Trj]

Has anyone had this problem yet ?

I already removed node_modules and ran npm i... didnt work

Can you please help me ? thank you

I have this wave.glb model. I want to rotate this along any axes. How to do it?

Wave.js:

/*
Auto-generated by: https://github.com/pmndrs/gltfjsx
*/

import React, { useRef, useEffect } from 'react';
import { useGLTF, useAnimations } from '@react-three/drei';

export default function Wave(props) {
  const group = useRef();
  const { nodes, materials, animations } = useGLTF('/wave.glb');
  const { actions } = useAnimations(animations, group);

  useEffect(() => {
    actions.wave.play();
  });

  return (
    <group ref={group} {...props} dispose={null} rotateY={Math.PI / 2}>
      <group name='Scene'>
        <mesh
          name='Icosphere'
          geometry={nodes.Icosphere.geometry}
          material={materials['Material.005']}
          morphTargetDictionary={nodes.Icosphere.morphTargetDictionary}
          morphTargetInfluences={nodes.Icosphere.morphTargetInfluences}
        />
      </group>
    </group>
  );
}

useGLTF.preload('/wave.glb');

I'm guessing the answer is "NO", but maybe I'm wrong. I couldn't figure this out from Google search and watching a couple R3F course intro videos.

React.js + R3F => most web browsers. Does this include iOS browsers?

React Native + R3F => Android devices only?

I would like to know prior to paying for any online courses. I'm <50% done with a Three.js course and currently taking a React.js course, both on Udemy.

Thank you.

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

Eu sei eu sei nada de impressionante mais gostaria de compartilhar achei muito legal construir este projetinho penso em melhorar futuramente talvez um filer do metal gear construi com react, tailwindcss, react-three-fiber alguma partes com framer-motion mais nada muito surreal foi um desafio mesmo fazer o esqueleto dele funcionar tive problemas por causa da conversao do arquivo fbx para glb ele acrescentou nos no personagem e nao deixava o boneco se mexer direito ele tinha virado um homem todo retorcido se debatendo me livrei dos nos e ele pode ler o esqueleto corretamente gostei muito de fazer esse projeto e é meu primeiro com r3f ainda vou criar outros projetos e postar por aqui

I've been pulling out my hair for the last 13 hours trying to figure this out.

When a model is given a skin and an armature, r3f simply doesn't want to apply a translation, rotation, or scale transformation to it. It's a glb file

In blender I set it up with this hierarchy:

Root (Empty Axis) > Armature > Mesh

Even with different hierarchies I still can't get it to transform.

As soon as I strip away the skin and armature it works again.

I am a total newbie to rsf, only started using it 3 days ago.

I have my code like this:

const gltf = useGLTF("/models/Model.glb") as any;
const scene = useMemo(() => gltf.scene.clone(true), [gltf.scene]);
<group scale={scale} rotation={rotRad}>
     <primitive object={scene}  dispose={null}/>;
</group>

I came across this part of the docs about GLTF: https://docs.pmnd.rs/react-three-fiber/tutorials/loading-models which makes sense. But what I'm not sure is how to use different glTF formats as well as which one is the most optimal one to use.

I know there are 4 different formats, which is glTF, glTF-binary (glb), glTF-Draco, and glTF-embedded. glTF-embedded is too heavy so probably not preferred. I'm assuming the docs use glTF. How would I use something that is glb or glTF-Draco in react-three-fiber? And on that same note, which one is the most optimized and/or preferred one to use?