Py学习  »  Git

GitHub 9.2k 星标的项目,这个Skill有点东西!

神秘的热心网友 • 2 周前 • 68 次点击  

说实话,我之前一直觉得,网页3D效果都是前端大佬的专属装x技能。

所以前几天刷到img2threejs项目的时候,我第一反应是,又一个吹嘘的,一张图就能生成可交互的3D网页?

但当我点进GitHub一看,好家伙,9.2k Stars,看样子还是有点说法的

项目地址:github.com/img2threejs/img2threejs/

乍一看,可能好多人会认为这就是图片转3D。

现在市面上的图片转3D工具,基本都是一个样子,你上传一张图,AI生成网格模型,导出STL、GLB等格式,然后可以上传到Blender精修,最后拿去3D打印,或者在游戏引擎里用。

img2threejs不一样,它不生成模型文件,而是直接写代码。

简单来说就是,普通转3D工具是给你一张成品JPG/PNG图,好看但不能改;img2threejs是直接给你分层的源文件,它就像一个3D前端工程师一样,先观察图片里的物体,拆成底座、外壳、旋钮、支架一个个零件,定好结构比例,然后用Three.js一行行把模型写出来,最后你拿到手的,是一份完整的、能直接跑在浏览器里的TypeScript代码,改也方便。

目前项目比较擅长硬表面物体,比如机械装置、数码产品、桌面摆件、建筑模型、游戏道具,只要结构清晰、棱角分明就行。

废话不多说,先从安装开始,简单到我都觉得不真实。

你不用搭本地环境,不用装一堆依赖,只要你手里有Claude Code、Codex或者OpenClaw这类支持Skill的工具,把GitHub链接一发,它自己就完成安装了。

像我目前在用的“WorkBuddy”直接简单一句话就安装完成了,甚至连后面如何使用,都给你安排得明明白白。

这里我选了一张机械球图片让它重建为 Three.js 模型。

不一会儿功夫模型就完成了,整个过程也非常专业。

整个模型在浏览器里丝滑旋转缩放,一点也不卡。

进阶一点的玩法,还可以让它把产品图进行拆解,来个产品解析剖解。

这样就可以简单的设计出一个产品拆解3D说明书。

当然,也不用把它想得过于神话。

针对于硬表面物体,像机械、数码、建筑、道具这些结构清晰的,它表现还行;但对于柔软的布料、蓬松的毛发、复杂的人脸,效果就很一般了。

最后模型的背面、底部、内部结构,它都是基于正面信息合理推测的,懂的都懂,想要工业级的精细度、完美的材质表现,还是得拿着代码再微调。

它现在还不完美,还有很多做不到的事。但你想想,这才只是1.4版本,后面角色重建、场景生成、动画绑定、游戏引擎对接...都在路线图上。

未来的某一天,可能你有个想法,对着它说几句,一个完整的3D互动网页、甚至一个小游戏,就出现在眼前了。

Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/199434