完全被 Google Gemini 3 + three.js 震撼到了.. 刚刚生成了一个零编码的 3D 产品互动应用.. 使用手势来旋转、缩放、控制 3D 模型的 xyz 和光照 AI 正在接管.. 接受与否 下面是带提示和代码的教程:
1. 我无法相信没有任何编码经验的人现在可以使用AI构建这样一个高级网站。 你可以与AI代理进行聊天(文本),添加3D模型、功能并调整UI……这真是令人难以置信。 应用预览: 代码和提示在最后。
2. 将 3D 模型转换为 .gltf 格式 它现在只能识别这种格式,您可以使用任何 3D 软件进行转换,确保纹理正确应用 您还可以在这里制作 3D 动画 这是供您测试的 Vision Pro 模型:
3. 直接上传 gltf 3D 模型 我在 Gemini 3 pro 上做了这个,但在这里,它允许我们直接上传 3D 模型,而不是使用第三方存储,这方便得多。
4. 添加功能 我要求它为我添加滑块,以控制3D模型的x、y、z位置,它们在几秒钟内完成了,并且工作得非常好..
5. 创建3D环境 您可以为您的产品创建一个固定的3D世界,甚至可以要求它添加照明、在地面上投射阴影,并为产品本身添加内阴影。
6. 修复错误 它通常会分析应用程序并自动修复错误,您也可以复制错误或直接截图以请求代理进行修复。
在下面的博客中,我分享了您需要的一切,以免费重建我为 @emergentlabs 构建的这种 Vision Pro 风格的 3D 互动网站。 - 用于生成此应用的确切提示 - 带动画的 .gltf 3D 视觉效果 - VSCODE 上的完整源代码
如果你觉得这很鼓舞人心, 请关注 @EHuanglu 学习 AI 并点赞和转发,让更多人知道 👇
el.cine
el.cine1月12日 23:09
完全被 Google Gemini 3 + three.js 震撼到了.. 刚刚生成了一个零编码的 3D 产品互动应用.. 使用手势来旋转、缩放、控制 3D 模型的 xyz 和光照 AI 正在接管.. 接受与否 下面是带提示和代码的教程:
75