先说结论,不到十分钟,我就成功部署上线了,网址是 https://ctrlz526.github.io/gemini3_try/,复制到浏览器就能查看!

全网都在吹它的跑分:Humanity’s Last Exam 45.8% 的正确率、MathArena Apex 23.4 分的断层领先、ScreenSpot-Pro 72.7% 的 GUI 识别率,这些数据确实离谱到让人怀疑眼睛。

但对我来说,跑分不是很直观,反而是自己实测之后,最让我疯掉的,还是它屌炸天的前端代码能力。

我一直想整个能玩的像素游戏机网页,于是直接甩给 Gemini 3 Pro 一个详细 Prompt:

请设计并生成一个「复古像素风Web游戏机模拟器」,核心要求如下:
1. 视觉与风格:
- 整体采用8-bit复古像素风,搭配CRT屏幕扫描滤镜、轻微噪点特效,还原老式游戏机质感
- 机身设计包含木质纹理边框、彩色按钮(红/黄/蓝/绿)、电源开关、屏幕反光细节,视觉层次丰富
- 色彩以复古棕、像素黑、亮白为主,按钮hover时有按压动画,开机时有屏幕点亮过渡效果
2. 核心功能(体现交互与逻辑):
- 内置2个轻量小游戏:① 像素贪吃蛇(方向键控制,吃到食物变长,撞墙游戏结束);② 方块下落消消乐(上下左右键移动,同色3个连成一线消除)
- 游戏机功能区:游戏切换按钮、分数显示面板、暂停/重启按钮、音量调节滑块
- 额外细节:开机时播放复古电子音效,游戏胜利/失败时有对应的音效反馈,支持本地存储最高分
3. 技术要求(适配Vercel单文件部署):
- 所有代码整合为1个HTML文件,无需额外资源(图片用CSS绘制或Base64,音效用Web Audio API生成)
- 依赖库通过importmap + ESM方式引入(仅允许使用p5.js用于像素渲染,或纯原生JS实现,避免复杂依赖)
- 响应式设计:在PC/平板/手机上均能正常显示,按钮大小适配触摸操作
- 无跨域问题,复制代码后可直接在Chrome打开,能无缝部署到Vercel
4. 细节加分项:
- 屏幕边角添加轻微圆角和阴影,模拟玻璃质感
- 游戏切换时显示「LOADING」像素动画
- 机身底部添加「Gemini 3 Pro Powered」的像素字水印

请添加图片描述

当然一开始有个小插曲:生成的屏幕过小导致内容看不见,我稍微提示了一句 “放大屏幕尺寸”,模型很快修改完成,显示正常。
复制代码粘贴到本地,打开浏览器的那一刻,我人直接傻了!
请添加图片描述
功能完成度我能打 90 分 —— 只要我给出的需求,代码全给我写到了:开机有复古电子音效、贪吃蛇吃食物会变长、消消乐消除有反馈、本地能存最高分,细节还原度拉满。

之后我直接把 HTML 文件上传 GitHub 仓库,进行静态部署,甚至不用配置任何环境,几分钟就搞定了!
现在大家复制链接到浏览器就能玩:
https://ctrlz526.github.io/gemini3_try/

(国内访问可能需要小工具,亲测加载速度超快)

当然也可以部署到 Vercel 上,不过 GitHub 操作更方便就选了这个。如果大家也想部署一个自己的小产品,欢迎在评论区留言,最快明天就出一篇详细教程,让你在 AI 热潮里拥有专属小网站,还能分享给伙伴炫耀~

最后,我想说:随着模型越来越智能,未来的 “想法落地”,根本不需要你是资深开发者、专业产品经理 —— 只要你有脑洞、敢想象,普通人也能把脑子里的东西变成实实在在的产品。

千万不要觉得 “做产品”“写代码” 遥不可及,现在最值钱的不是你会不会敲代码,而是你有没有有意思的想法。多了解一点 AI 的用法,多尝试把脑洞抛给模型,你的想法可能比我的像素游戏机更酷,更受欢迎!

如果看到这里了,不妨给我点个赞,或者把你的创意在评论区分享出来,这也是我继续创作的最大灵感和动力~

Logo

火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。

更多推荐