揭秘 3D模型变成 React 组件--粉丝服务平台-粉丝头条-fensifuwu.com

揭秘 3D模型变成 React 组件

科技 08-19 来源：悠悠白云a

今天闲逛Github，看到一个非常有意思的开源库。

居然可以把gltf格式的3d模型，转成react组件！！！

首先，打开这个转换网站 GLTF -> React Three Fiber GitHub icon

然后，选中一个gltf格式的3d模型（gltf、glb都可以），然后等待一会...

接着，看红框部分代码，是不是很神奇，0-0

//截了一小段代码，可以大概看一下转成的React组件是啥样子import React, { useRef } from "react";import { useGLTF, useAnimations } from "@react-three/drei";export function Model(props) {  const group = useRef();  const { nodes, materials, animations } = useGLTF("/default.glb");  const { actions } = useAnimations(animations, group);  return (                                                                                                           );}useGLTF.preload("/default.glb");

真的，非常出乎我的意料。

只是我不理解，这个库在实际业务开发中有什么作用？

这个开源库地址：https://github.com/pmndrs/gltf-react-three