https://txtmix.com/tags/3d%E7%BC%96%E8%BE%91%E5%99%A8/Recent content in 3D编辑器 on Text MatrixHugozh-cnTue, 21 Jul 2026 20:06:14 +0800https://txtmix.com/posts/tech/pascal-editor-3d-architecture-webgpu/Tue, 19 May 2026 20:25:00 +0800https://txtmix.com/posts/tech/pascal-editor-3d-architecture-webgpu/<h2 id="学习目标">学习目标</h2> <p>读完本文后，你应该能够：</p> <ol> <li><strong>理解 Pascal Editor 的技术定位</strong>：知道它是一个技术 demo 而非成熟产品，明确它的适用边界</li> <li><strong>掌握其核心架构</strong>：理解 Turborepo monorepo 结构、Zustand 三 store 分工、npm 包职责分离</li> <li><strong>评估是否采用</strong>：根据你的场景判断 Pascal Editor 是否适合作为学习参考或直接依赖</li> <li><strong>上手修改</strong>：能够在本地启动编辑器，理解 <code>useScene</code> / <code>useViewer</code> / <code>useEditor</code> 三个 store 的分工</li> <li><strong>扩展能力</strong>：理解 <code>@pascal-app/core</code> 和 <code>@pascal-app/viewer</code> 如何独立使用，以便在自己的项目中集成</li> </ol> <h2 id="目录">目录</h2> <ol> <li><a href="#%e5%85%88%e7%bb%99%e5%88%a4%e6%96%ad" rel="">先给判断</a></li> <li><a href="#%e7%b3%bb%e7%bb%9f%e5%9c%b0%e5%9b%be" rel="">系统地图</a></li> <li><a href="#%e6%a0%b8%e5%bf%83%e6%9e%b6%e6%9e%84" rel="">核心架构</a> <ul> <li>3.1 <a href="#1-%e7%8a%b6%e6%80%81%e7%ae%a1%e7%90%86zustand" rel="">状态管理（Zustand）</a></li> <li>3.2 <a href="#2-%e8%8a%82%e7%82%b9%e7%b3%bb%e7%bb%9f" rel="">节点系统</a></li> <li>3.3 <a href="#3-%e5%8c%85%e8%81%8c%e8%b4%a3%e5%88%86%e7%a6%bb" rel="">包职责分离</a></li> <li>3.4 <a href="#4-%e6%8a%80%e6%9c%af%e6%a0%88" rel="">技术栈</a></li> </ul> </li> <li><a href="#%e9%80%82%e7%94%a8%e8%be%b9%e7%95%8c" rel="">适用边界</a></li> <li><a href="#npm-%e5%8c%85" rel="">npm 包</a></li> <li><a href="#%e8%87%aa%e6%b5%8b%e9%a2%98" rel="">自测题</a></li> <li><a href="#%e7%bb%83%e4%b9%a0" rel="">练习</a></li> <li><a href="#%e8%bf%9b%e9%98%b6%e8%b7%af%e5%be%84" rel="">进阶路径</a></li> <li><a href="#%e8%b5%84%e6%96%99%e5%8f%a3%e5%be%84%e8%af%b4%e6%98%8e" rel="">资料口径说明</a></li> <li><a href="#%e7%bb%93%e8%ae%ba" rel="">结论</a></li> </ol>