Three.js到GLSL著色器awesome-opus5-5-videos的55個3D場景作品與選型指南【免費下載鏈接】awesome-opus5-5-videosA growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.項目地址: https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videosawesome-opus5-5-videos 是一個持續(xù)更新的開源項目收錄了475 個用 Claude Opus 5.5 生成的爆款 AI 視頻以及每個視頻背后的完整提示詞。其中55 個 3D 場景作品使用 Three.js、GLSL 著色器和 WebGL 技術(shù)在瀏覽器里直接寫代碼畫出 3D 動畫——本文帶你逛完這 55 件作品并給出一份新手也能看懂的Three.js 與 GLSL 著色器選型指南。 倉庫結(jié)構(gòu)速覽475個AI視頻與55個3D場景在哪整個倉庫非常輕量只有三類核心內(nèi)容路徑內(nèi)容說明README.md作品導(dǎo)航墻按 4 大分類排好序的作品表格每個條目附提示詞鏈接prompts/475 個提示詞文件每個視頻一個.md含分類、技術(shù)棧標(biāo)簽和原始提示詞data/videos.json結(jié)構(gòu)化數(shù)據(jù)索引475 條記錄可程序化檢索分類、技術(shù)棧、添加日期等4 大分類的規(guī)模分布Motion graphics動態(tài)圖形288 個Games interactive游戲與交互70 個Explainers科普講解62 個?3D scenes3D 場景55 個← 本文主角 每個作品都是讓 Claude Opus 5.5 用代碼寫動畫做出來的HTML、Canvas、SVG、Three.js 等而不是用傳統(tǒng)視頻剪輯軟件。 快速開始3步獲取作品庫并瀏覽3D場景第 1 步克隆倉庫git clone https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos第 2 步打開 README定位 3D 分區(qū)打開 README.md目錄里直接給出四大分區(qū)錨點找到3D scenes表格即可看到全部精選 3D 作品含技術(shù)棧標(biāo)簽如 Three.js · GLSL · Canvas。第 3 步按文件名取提示詞每個提示詞文件命名為作者-編號.md例如 prompts/axtonliu-290566.md。在 data/videos.json 中搜索category: 3d也能一次性篩出全部 55 個 3D 作品。 技術(shù)選型指南Three.js、GLSL著色器、WebGL 怎么選55 個 3D 作品背后的技術(shù)棧分布來自 data/videos.json 的tech_tags統(tǒng)計技術(shù)3D 分類中使用數(shù)全倉庫使用數(shù)一句話特征適合做Three.js44 / 55141高層 3D 場景庫自帶相機(jī)、燈光、材質(zhì)體系真實感街景、建筑漫游、可交互場景GLSL 著色器30 / 55100GPU 著色語言逐像素計算流體、粒子、光影藝術(shù)、抽象視覺WebGL3 / 559底層 GPU 接口自定義渲染管線、極致性能控制Canvas2D35 / 553362D 畫布常作渲染載體2D 動效、作為 3D 結(jié)果的呈現(xiàn)層其中25 個作品是 Three.js GLSL 組合——用 Three.js 搭場景骨架再用自定義著色器做材質(zhì)和特效這也是出片率最高的搭配。一句話選型規(guī)則要場景街景、城市、房間、漫游→ 讓 AI 用Three.js要視覺奇觀粒子、流體、光效、抽象→ 讓 AI 用GLSL 著色器要兩者兼得電影感場景 自定義材質(zhì)特效→Three.js GLSL組合需要底層性能控制→ 純WebGL入門不推薦 新手建議不必自己學(xué)語法把用什么技術(shù)寫進(jìn)提示詞里讓 Claude Opus 5.5 替你寫代碼即可。? 精選3D場景案例拆解從提示詞到成片從 55 個作品里挑 5 個最有代表性的附提示詞文件路徑點開就能讀原文1. 最復(fù)雜的鵜鶘騎自行車——純 GLSL WebGL作者 AxtonLiu 用一句話挑戰(zhàn)模型的空間理解能力成品完全由著色器驅(qū)動。 prompts/axtonliu-290566.md2. 復(fù)刻 1906 年舊金山 Market 街——Three.js GLSL要求基于 1899–1905 年火災(zāi)保險圖、老照片等真實史料建模還原震前街景是數(shù)據(jù)驅(qū)動 3D 重建的典范提示詞。 prompts/alexalbert-274839.md3. 第一人稱漫游 3D 寶塔——Three.js提示詞只有一句話Implement code to be able to navigate in a pagoda in 3D.極簡卻能產(chǎn)出完整可交互場景。 prompts/buildfastwithai-597035.md4. AI 數(shù)據(jù)中心內(nèi)部探秘——Three.js GLSLshow me what goes on inside an AI data centre. 一句話生成機(jī)房級 3D 可視化。 prompts/sayan-shanky-868515.md5. 一句話生成Blender 級3D 系統(tǒng)——Three.js GLSL作者 0xWast3 總結(jié)的 PARSE → MASS → RIG → SKIN → PACK 五段式提示詞框架讓模型像模具有周時間的建模師那樣逐部件構(gòu)建可編輯的 3D 系統(tǒng)。 prompts/0xwast3-222104.md更多案例含 1906 街景同類的電影級鏡頭、游戲化 3D 體驗等在 README.md 的 3D scenes 表格中一次看全。 3步復(fù)制提示詞做出你自己的3D動畫上手流程非常簡單三步走打開提示詞文件在 prompts/ 中任選一個 3D 作品復(fù)制Prompt區(qū)塊的文本粘貼給 Claude Opus 5.5可替換成你自己的主題比如用 Three.js 做一個雨夜霓虹小巷要求輸出單文件 HTML讓 AI 把結(jié)果渲染成一個可直接打開的 HTML 頁面再錄屏即成視頻?? 小提示55 個 3D 作品中有 35 個標(biāo)記為prompt_partial見下文字段表表示作者只公布了原帖描述而非完整提示詞——這類文件的## Prompt區(qū)塊是原帖原文可作為靈感參考。 數(shù)據(jù)速查videos.json 的6個關(guān)鍵字段想批量篩選作品data/videos.json 中每條記錄都有這些字段字段含義示例slug作品唯一標(biāo)識 提示詞文件名axtonliu-290566author作者賬號AxtonLiucategory分類motion/3d/explainer/interactive3dtech_tags技術(shù)棧標(biāo)簽[threejs, shader, canvas]prompt提示詞原文—prompt_partial是否為部分提示詞true 僅原帖描述false篩選Three.js GLSL 的 3D 作品只需在 JSON 里找category為3d且tech_tags同時含threejs和shader的記錄共 25 條。 新手常見問題 FAQQ我不會寫 Three.js 或 GLSL能參與嗎可以。這個玩法的核心是寫提示詞代碼由 Claude Opus 5.5 生成55 個作品的作者大多也是靠提示詞迭代出成片。Q提示詞不完整怎么辦文件內(nèi)會注明作者未公布完整提示詞此時可直接借鑒原帖描述 本文的選型規(guī)則讓 AI 幫你把提示詞補(bǔ)全。Q作品還在更新嗎是的README 標(biāo)注最近一次更新2026-09-29新增了 86 個視頻以動態(tài)圖形和科普講解為主倉庫會持續(xù)收錄新作品。 小結(jié)awesome-opus5-5-videos 475 個 AI 視頻 全部原始提示詞其中55 個 3D 場景作品最值得 3D 愛好者深挖選型口訣場景用 Three.js奇觀用 GLSL 著色器兼得就組合底層才上 WebGL提示詞直接去 prompts/ 取批量檢索用 data/videos.json導(dǎo)航從 README.md 的 3D scenes 表格開始【免費下載鏈接】awesome-opus5-5-videosA growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.項目地址: https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考 Three.js到GLSL著色器：awesome-opus5-5-videos的55個3D場景作品與選型指南
Three.js到GLSL著色器awesome-opus5-5-videos的55個3D場景作品與選型指南【免費下載鏈接】awesome-opus5-5-videosA growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.項目地址: https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videosawesome-opus5-5-videos 是一個持續(xù)更新的開源項目收錄了475 個用 Claude Opus 5.5 生成的爆款 AI 視頻以及每個視頻背后的完整提示詞。其中55 個 3D 場景作品使用 Three.js、GLSL 著色器和 WebGL 技術(shù)在瀏覽器里直接寫代碼畫出 3D 動畫——本文帶你逛完這 55 件作品并給出一份新手也能看懂的Three.js 與 GLSL 著色器選型指南。 倉庫結(jié)構(gòu)速覽475個AI視頻與55個3D場景在哪整個倉庫非常輕量只有三類核心內(nèi)容路徑內(nèi)容說明README.md作品導(dǎo)航墻按 4 大分類排好序的作品表格每個條目附提示詞鏈接prompts/475 個提示詞文件每個視頻一個.md含分類、技術(shù)棧標(biāo)簽和原始提示詞data/videos.json結(jié)構(gòu)化數(shù)據(jù)索引475 條記錄可程序化檢索分類、技術(shù)棧、添加日期等4 大分類的規(guī)模分布Motion graphics動態(tài)圖形288 個Games interactive游戲與交互70 個Explainers科普講解62 個?3D scenes3D 場景55 個← 本文主角 每個作品都是讓 Claude Opus 5.5 用代碼寫動畫做出來的HTML、Canvas、SVG、Three.js 等而不是用傳統(tǒng)視頻剪輯軟件。 快速開始3步獲取作品庫并瀏覽3D場景第 1 步克隆倉庫git clone https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos第 2 步打開 README定位 3D 分區(qū)打開 README.md目錄里直接給出四大分區(qū)錨點找到3D scenes表格即可看到全部精選 3D 作品含技術(shù)棧標(biāo)簽如 Three.js · GLSL · Canvas。第 3 步按文件名取提示詞每個提示詞文件命名為作者-編號.md例如 prompts/axtonliu-290566.md。在 data/videos.json 中搜索category: 3d也能一次性篩出全部 55 個 3D 作品。 技術(shù)選型指南Three.js、GLSL著色器、WebGL 怎么選55 個 3D 作品背后的技術(shù)棧分布來自 data/videos.json 的tech_tags統(tǒng)計技術(shù)3D 分類中使用數(shù)全倉庫使用數(shù)一句話特征適合做Three.js44 / 55141高層 3D 場景庫自帶相機(jī)、燈光、材質(zhì)體系真實感街景、建筑漫游、可交互場景GLSL 著色器30 / 55100GPU 著色語言逐像素計算流體、粒子、光影藝術(shù)、抽象視覺WebGL3 / 559底層 GPU 接口自定義渲染管線、極致性能控制Canvas2D35 / 553362D 畫布常作渲染載體2D 動效、作為 3D 結(jié)果的呈現(xiàn)層其中25 個作品是 Three.js GLSL 組合——用 Three.js 搭場景骨架再用自定義著色器做材質(zhì)和特效這也是出片率最高的搭配。一句話選型規(guī)則要場景街景、城市、房間、漫游→ 讓 AI 用Three.js要視覺奇觀粒子、流體、光效、抽象→ 讓 AI 用GLSL 著色器要兩者兼得電影感場景 自定義材質(zhì)特效→Three.js GLSL組合需要底層性能控制→ 純WebGL入門不推薦 新手建議不必自己學(xué)語法把用什么技術(shù)寫進(jìn)提示詞里讓 Claude Opus 5.5 替你寫代碼即可。? 精選3D場景案例拆解從提示詞到成片從 55 個作品里挑 5 個最有代表性的附提示詞文件路徑點開就能讀原文1. 最復(fù)雜的鵜鶘騎自行車——純 GLSL WebGL作者 AxtonLiu 用一句話挑戰(zhàn)模型的空間理解能力成品完全由著色器驅(qū)動。 prompts/axtonliu-290566.md2. 復(fù)刻 1906 年舊金山 Market 街——Three.js GLSL要求基于 1899–1905 年火災(zāi)保險圖、老照片等真實史料建模還原震前街景是數(shù)據(jù)驅(qū)動 3D 重建的典范提示詞。 prompts/alexalbert-274839.md3. 第一人稱漫游 3D 寶塔——Three.js提示詞只有一句話Implement code to be able to navigate in a pagoda in 3D.極簡卻能產(chǎn)出完整可交互場景。 prompts/buildfastwithai-597035.md4. AI 數(shù)據(jù)中心內(nèi)部探秘——Three.js GLSLshow me what goes on inside an AI data centre. 一句話生成機(jī)房級 3D 可視化。 prompts/sayan-shanky-868515.md5. 一句話生成Blender 級3D 系統(tǒng)——Three.js GLSL作者 0xWast3 總結(jié)的 PARSE → MASS → RIG → SKIN → PACK 五段式提示詞框架讓模型像模具有周時間的建模師那樣逐部件構(gòu)建可編輯的 3D 系統(tǒng)。 prompts/0xwast3-222104.md更多案例含 1906 街景同類的電影級鏡頭、游戲化 3D 體驗等在 README.md 的 3D scenes 表格中一次看全。 3步復(fù)制提示詞做出你自己的3D動畫上手流程非常簡單三步走打開提示詞文件在 prompts/ 中任選一個 3D 作品復(fù)制Prompt區(qū)塊的文本粘貼給 Claude Opus 5.5可替換成你自己的主題比如用 Three.js 做一個雨夜霓虹小巷要求輸出單文件 HTML讓 AI 把結(jié)果渲染成一個可直接打開的 HTML 頁面再錄屏即成視頻?? 小提示55 個 3D 作品中有 35 個標(biāo)記為prompt_partial見下文字段表表示作者只公布了原帖描述而非完整提示詞——這類文件的## Prompt區(qū)塊是原帖原文可作為靈感參考。 數(shù)據(jù)速查videos.json 的6個關(guān)鍵字段想批量篩選作品data/videos.json 中每條記錄都有這些字段字段含義示例slug作品唯一標(biāo)識 提示詞文件名axtonliu-290566author作者賬號AxtonLiucategory分類motion/3d/explainer/interactive3dtech_tags技術(shù)棧標(biāo)簽[threejs, shader, canvas]prompt提示詞原文—prompt_partial是否為部分提示詞true 僅原帖描述false篩選Three.js GLSL 的 3D 作品只需在 JSON 里找category為3d且tech_tags同時含threejs和shader的記錄共 25 條。 新手常見問題 FAQQ我不會寫 Three.js 或 GLSL能參與嗎可以。這個玩法的核心是寫提示詞代碼由 Claude Opus 5.5 生成55 個作品的作者大多也是靠提示詞迭代出成片。Q提示詞不完整怎么辦文件內(nèi)會注明作者未公布完整提示詞此時可直接借鑒原帖描述 本文的選型規(guī)則讓 AI 幫你把提示詞補(bǔ)全。Q作品還在更新嗎是的README 標(biāo)注最近一次更新2026-09-29新增了 86 個視頻以動態(tài)圖形和科普講解為主倉庫會持續(xù)收錄新作品。 小結(jié)awesome-opus5-5-videos 475 個 AI 視頻 全部原始提示詞其中55 個 3D 場景作品最值得 3D 愛好者深挖選型口訣場景用 Three.js奇觀用 GLSL 著色器兼得就組合底層才上 WebGL提示詞直接去 prompts/ 取批量檢索用 data/videos.json導(dǎo)航從 README.md 的 3D scenes 表格開始【免費下載鏈接】awesome-opus5-5-videosA growing collection of viral videos made with Claude Opus 5.5 and the prompts behind them. Watch each original next to a live remake on Skillry. Updated regularly.項目地址: https://gitcode.com/gh_mirrors/aw/awesome-opus5-5-videos創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考