Gemini 3 Pro 逆天了？用 Gemini 3 Pro 做网站 + 3D 游戏实测
3195 次观看 · 2025-11-22
UI 设计
在这支影片里，我要实测 Google 最新的 Gemini 3 Pro，看看它在 Google AI Studio 里面到底能做到什么程度。
为了真正测试它的能力，我用它从零开始打造了一个：🎮 电竞活动网站（完整 UI + 结构 + 动画）3D Collect Coin 小游戏（相机、碰撞、动画、逻辑全自动生成）
这不是“简单生成代码”。这次 Gemini 3 Pro 展现的是——规划、设计、逻辑、交互动效、文件架构都能自动生成的“全能开发能力”。
在影片里你会看到：
✨ AI 如何自动规划网站架构✨ 生成视觉一致的 UI 和动画✨ 自动写 3D 逻辑、碰撞检测、计分系统✨ 前端、事件监听、CSS、交互全部 AI 代办
这支影片会直接让你看到：2025 的 AI 已经不是“帮你写代码”，而是“帮你一起完成整个产品”。
👉 记得看到最后，我会展示完整 Demo + 我的真实体验总结。
详细了解怎么使用Google AI studio
👉 : https://youtu.be/vHDGNU6yzR4
分享我这次的作品
https://ai.studio/apps/drive/1wnfnQFlGyc1rEG0GMDINl2x_9FhXNkhY
https://ai.studio/apps/drive/18nM8zVRSoczYjIKCaD6G02x6pyxTV6xM
Gemini 3 Pro 的优点
1. 长上下文能力极强（100 万 token 级别）
可以一次性理解整个大型项目：文档、代码库、网站结构 → 超适合做整站生成与协作。
2. 更强的逻辑推理与规划能力
不是只会写代码，而是能做“整套规划”：
* 给你网站结构
* 分模块拆解
* 给目录、路由
* 甚至能生成数据库结构在实际开发中非常像一个“AI 全栈搭档”。
3. 代码生成 & 修复能力比上一代强很多
生成的代码：
* 更干净
* 更模块化
* 更贴近实际工程写法
4. 多模态优势（图像+视频+文本）明显
你上传草图，它能直接输出：
* 真实 UI
* HTML + CSS
* 或者是可交互的代码
非常适合网页设计师、开发者。
5. 能处理更多格式（PDF、截屏、Figma 汇出图）
非常适合快速从参考图 → 代码实现。
6. 速度快
反应速度比很多顶尖模型都稳定、快速。
📍 本视频内容：
0:00 开场介绍
2:14 网站演示
6:36 如何制作专业网站
9:14 3d 小游戏
10:58 其他酷炫的作品
👉 别忘了点赞、订阅，并打开小铃铛，我会持续分享更多 AI + 设计 实战内容！
欢迎👏加入我的设计师交流群
https://discord.gg/WEuhP33f9P
我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享
为了真正测试它的能力，我用它从零开始打造了一个：🎮 电竞活动网站（完整 UI + 结构 + 动画）3D Collect Coin 小游戏（相机、碰撞、动画、逻辑全自动生成）
这不是“简单生成代码”。这次 Gemini 3 Pro 展现的是——规划、设计、逻辑、交互动效、文件架构都能自动生成的“全能开发能力”。
在影片里你会看到：
✨ AI 如何自动规划网站架构✨ 生成视觉一致的 UI 和动画✨ 自动写 3D 逻辑、碰撞检测、计分系统✨ 前端、事件监听、CSS、交互全部 AI 代办
这支影片会直接让你看到：2025 的 AI 已经不是“帮你写代码”，而是“帮你一起完成整个产品”。
👉 记得看到最后，我会展示完整 Demo + 我的真实体验总结。
详细了解怎么使用Google AI studio
👉 : https://youtu.be/vHDGNU6yzR4
分享我这次的作品
https://ai.studio/apps/drive/1wnfnQFlGyc1rEG0GMDINl2x_9FhXNkhY
https://ai.studio/apps/drive/18nM8zVRSoczYjIKCaD6G02x6pyxTV6xM
Gemini 3 Pro 的优点
1. 长上下文能力极强（100 万 token 级别）
可以一次性理解整个大型项目：文档、代码库、网站结构 → 超适合做整站生成与协作。
2. 更强的逻辑推理与规划能力
不是只会写代码，而是能做“整套规划”：
* 给你网站结构
* 分模块拆解
* 给目录、路由
* 甚至能生成数据库结构在实际开发中非常像一个“AI 全栈搭档”。
3. 代码生成 & 修复能力比上一代强很多
生成的代码：
* 更干净
* 更模块化
* 更贴近实际工程写法
4. 多模态优势（图像+视频+文本）明显
你上传草图，它能直接输出：
* 真实 UI
* HTML + CSS
* 或者是可交互的代码
非常适合网页设计师、开发者。
5. 能处理更多格式（PDF、截屏、Figma 汇出图）
非常适合快速从参考图 → 代码实现。
6. 速度快
反应速度比很多顶尖模型都稳定、快速。
📍 本视频内容：
0:00 开场介绍
2:14 网站演示
6:36 如何制作专业网站
9:14 3d 小游戏
10:58 其他酷炫的作品
👉 别忘了点赞、订阅，并打开小铃铛，我会持续分享更多 AI + 设计 实战内容！
欢迎👏加入我的设计师交流群
https://discord.gg/WEuhP33f9P
我是谁：我是yuya , 热衷于UI/UX设计 和网页设计, 每周我都会分享很多好用的资源, 工具,和设计方面的一些小教程, 希望能跟志同道合的小伙伴一起分享