Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
扣子Coze
职场AI,就用扣子
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
免费资源下载中心
一站式解决工作学习需求的宝藏网站
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作
美图设计室
AI智能一键生成海报,免费平面设计
fly63工具箱
简单、易用、便捷的在线工具
购物快捷导航
一站式解决网购需求的智能平台
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
任推邦
APP推广项目分发和流量变现平台
AiPPT
全智能AI一键生成 PPT

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Chili3D

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://chili3d.com
GitHub:https://github.com/xiangechen/chili3d
网站描述:一款完全基于浏览器运行的免费在线3D建模工具
访问官网
GitHub

如果你需要做 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(前端开发常用的环境,网上有很多简单的安装教程),跟着做就行:

  1. 先把代码下载到本地:打开终端,输入git clone https://github.com/xiangechen/chili3d.git,然后进入文件夹cd chili3d;
  2. 装依赖:输入npm install,等一会儿就能把需要的工具包装好;
  3. 启动开发服务器:输入npm run dev,之后打开浏览器访问http://localhost:8080,就能看到 Chili3D 的界面,改代码还能实时看到效果;
  4. 如果想自己编译 Wasm:先运行npm run setup:wasm装 Wasm 相关的依赖,再用npm run build:wasm编译,不过一般新手直接用现成的就行,不用折腾这个。


它的开源协议是 AGPL-3.0,个人用、改代码都没问题;如果是商业用途,比如基于它做产品卖钱,需要联系作者谈商业授权。不用装软件、免费开源、功能够用,不管是新手玩票、设计师临时救急,还是开发者二次开发,都值得试试。

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/4491

更多»
热门资源
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
阿里云DataV
地图数据
官网
retoucher
在线AI智能抠图去背景工具
官网
飞书多维表格
飞书旗下的一款在线协作与业务管理工具
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
mdx-deck
基于MDX的演示文稿
官网
GitHub
YouCompress
在线免费文件压缩工具
官网
iHateRegex
快速搜索并匹配到合适的正则表达式
官网
GitHub
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入
GitHub
CodeZen
在线源代码转图片工具
官网
类似于Chili3D的资源
Hexnaw
在线网站配色评分工具
官网
bgconverter
证件照换底色/签证照万能修改之王
官网
SwitchHosts!
一个用于快速切换 hosts 文件的小程序
官网
GitHub
stackshare
开发者工具及服务分享平台
官网
Oxfmt
基于 oxc 打造的代码格式化工具
点击进入
GitHub
GIF5
在线免费动图制作工具
官网
zenkit
带有思维导图的在线项目任务看板工具
官网
v0.dev
一款AI代码生成工具
官网
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网 All Rights Reserved. 提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。