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

使用 Three.js 和 WebGPU 制作可交互的软体史莱姆

作者展示了一个名为 Softie 的浏览器史莱姆应用,并在后续明确发布了用于制作它的提示词。提示词要求创建可拖拽、可挤压并带有可调控制项的软体史莱姆。

创作者 码农暖爸查看原始来源
使用 Three.js 和 WebGPU 制作可交互的软体史莱姆

关于此示例

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

创作者备注

新建一个目录,做一页能在浏览器里玩的史莱姆。用 Three.js 和 WebGPU,不要用 WebGL 凑合。 中间一团圆滚滚的史莱姆,粉色或青绿都可以,半透明,里面隐约有气泡。能用鼠标按下去、拖着走,松手会晃着复原,有一点重力,可以轻轻砸在看不见的桌面上。不要做成硬球,要有软肉的感觉。 可爱点放在脸上:两只黑豆眼和一小张嘴,跟着表面一起挤,不要眼睛和身体分开。右边做几个简单控制:颜色、软硬、阻尼。按钮「戳一下」会让它弹一下。 页面干净,浅灰底,标题用大字。要能 60 帧。先出一张目标效果图,再按这张图搭,截图像了再往下加细节。

GPT6 AstraThree.jsWebGPU史莱姆软体交互浏览器应用

提示词

新建一个目录,做一页能在浏览器里玩的史莱姆。用 Three.js 和 WebGPU,不要用 WebGL 凑合。 中间一团圆滚滚的史莱姆,粉色或青绿都可以,半透明,里面隐约有气泡。能用鼠标按下去、拖着走,松手会晃着复原,有一点重力,可以轻轻砸在看不见的桌面上。不要做成硬球,要有软肉的感觉。 可爱点放在脸上:两只黑豆眼和一小张嘴,跟着表面一起挤,不要眼睛和身体分开。右边做几个简单控制:颜色、软硬、阻尼。按钮「戳一下」会让它弹一下。 页面干净,浅灰底,标题用大字。要能 60 帧。先出一张目标效果图,再按这张图搭,截图像了再往下加细节。

如何使用这段提示词

01

从合适的工具开始

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

02

先选一个地方修改

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

03

为场景加入专属模型

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

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