r3f
  • 2024-10-15Three.js 我的互动花园
    这个项目展示了作者在一个独特的互动花园场景中的作品。场景中的每个模型都是作者使用Blender制作的,整个体验通过ReactThreeFiber(r3f)得以实现。作品是一个使用ReactThreeFiber(r3f)构建的个人作品集。ReactThreeFiber是一个用于在React中创建和渲染3D图
  • 2023-05-31r3f加载IFC模型
    import{IFCLoader}from"web-ifc-three";import{IFCSPACE}from"web-ifc";import{useRef}from"react";import{useEffect}from"react";asyncfunctioninit(group){//SetupIFCLoaderconstifcLoader
  • 2022-11-08r3f给物体不同的面设置不同的材质
    <mesh><boxGeometryargs={[40,10,10]}/>{/*右边*/}<meshStandardMaterialattach="material-0"color="red"/>{/*左边*/}
  • 2022-10-20three.js中使用r3f在模型上打多处孔洞(模型相减)
    在日常开发中接到一个需求,需要在three.js构建的3D场景中模拟激光打孔的操作,通过一个名为three-csg-ts库实现模型相减的操作。之前使用一个名为@react-three/csg的库,但是官