Arcad 是一个把参数化 CAD 搬到浏览器的项目主打免费、免注册、免安装。对工程师和设计师来说这听起来不像一个复杂命题但真正做过 Web 三维应用的人会知道从桌面 CAD 到浏览器端参数化 CAD不只是换一个前端框架而是一整套建模链路的重写。下面会围绕这类工具拆开讲清楚参数化建模的核心逻辑是什么浏览器端的几何内核、渲染层、约束求解器如何配合一个最小可运行的参数化零件应该怎么写以及免费无注册的 Web CAD 产品要如何处理数据、分享和错误排查。读完以后你能从实现者而非使用者的角度理解这类项目也能动手搭一个浏览器端参数化建模原型。1. 参数化 CAD 在浏览器里意味着什么1.1 参数化建模的核心逻辑参数化建模的通俗解释是你不直接画一个固定尺寸的方块而是告诉软件“这里有一个矩形长是 L宽是 W高度是 H”然后通过修改 L、W、H 的值让模型自动变化。它的意义在于设计迭代当产品尺寸从 60mm 改成 65mm 时不需要重新建模只需要改参数。技术层面的核心由三部分组成参数。用户可修改的输入值可以是长度、角度、数量也可以是布尔开关和枚举值。约束。尺寸约束、几何约束平行、垂直、同心、共线和逻辑约束它们决定了参数之间如何联动。历史树。每次建模操作被记录成一个特征例如“拉伸”“打孔”“倒角”修改任一参数后系统会从历史树的起点重新执行一遍特征得到新模型。放到浏览器里这三部分仍然成立。Arcad 这类工具的关键点是在浏览器里复刻这套流程并且让交互延迟低到用户可以接受。1.2 浏览器端与桌面端 CAD 的差异桌面 CAD 通常使用原生 OpenGL、Vulkan 或 DirectX 渲染文件读写依赖操作系统本地计算资源可以直接使用。浏览器端 CAD 受限于沙箱环境、WebGL/WebGPU 能力和 JavaScript/WASM 执行性能不能理所当然地认为“桌面能跑的代码浏览器也能跑”。对比维度桌面参数化 CAD浏览器参数化 CAD安装方式需要下载安装包、授权许可打开 URL 即用无安装过程计算位置本机 CPU/GPU浏览器 JavaScript/WASM或远程服务器文件格式STEP、IGES、原生格式STL、STEP、JSON依赖浏览器导入导出协同时刻通过文件、PDM 系统实时链接、URL 参数、云端数据库权限管控通过操作系统和许可证前端逻辑为主真实权限仍依赖服务端离线能力完整离线依赖 PWA 或本地数据缓存的实现程度这种差异决定了架构选择。如果项目选择纯前端计算几何内核需要编译成 WebAssembly 或在 JavaScript 里重新实现渲染层使用 WebGL/WebGPU。如果项目选择服务端计算浏览器只负责交互和预览对网络要求更高。1.3 免费无注册的产品设计取舍Arcad 标题里有两个关键词免费、无注册。这两个词在产品层面是很大的承诺。免费意味着项目要么是开源社区运转要么靠后续增值服务变现要么暂时没有盈利压力。无注册意味着服务端不能依赖“用户账号”来保存模型数据要么保存在用户浏览器本地要么通过 URL 参数分享要么保存在无需登录的匿名空间。无注册设计降低了试用门槛但也带来几个常见问题用户无法跨设备恢复模型。服务端无法做细粒度权限控制。滥用和垃圾数据难治理。实际项目中很多工具采用“无注册可用核心功能关键数据落库需要注册”的混合策略。如果 Arcad 完全不做数据上报那么所有模型数据都必须由浏览器本地处理这既保护隐私也减少了服务端成本但用户换电脑后数据就没了。2. 浏览器端参数化 CAD 的技术主干2.1 几何内核与渲染层的分工一个浏览器参数化 CAD 最少要有两个层次几何内核负责“算模型”渲染层负责“画模型”。几何内核的核心能力包括建立二维草图点、线、圆弧、样条曲线。施加约束尺寸约束、几何约束。三维特征操作拉伸、旋转、扫描、放样、布尔运算。边界表示描述实体的面、边、点拓扑关系。参数化重算修改参数后按特征历史重新生成实体。渲染层的核心能力包括场景管理相机、灯光、模型对象。网格化显示把几何内核生成的精确曲面转成三角网格。交互旋转、缩放、平移、选择、高亮。导出预览STL、OBJ、STEP 等格式。几何内核可以运行在浏览器里也可以运行在服务器端。浏览器端方案通常把 OpenCASCADE 或自研内核编译为 WebAssembly在用户本地完成建模。优点是不受网络影响模型隐私好缺点是包体大、计算性能受设备限制。服务端方案将计算放在云端浏览器只上传参数、接收模型优点是客户端轻缺点是必须处理网络延迟和并发成本。2.2 常见的开源技术栈组合从社区实践看浏览器参数化 CAD 的技术栈通常围绕几个组合展开Arcad 具体用了哪一套没有公开但了解这些组合有助于理解同类项目。技术栈负责模块适用场景Three.js WebGL渲染、相机、交互快速搭建三维预览和基础编辑器WebGPU WGSL高级渲染、超大模型需要高性能渲染和大模型场景OpenCASCADE.js / OCC WASM精确几何内核、布尔运算需要 STEP/BREP 级别精度的 CADManifold快速布尔运算、网格修复3D 打印和网格模型工具CadQuery / build123d代码化建模、脚本生成面向工程化的参数化建模接口OpenCascade STEPProcessorSTEP 读写与工业软件交换数据几何内核是浏览器参数化 CAD 最大的技术分水岭。如果只做简单零件展示Three.js 的 Geometry 就够用如果要做工程级建模必须有支持精确边界表示的几何内核。WebAssembly 是当前编译器方案的主流C/C 内核编译到 wasm 后可以保留大部分计算逻辑但需要考虑 JavaScript 和 wasm 的数据传递开销。2.3 在浏览器里创建、导入、导出模型浏览器端建模的一个常见实现路径是先用 JSON 描述一个参数化模型例如基础尺寸、特征列表、参数默认值用户修改参数后前端或 wasm 重新生成三维几何最后把几何导出为 STL 或 OBJ。JSON 参数文件可以设计成类似下面的结构{ id: flange, params: { outerRadius: 40, innerRadius: 20, thickness: 8, holeCount: 6 }, features: [ { type: extrude, profile: circle, radiusParam: outerRadius, height: thickness }, { type: hole, radiusParam: innerRadius, height: thickness }, { type: circularPattern, countParam: holeCount, center: [0, 0, 0] } ] }在这个结构里params是用户可改的输入features是特征历史代码读到params变化后重新执行features即可。导入 STL 时浏览器只需要读取文件到 ArrayBuffer再用三角网格加载器解析为 BufferGeometry导出 STL 时则需要遍历所有 Mesh合并其世界矩阵后的顶点数据输出为二进制或者 ASCII 文本。3. 最小可运行示例用 Three.js 做一个参数化零件3.1 环境准备下面用一个最小示例演示“参数变化导致模型变化”的核心流程不涉及精确几何内核。它更适合用来理解浏览器参数化 CAD 的骨架而不是直接复刻 Arcad。先准备一个 HTML 文件通过 importmap 引入 Three.js 相关模块。这里的版本号要结合实际项目确认下面示例以 Three.js r160 为例。npm init -y npm install three0.160.0如果你不想搭建 npm 环境也可以直接在 HTML 中使用 CDN importmap。下面是 HTML 的骨架!DOCTYPE html html langzh-CN head meta charsetutf-8 / meta nameviewport contentwidthdevice-width, initial-scale1 / titleParametric Box/title style body { margin: 0; font-family: system-ui, sans-serif; overflow: hidden; } #controls { position: absolute; top: 16px; left: 16px; padding: 12px 16px; background: rgba(255, 255, 255, 0.92); border-radius: 8px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15); z-index: 2; } #controls label { display: block; margin-bottom: 8px; } #controls input { width: 180px; margin-left: 8px; } button { margin-top: 8px; cursor: pointer; } /style script typeimportmap { imports: { three: https://unpkg.com/three0.160.0/build/three.module.js, three/addons/: https://unpkg.com/three0.160.0/examples/jsm/ } } /script /head body div idcontrols label长 L input idlength typerange min20 max120 value60 //label label宽 W input idwidth typerange min20 max120 value40 //label label高 H input idheight typerange min10 max80 value30 //label button idexportStl导出 STL/button /div script typemodule import * as THREE from three; import { OrbitControls } from three/addons/controls/OrbitControls.js; import { STLExporter } from three/addons/exporters/STLExporter.js; // 场景、相机、渲染器 const scene new THREE.Scene(); scene.background new THREE.Color(0xf4f6f8); const camera new THREE.PerspectiveCamera(45, innerWidth / innerHeight, 0.1, 1000); camera.position.set(120, 120, 160); const renderer new THREE.WebGLRenderer({ antialias: true }); renderer.setSize(innerWidth, innerHeight); document.body.appendChild(renderer.domElement); const controls new OrbitControls(camera, renderer.domElement); controls.enableDamping true; scene.add(new THREE.AmbientLight(0xffffff, 1.2)); const dirLight new THREE.DirectionalLight(0xffffff, 2); dirLight.position.set(60, 100, 80); scene.add(dirLight); scene.add(new THREE.GridHelper(200, 20, 0x888888, 0xcccccc)); // 参数化模型容器 const modelGroup new THREE.Group(); scene.add(modelGroup); const lengthInput document.getElementById(length); const widthInput document.getElementById(width); const heightInput document.getElementById(height); function rebuildModel() { const L parseFloat(lengthInput.value) || 60; const W parseFloat(widthInput.value) || 40; const H parseFloat(heightInput.value) || 30; // 清除旧的模型并释放 GPU 资源 while (modelGroup.children.length 0) { const old modelGroup.children[0]; old.geometry.dispose(); old.material.dispose(); modelGroup.remove(old); } const geometry new THREE.BoxGeometry(L, H, W); const material new THREE.MeshStandardMaterial({ color: 0x4a90d9, side: THREE.DoubleSide }); const mesh new THREE.Mesh(geometry, material); mesh.position.y H / 2; modelGroup.add(mesh); } [lengthInput, widthInput, heightInput].forEach((input) { input.addEventListener(input, rebuildModel); }); function animate() { requestAnimationFrame(animate); controls.update(); renderer.render(scene, camera); } rebuildModel(); animate(); window.addEventListener(resize, () { camera.aspect innerWidth / innerHeight; camera.updateProjectionMatrix(); renderer.setSize(innerWidth, innerHeight); }); /script /body /html代码块中需要重点看两个位置。第一rebuildModel函数是参数化模型的“重新计算入口”每次滑块变化都会重新执行。第二清场景时显式调用geometry.dispose()和material.dispose()这能避免浏览器端三维应用常见的内存泄漏后续章节会单独展开。3.2 参数面板与几何更新上面的示例里参数面板只是三个input[typerange]元素。事件绑定之后每次输入变化都会触发rebuildModel这正是参数化 CAD 的“参数驱动重算”雏形。这里有一个容易出错的地方Three.js 的BoxGeometry创建时已经确定了长宽高修改参数后不能只改mesh.scale因为缩放是视觉上的变换不是几何上的重建。真正的参数化系统应当重新生成顶点数据或者更新几何体的属性。对 BoxGeometry 来说最简单可靠的方式是重新 new 一个几何体再替换旧对象。下面的表记录了三个参数的默认值和影响范围参数控件类型默认值取值范围影响Lrange6020-120长方体长度对应 X 轴尺寸Wrange4020-120长方体宽度对应 Z 轴尺寸Hrange3010-80长方体高度对应 Y 轴尺寸在实际 CAD 场景中参数还需要带单位、精度和校验规则。例如长度不能为负数圆角半径不能超过边的一半孔数量必须是正整数。示例代码只做了parseFloat兜底生产项目建议把参数校验统一收敛到独立的 schema 层。3.3 加入模型导出浏览器端 CAD 工具最常用的导出格式之一是 STL因为 3D 打印、CNC 切片工具普遍支持它。Three.js 的 STLExporter 支持二进制导出修改 HTML 中导出按钮的事件即可document.getElementById(exportStl).addEventListener(click, () { modelGroup.updateMatrixWorld(true); const exporter new STLExporter(); const result exporter.parse(modelGroup, { binary: true }); const blob new Blob([result], { type: application/octet-stream }); const link document.createElement(a); link.href URL.createObjectURL(blob); link.download parametric-box.stl; link.click(); URL.revokeObjectURL(link.href); });导出前调用updateMatrixWorld(true)是必须的。STLExporter 会读取 Mesh 的世界矩阵如果没有先更新矩阵模型在场景中的位移、旋转、缩放可能不会被正确写入 STL导出结果会出现在原点附近或位置错误。对于只有一层 Mesh 的场景影响不大但一旦引入 Group 嵌套这类问题就很明显。4. 从示例走向真实 CAD约束求解器与历史树4.1 约束求解器的作用上面的 Three.js 示例还只算“尺寸驱动拉伸体”不算真正的参数化 CAD。真正的 CAD 需要处理几何约束。例如草图中有一条线段和一条圆弧相切修改半径后相切关系要保持再比如两个圆孔必须同轴修改其中一个位置后另一个也要跟随移动。负责处理这类关系的是约束求解器。它把几何关系建模成方程或不等式然后用数值或符号方法求解。约束求解器通常要回答三个问题当前约束集是否有解。解是否唯一。当参数变化后解如何平滑更新。一个非常简化的约束求解思路如下// 伪代码仅用于说明约束求解的迭代思想 function solveConstraints(constraints, initialValues) { const values { ...initialValues }; let changed true; let guard 0; while (changed guard 200) { changed false; guard 1; for (const constraint of constraints) { const next constraint.evaluate(values); if (Math.abs(next - values[constraint.target]) 1e-6) { values[constraint.target] next; changed true; } } } if (guard 200) { console.warn(约束求解未收敛可能约束冲突或过约束); } return values; }真实 CAD 的约束求解器远比这段代码复杂涉及非线性方程组、数值稳定性、自由度分析和欠约束/过约束判断。但核心思路一致输入参数遍历约束反复迭代直到所有约束满足。浏览器端约束求解器可以编译为 WASM也可以直接用 TS 实现简单的二维草图约束。4.2 历史树与特征重放参数化建模的另一个核心是历史树。每个建模步骤都是一个节点节点保存操作类型和参数。用户修改任何一个节点参数后系统并不直接改最终实体而是从根节点开始把所有节点按顺序重新执行。这种设计的好处是修改早期特征可以正确影响后续特征。逻辑清晰适合撤销重做。特征可以隐藏、冻结、重新排序。一个最小历史树的数据结构可以这样设计class FeatureHistory { constructor() { this.features []; } add(feature) { this.features.push(feature); } rebuild(params) { let result createEmptySolid(); for (const feature of this.features) { result feature.apply(result, params); } return result; } }rebuild每次都会从头执行代价较高。因此真实 CAD 会做增量更新记录哪些参数发生变化只重算受影响的特征。这个优化对大型装配体尤其重要。4.3 这个原型没有解决的问题Three.js 示例和真实 CAD 之间的距离很大主要问题有四个布尔运算。挖孔、开槽、合并实体都需要实体布尔运算Three.js 基础示例没有这个能力需要集成 Manifold、OpenCASCADE.js 或类似库。精确边界表示。STL 是三角形网格近似不能直接用于工程图纸和 CAMSTEP/BREP 才是 CAD 的精确数据格式。截面和工程图。真实 CAD 需要由实体生成剖视图、标注尺寸、输出 2D 工程图。草图和约束 UI。直接在浏览器中拖拽线段、给相切关系加符号这类交互工程量非常大。理解这个差距可以帮助判断使用一个浏览器参数化 CAD不要期待它一出来就具备完整工业级能力更合理的期待是它能覆盖轻量化设计、快速概念验证和 3D 打印准备场景。5. 运行验证与常见问题排查5.1 验证流程最小示例跑通后不能只盯着“页面没报错”就认为完成了。建议按下面的流程验证功能打开页面确认出现网格地面和长方体相机可以旋转缩放。拖动长、宽、高滑块确认长方体尺寸实时变化。拖动滑块到极端值例如宽 120、高 10确认模型不消失、不翻转。点击导出 STL用 Windows 3D 查看器或在线查看器打开确认模型位于原点附近且尺寸与面板一致。打开浏览器开发者工具 Console确认没有未捕获异常和 WebGL 警告。如果页面出现application error: a client-side exception has occurred (see the browser console for more information).这类提示只说明前端发生未处理异常真正原因必须打开浏览器控制台看堆栈不能只看这行提示。5.2 浏览器端渲染卡顿问题浏览器三维模型卡顿的常见原因如下现象常见原因检查方式处理建议拖动滑块时卡顿每次重建都没有释放旧资源打开 Performance 面板录制调用 geometry/material 的 dispose旋转视角卡顿网格数量过大在导出或重建函数里 console.log 顶点数降低网格密度使用 LOD内存持续飙升事件监听重复绑定或模型未清理Memory 面板观察 JS 堆大小清除事件监听器统一资源释放函数CPU 占满但画面不动无限循环常见于约束求解未收敛在循环里加计数器打印退出原因增加迭代上限约束不收敛时给出提示在浏览器三维应用里dispose不是可选操作。Three.js 中BufferGeometry 和 Material 都会占用 GPU 缓存如果不释放页面会越来越卡。示例代码里的rebuildModel已经处理了旧对象释放这是生产项目必须养成的习惯。5.3 WebGL 不可用的判断有些浏览器环境会禁用 WebGL比如远程桌面、虚拟机、公司安全策略限制或老显卡驱动问题。页面会出现黑屏、渲染器报Error creating WebGL context或加载缓慢。排查路径打开chrome://gpu查看 WebGL 状态。在控制台执行document.createElement(canvas).getContext(webgl2)确认是否返回 context。如果返回null检查是否被策略禁用或者显卡驱动是否需要更新。产品层面建议在应用启动时增加 WebGL 检测检测不通过时给用户一个明确提示而不是让页面白屏。可以用浏览器提供的WEBGL_debug_renderer_info扩展读取渲染器信息辅助定位问题。const canvas document.createElement(canvas); const gl canvas.getContext(webgl) || canvas.getContext(webgl2); if (!gl) { document.body.innerHTML 当前浏览器或设备未启用 WebGL无法加载三维编辑器。; } else { const debugInfo gl.getExtension(WEBGL_debug_renderer_info); if (debugInfo) { const rendererName gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL); console.log(WebGL renderer:, rendererName); } }5.4 参数化对象无法更新的排查参数发生变化但模型不更新是开发浏览器参数化 CAD 时最容易遇到的一类问题。需要按顺序排查事件是否触发。在监听回调第一行加上console.log(input.value)确认参数值真的进入了回调。重建函数是否执行。如果回调执行但模型没变检查函数里是否提前 return或者被异常打断。是否误用了缓存对象。比如 const geometry 在函数外面创建了一次后面只是改 scale这是常见错误。是否没有重新 add 到场景。旧的 Mesh 被移除后新 Mesh 要重新加入 Group。是否有异步问题。如果建模逻辑是 WASM 异步计算参数更新需要处理竞态旧任务返回时不能覆盖新结果。排查时建议在rebuildModel内部打印当前参数和顶点数量例如console.log({ L, W, H }); console.log(vertices:, geometry.attributes.position.count);这样能快速判断问题是出在参数获取、几何生成还是渲染更新阶段。6. 免费无注册 CAD 的工程化边界6.1 数据放在哪里无注册产品无法把模型自动绑定到用户账号因此数据存储方案直接影响产品可用性。常见选择有四种存储方案优点缺点适合场景浏览器 IndexedDB体积大、离线可用换设备丢失本地草稿、自动保存localStorageAPI 简单容量受限适合小 JSON偏好设置、简单参数URL 参数方便分享无需服务端太长会超过 URL 限制简单参数化模型无账号云端空间支持匿名分享有滥用风险需要治理策略需要链接分享的产品对于参数化 CAD把参数化参数放进 URL 是一种很常见的轻量方案。步骤是用户拖动滑块后把参数写入 URL query页面加载时读取 query 并恢复参数。function saveParamsToUrl({ L, W, H }) { const params new URLSearchParams(); params.set(L, L); params.set(W, W); params.set(H, H); history.replaceState(null, , ? params.toString()); } function readParamsFromUrl() { const params new URLSearchParams(location.search); return { L: parseFloat(params.get(L)) || 60, W: parseFloat(params.get(W)) || 40, H: parseFloat(params.get(H)) || 30 }; }这里的兜底逻辑很重要URL 参数可能缺失、非法、超范围所以要用||设置默认值并在后续建模时做范围校验。URL 方案不适合复杂模型因为一个完整 CAD 历史树可能包含大量特征参数组合可能超过 URL 长度上限。6.2 链接分享与版本控制无注册产品的分享通常靠链接。用户把 URL 发给同事对方打开后看到的模型和参数保持一致。这比传统 CAD 的文件传输简单但有两个问题URL 没有版本概念重新修改参数后原链接可能仍是旧参数也可能被 replaceState 更新。产品要明确“修改后是否改变链接”。URL 里的参数没有签名用户可以任意修改如果产品后续接入云端模型库需要考虑参数合法性校验。如果模型数据复杂到无法放进 URL就需要匿名存储服务。常见做法是客户端生成一个随机 UUID 作为模型 ID把参数 JSON 上传到对象存储或数据库然后分享https://domain/model/{uuid}这样的链接。由于没有注册服务端要加入防滥用策略例如 IP 限流、过期时间、内容大小限制。6.3 生产环境还差什么一个可以演示的浏览器参数化 CAD 和一个可以上生产环境的工具差距通常体现在下面几点错误上报。application error: a client-side exception has occurred这类信息对用户没有帮助但生产环境需要有全局错误捕获把堆栈发送到错误监控系统。兼容性矩阵。WebGL1、WebGL2、WebGPU 的支持范围不同需要明确最低支持浏览器版本。性能预算。规定最大顶点数、参数变化的目标响应时间并在 CI 中做简单基准测试。文件安全。导入 STL 时需要校验文件大小和顶点数量防止超大模型把页面卡死。数据备份。即使用户未注册也需要有服务端存储策略否则用户辛苦画的模型可能因为浏览器清理缓存而丢失。隐私说明。无注册不等于不收集数据如果统计用户事件需要明确告知。7. 最佳实践与扩展方向7.1 学习环境与生产环境的差别学习 Three.js 参数化建模时可以只用 CDN 和单个 HTML 文件跑通核心逻辑。但进入生产环境前建议做到使用构建工具管理依赖锁定 Three.js 版本。把建模逻辑抽离成纯函数方便单元测试。把参数 schema、特征定义和渲染层分离避免 UI 代码污染几何逻辑。接入 Web Worker 或 WASM 处理重计算避免主线程卡顿。为模型导入导出增加格式校验和错误处理。在最小示例里模型重建是在主线程同步执行的简单的 BoxGeometry 没有问题。但真实 CAD 的布尔运算可能消耗几百毫秒甚至更久必须考虑计算线程和渲染线程的拆分。7.2 可复用的发布前检查清单浏览器端参数化 CAD 应用发布前可以参考下面的清单逐项确认环境检查WebGL 是否开启控制台有无关键警告。参数校验非法参数、NaN、超出范围值是否有兜底。资源释放重建模型时是否 dispose 旧 geometry 和 material。矩阵更新导出 STL/OBJ 前是否调用 updateMatrixWorld。异常处理全局 window.onerror 和 unhandledrejection 是否有上报。兼容性在 Chrome、Edge、Firefox、Safari 和不同显卡环境下验证。性能测试最大模型尺寸下平均帧率和重建时间是否可接受。数据安全导入文件大小限制、参数长度限制、匿名存储防滥用。7.3 下一步可以做哪些扩展从最小原型走向可用工具可以从几个方向扩展接入 Manifold 或 OpenCASCADE.js实现真正的实体布尔运算。实现二维草图编辑器支持线段、圆弧、约束标注。定义自己的参数化模型 JSON 格式支持版本化。增加多视图窗口支持主视图、俯视图、左视图和剖视图。导出 STEP 格式满足工业场景交换需求。加入 3D 打印参数检查比如最小壁厚、悬空角度、体积估算。做成无注册可用的 PWA让用户离线保存模型并自动恢复草稿。浏览器参数化 CAD 的本质是把桌面 CAD 的建模能力拆成“几何计算、约束求解、渲染交互、数据存储”四层。Arcad 这类项目最重要的意义是验证了“免费、无注册、打开即用”的 CAD 使用方式在浏览器里是可行的。对于想实践 Web 三维开发的工程师建议从本文的最小参数化零件开始先把参数驱动、资源释放、模型导出这条链路跑通再逐步替换成真正的几何内核。到那时你对参数化 CAD 的理解就不再只是“用滑块改尺寸”而是一整套可运行的建模系统。