https://blog.qife122.com/tags/%E5%A4%A9%E6%B0%94api/ Recent content in 天气API on 办公AI智能小助手 Hugo zh-cn qife Thu, 25 Sep 2025 13:45:56 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-three-fiber%E5%88%9B%E5%BB%BA%E6%B2%89%E6%B5%B8%E5%BC%8F3d%E5%A4%A9%E6%B0%94%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B3%BB%E7%BB%9F/ Thu, 25 Sep 2025 13:45:56 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-three-fiber%E5%88%9B%E5%BB%BA%E6%B2%89%E6%B5%B8%E5%BC%8F3d%E5%A4%A9%E6%B0%94%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B3%BB%E7%BB%9F/ <h1 id="使用react-three-fiber创建沉浸式3d天气可视化系统">使用React Three Fiber创建沉浸式3D天气可视化系统</h1> <h2 id="技术栈">技术栈</h2> <p>我们的天气世界建立在以下核心技术之上：</p> <ul> <li><strong>React Three Fiber</strong>: Three.js的React渲染器</li> <li><strong>@react-three/drei</strong>: 提供云层、天空、星星等必备组件</li> <li><strong>R3F-Ultimate-Lens-Flare</strong>: 镜头光晕系统</li> <li><strong>WeatherAPI.com</strong>: 实时气象数据</li> </ul> <h2 id="天气组件实现">天气组件实现</h2> <h3 id="太阳和月亮组件">太阳和月亮组件</h3> <p>通过球体几何体包裹真实纹理创建太阳和月亮效果：</p> https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-three-fiber%E5%88%9B%E5%BB%BA%E6%B2%89%E6%B5%B8%E5%BC%8F3d%E5%A4%A9%E6%B0%94%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B3%BB%E7%BB%9F/ Thu, 25 Sep 2025 03:34:49 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8react-three-fiber%E5%88%9B%E5%BB%BA%E6%B2%89%E6%B5%B8%E5%BC%8F3d%E5%A4%A9%E6%B0%94%E5%8F%AF%E8%A7%86%E5%8C%96%E7%B3%BB%E7%BB%9F/ <h1 id="使用react-three-fiber创建沉浸式3d天气可视化系统">使用React Three Fiber创建沉浸式3D天气可视化系统</h1> <h2 id="技术栈">技术栈</h2> <p>我们的天气世界建立在以下核心技术之上：</p> <ul> <li>React Three Fiber：Three.js的React渲染器</li> <li>@react-three/drei：提供云层、天空和星星等必备组件</li> <li>R3F-Ultimate-Lens-Flare：镜头光晕系统</li> <li>WeatherAPI.com：实时气象数据</li> </ul> <h2 id="天气组件实现">天气组件实现</h2> <h3 id="太阳和月亮组件">太阳和月亮组件</h3> <p>通过球体几何体包裹真实纹理创建太阳和月亮，并添加旋转动画和光照效果：</p>