3DPrompt.
GitHub
返回作品库
GPT-6 Astra参考创作说明

Playroom:复古 3D 浏览器街机

一份作者原样发布的提示词,用于构建完整且可玩的 Three.js 浏览器街机体验,包含独立的 GLB 硬件资产、交互式 3D 转场、三款基于游戏卡带的游戏、响应式操作,以及无障碍回退方案。

创作者 Tripo查看原始来源
Playroom:复古 3D 浏览器街机

关于此示例

根据创作者公开项目整理的起始说明,并非逐字原始提示词。实际结果可能不同。

创作者备注

构建一款名为“Playroom”的完整可玩浏览器街机,采用怀旧的 20 世纪 80 年代末硬件美学,并搭配克制、现代的编辑风界面。

3D 街机Three.js浏览器游戏GLB 资产交互式 3D 场景贪吃蛇打砖块方块

提示词

构建一款名为“Playroom”的完整可玩浏览器街机,采用怀旧的 20 世纪 80 年代末硬件美学,并搭配克制、现代的编辑风界面。使用 Three.js 进行渲染,并分别加载 CRT 显示器、主机、控制器和游戏卡带的 GLB 资产。交付可正常运行的体验,而不是静态样机。 艺术指导:使用暖灰白背景、做旧象牙色塑料、炭黑细节、低饱和鼠尾草绿、灰调陶土色和褪色蓝。标题使用 Space Grotesk,辅以小号 DM Mono 标签。加入细分隔线、充裕留白、细微的技术标注和紧凑导航。避免霓虹赛博朋克风格、光泽感仪表盘卡片和过多渐变。 首页应像一张精心布置的产品摄影图。将 CRT 显示器醒目地放在右侧,主机放在左侧,一盘直立的卡带稳固插在主机上,控制器置于前方。使用弧形线缆连接设备,并让线缆接入真实的插口。采用柔和的定向光照、可信的接触阴影、圆润边缘和略带粗糙感的塑料材质。避免物体相互穿插。 让首页进行缓慢、电影感的左右环绕运动。允许用户拖拽旋转视角,随后平滑恢复空闲运动。在选定的硬件细节周围加入克制且缓慢流动的数据脉冲。CRT 屏幕应显示循环播放的像素风待机画面,包含一个小吉祥物、细微扫描线和“PLAYER ONE”字样。准确使用吉祥物面部上的黄色 T 和白色 V 标志。 点击醒目的“POWER ON”按钮或主机场景,即可开始一段连续转场。让摄像机向 CRT 屏幕缓缓推进,引入动态数据流,并逐渐扩展场景以覆盖整个视口。整个过程中始终覆盖顶部和底部边缘。通过平滑的明暗过渡展示卡带合集,避免突然出现的遮罩层或突兀的摄像机跳转。 合集包含三盘各具特色的直立卡带:鼠尾草绿色的《贪吃蛇》、陶土色的《打砖块》和蓝色的《方块》。每盘卡带都应有清晰的封面字体,以及一个栖息在顶部的小型动画吉祥物。加入细微上下浮动、悬停升起和轻柔倾斜效果。同时支持点击 3D 卡带,以及点击其下方的无障碍文本按钮。 每次选择都会打开一个可玩的游戏界面。《贪吃蛇》包含食物连锁和限时奖励水果。《打砖块》包含多种砖块布局,以及挡板或多球强化道具。《方块》包含下一个方块预览、落点预览影子和消行计分。提供清晰的操作说明、分数、暂停、重新开始和返回导航。支持键盘操作和触摸按钮,并在本地保存最佳分数。 将屏幕内容和卡带标签保留为独立的运行时纹理,确保文字始终清晰。保留已命名的模型部件,以支持交互和吉祥物动画。加入加载反馈;如果 3D 资产加载失败,提供可用的回退方案;同时支持响应式布局、可见的键盘焦点和减少动态效果模式。整洁地组织项目,验证三款游戏和所有转场,并使其能够直接部署到 GitHub 和 Vercel。

如何使用这段提示词

01

从合适的工具开始

打开你常用的编程助手或 3D 工具。可先尝试示例所用的模型,并查看关联项目中的配置说明。

02

先选一个地方修改

替换主体、美术风格或场景,清楚描述镜头和交互。先完成简化版本,再逐项打磨细节。

03

为场景加入专属模型

需要自己的角色或道具时,用简短的物体描述或参考图制作 3D 模型,再导入项目。

预览作品归各自创作者所有。复用代码或素材前,请查看原始来源及项目许可。