https://blog.qife122.com/tags/%E7%A8%8B%E5%BA%8F%E5%8C%96%E7%94%9F%E6%88%90/ Recent content in 程序化生成 on 办公AI智能小助手 Hugo zh-cn qife Wed, 10 Sep 2025 21:21:19 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8three.js%E6%9E%84%E5%BB%BA%E7%A8%8B%E5%BA%8F%E5%8C%963d%E5%8E%A8%E6%88%BF%E8%AE%BE%E8%AE%A1%E5%99%A8%E7%9A%84%E6%8A%80%E6%9C%AF%E6%8E%A2%E7%B4%A2/ Wed, 10 Sep 2025 21:21:19 +0800 https://blog.qife122.com/p/%E4%BD%BF%E7%94%A8three.js%E6%9E%84%E5%BB%BA%E7%A8%8B%E5%BA%8F%E5%8C%963d%E5%8E%A8%E6%88%BF%E8%AE%BE%E8%AE%A1%E5%99%A8%E7%9A%84%E6%8A%80%E6%9C%AF%E6%8E%A2%E7%B4%A2/ <h1 id="探索使用threejs构建程序化3d厨房设计器的过程">探索使用Three.js构建程序化3D厨房设计器的过程</h1> <p>程序化建模和几个智能抽象如何将复杂的3D设计转变为简单直观的Web体验。</p> <h2 id="使用墙壁设计房间布局">使用墙壁设计房间布局</h2> <p>示例：用户使用内置墙壁模块绘制简单房间形状。</p> <p>要启动我们的项目，我们从墙壁绘制模块开始。在高层次上，这类似于Figma的钢笔工具，用户可以在无限的2D画布上一次添加一个线段，直到形成一个封闭或开放的多边形。在我们的构建中，每个线段代表从坐标A到坐标B的单个墙壁作为2D平面，而完整的多边形勾勒出房间的周界包络。</p>