https://blog.qife122.com/tags/%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84/ Recent content in 纹理映射 on 办公AI智能小助手 Hugo zh-cn qife Sat, 20 Sep 2025 08:07:08 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-three-fiber%E5%88%9B%E5%BB%BA%E5%8A%A8%E6%80%81%E5%9B%BE%E5%83%8F%E5%8A%A8%E7%94%BB%E4%BB%8E%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84%E5%88%B03d%E5%87%A0%E4%BD%95%E4%BD%93%E5%8A%A8%E7%94%BB/ Sat, 20 Sep 2025 08:07:08 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-three-fiber%E5%88%9B%E5%BB%BA%E5%8A%A8%E6%80%81%E5%9B%BE%E5%83%8F%E5%8A%A8%E7%94%BB%E4%BB%8E%E7%BA%B9%E7%90%86%E6%98%A0%E5%B0%84%E5%88%B03d%E5%87%A0%E4%BD%95%E4%BD%93%E5%8A%A8%E7%94%BB/ <h1 id="如何使用react-three-fiber创建动态图像动画">如何使用React-Three-Fiber创建动态图像动画</h1> <p>通过旋转纹理、3D几何体和React Three Fiber驱动的流畅运动，让静态视觉效果变得生动起来。</p> <h2 id="设置视图和相机">设置视图和相机</h2> <p>相机的视野（FOV）在这个项目中起着重要作用。让我们保持非常低的FOV，使其看起来像正交相机。您以后可以尝试不同的视角。我更喜欢使用透视相机而不是正交相机，因为我们可以尝试不同的FOV。有关更详细的实现，请查看源代码。</p>