使用react-three-fiber和React渲染3D头像有困难
Difficulties rendering 3D avatar with react-three-fiber and React
我正在尝试使用 react-three-fiber 和 React 渲染 3D 头像,但我在定位头像时遇到了一些困难。从下面的CodeSandbox可以看出https://codesandbox.io/s/vigorous-ardinghelli-ypwjsb?file=/pages/index.js,第一次渲染页面时,头像的头顶是不可见的。但是,如果您更改模型的位置(例如,从 [0.025, -0.9, 1] 到 [0.025, -1, 1])并重新呈现页面,头像突然会正确显示。这是为什么?
重新发布我从 Reddit 用户那里得到的解决方案:
看起来关键帧跟踪动作["Armature|mixamo.com|Layer0"].play() 上下推动模型。
我重新导出了模型
npx gltfjsx model.glb --keepnames
https://codesandbox.io/s/interesting-lewin-rnq66m?file=/pages/index.js 似乎就可以了。当动画存在时,它应该默认保留名称,我不明白为什么它会省略它们。但无论哪种方式,它都有效。
现在也应该修复上游 (gltfjsx)。另一个导出应包括名称
我正在尝试使用 react-three-fiber 和 React 渲染 3D 头像,但我在定位头像时遇到了一些困难。从下面的CodeSandbox可以看出https://codesandbox.io/s/vigorous-ardinghelli-ypwjsb?file=/pages/index.js,第一次渲染页面时,头像的头顶是不可见的。但是,如果您更改模型的位置(例如,从 [0.025, -0.9, 1] 到 [0.025, -1, 1])并重新呈现页面,头像突然会正确显示。这是为什么?
重新发布我从 Reddit 用户那里得到的解决方案:
看起来关键帧跟踪动作["Armature|mixamo.com|Layer0"].play() 上下推动模型。
我重新导出了模型
npx gltfjsx model.glb --keepnames
https://codesandbox.io/s/interesting-lewin-rnq66m?file=/pages/index.js 似乎就可以了。当动画存在时,它应该默认保留名称,我不明白为什么它会省略它们。但无论哪种方式,它都有效。
现在也应该修复上游 (gltfjsx)。另一个导出应包括名称