如果你需要做 3D 模型设计,又不想在电脑上装一大堆复杂软件,那 Chili3D 这个项目可能正好适合你。它是一个完全基于网页的 3D CAD(计算机辅助设计)工具,不用下载安装,打开浏览器就能用,而且所有代码都是开源的,任何人都能看、能改、能二次开发。
它的核心技术很有意思: 把专业的 3D 建模引擎 OpenCascade(简称 OCCT)转换成了 WebAssembly(Wasm)格式,再结合 Three.js 这个网页 3D 渲染库,既保证了接近本地软件的建模性能,又实现了 “打开浏览器就能用” 的便捷性。目前你直接访问它的官网或者 Cloudflare 的部署地址(chili3d.pages.dev),就能体验到完整功能,不用折腾本地环境。
核心功能:
Chili3D 的功能覆盖了 3D 设计从 “画初稿” 到 “改细节” 再到 “导出分享” 的全流程,不管是新手入门还是简单的专业需求,基本都能满足:
1. 建模工具:从简单形状到复杂结构都能画
- 基础形状快速建:刚上手不用愁,直接就能创建立方体、圆柱体、圆锥、球体、金字塔这些基础 3D 形状,拖拖拽拽就能调整大小,适合快速搭模型框架。
- 2D 草图先画再转 3D:先在平面上画 2D 图形,比如直线、圆弧、圆、椭圆、矩形,甚至是贝塞尔曲线(能画平滑的曲线造型),画好之后再通过 “拉伸”“旋转” 这些操作,把 2D 图变成 3D 模型 —— 比如画个圆再拉伸,就能得到圆柱体,很直观。
- 专业操作也能玩:支持设计师常用的 “高级操作”,比如 “布尔运算”(把两个模型合并、剪掉一部分,或者取交叉部分)、“扫掠”(让一个 2D 图形沿着一条路径移动,生成复杂形状)、“放样”(把两个不同的 2D 图形连起来,生成中间过渡的 3D 形状),还有偏移曲面、做截面图这些专业功能,能应对更复杂的建模需求。
2. 精准控制:不怕画歪,辅助功能很贴心
做 3D 设计最怕 “对不准”,Chili3D 的 “捕捉和追踪” 功能专门解决这个问题:
- 画的时候能精准 “吸” 到模型的关键位置,比如顶点、边、面,不用担心点错位置;
- 能锁定当前的工作平面,比如想在模型的某个侧面上画东西,它会自动对齐那个面,不会画到别的地方;
- 还能追踪坐标轴,比如想让物体沿着 X 轴或 Y 轴移动,会有视觉引导线,保证对齐,新手也能画出工整的模型。
3. 编辑工具:改模型不用从头来
模型画好后要调整?不用删了重画,它的编辑功能很灵活:
- 基础修改:能给模型倒圆角( fillet )、切斜角( chamfer ),也能修剪多余的线条、拆分模型部件;
- 位置调整:移动、旋转、镜像模型都很方便,比如画好一个零件,镜像一下就能得到对称的另一个;
- 精细操作:能单独删除模型的某个特征(比如之前加的圆角),也能单独调整模型的某一部分(比如只改一个面的形状),甚至能把组合在一起的复杂模型拆成单个零件,方便逐个修改。
4. 测量与文档:数据准、好管理
- 测量功能:画好的模型能直接测角度、测长度,还能自动算总长度、总面积、总体积 —— 比如做零件设计时,要确认某个尺寸是否符合要求,不用再导到其他工具里算。
- 文档管理省心:支持新建、打开、保存设计文件,而且有 “undo/redo”(撤销 / 重做)功能,画错了随时退回去;还能导入导出行业通用的格式,比如 STEP、IGES、BREP,这些格式在工业设计、机械制造领域都能用,你用 Chili3D 画的模型,导出来放到 SolidWorks、AutoCAD 这些专业软件里,也能继续编辑。
5. 界面与语言:用着顺手,国内外用户都适配
- 界面像办公软件:没有花里胡哨的布局,菜单组织和 Office 很像,比如 “建模”“编辑”“测量” 这些功能分类很清晰,新手看菜单名基本能猜到功能在哪,不用花时间学复杂的操作逻辑。
- 支持多语言:目前有中文和英文界面,切换起来很方便,国内用户不用对着英文菜单头疼;如果想加其他语言,也能通过贡献代码来实现。
- 3D 视图好控制:建模时的 3D 窗口支持调整相机角度,还能保存常用的相机位置,比如某个视角看模型最清楚,存下来之后一点就能切回去,不用反复调整。
适合谁用?
Chili3D 不是那种 “只适合某类人” 的工具,不同需求的用户都能找到它的用处:
1. 新手 / 学生:入门 3D 设计的 “零门槛工具”
不用装软件,打开浏览器就能练手,基础功能简单直观,适合学生学习 3D 建模原理,或者新手想试试 “自己能不能画 3D 模型”—— 比如画个小玩具、小摆件,熟悉建模逻辑,而且开源免费,不用花钱买软件许可。
2. 设计师 / 工程师:快速出方案、改模型
如果需要快速画个 3D 草图、验证设计想法,或者临时要改个简单模型,不用打开厚重的本地 CAD 软件,打开 Chili3D 就能搞 —— 比如机械设计师临时改个零件尺寸,室内设计师画个简单的家具模型,画好直接导出通用格式,传给同事或导入其他软件继续细化。
3. 开发者 / 团队:二次开发或搭建专属工具
因为是开源的,开发者可以基于它的代码改出符合自己需求的工具 —— 比如给公司内部做一个简化版的 3D 建模模块,或者集成到自己的网页平台里(比如电商平台让用户自定义 3D 产品造型);团队协作时,大家不用统一装软件,打开同一个网页就能一起看模型、改设计,很方便。
4. 教学 / 演示:课堂上直接用,不用折腾环境
老师讲 3D 建模课时,不用让学生每个人都装软件,直接在教室电脑上打开 Chili3D,现场演示怎么画模型、怎么改细节;学生课后也能在自己的电脑(甚至平板)上打开网页复习,不用受设备限制。
怎么用?
如果你想试试,或者想在本地改代码、二次开发,步骤很简单,只要你电脑装了 Node.js 和 npm(前端开发常用的环境,网上有很多简单的安装教程),跟着做就行:
- 先把代码下载到本地:打开终端,输入git clone https://github.com/xiangechen/chili3d.git,然后进入文件夹cd chili3d;
- 装依赖:输入npm install,等一会儿就能把需要的工具包装好;
- 启动开发服务器:输入npm run dev,之后打开浏览器访问http://localhost:8080,就能看到 Chili3D 的界面,改代码还能实时看到效果;
- 如果想自己编译 Wasm:先运行npm run setup:wasm装 Wasm 相关的依赖,再用npm run build:wasm编译,不过一般新手直接用现成的就行,不用折腾这个。
它的开源协议是 AGPL-3.0,个人用、改代码都没问题;如果是商业用途,比如基于它做产品卖钱,需要联系作者谈商业授权。不用装软件、免费开源、功能够用,不管是新手玩票、设计师临时救急,还是开发者二次开发,都值得试试。
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
链接: https://fly63.com/nav/4491