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 模型,再匯入專案。

預覽作品屬於各自的創作者。重複使用程式碼或素材前,請查看原始來源與專案授權條款。