🔥 Trending today
Add 3D to your web projects with v0 and React Three Fiber★ 75
Vercel Changelog600d agoReleaseVercel 旗下的 AI 介面生成工具 v0 宣布支援 React Three Fiber (R3F)。 開發者現在可以直接透過自然語言提示詞，讓 v0 生成包含 3D 場景、動畫與互動效果的 React 組件。 這項更新大幅降低了網頁 3D 開發的門檻，讓不熟悉 Three.js 的開發者也能快速在專案中導入 3D 視覺效果。
Introducing NPC-Playground, a 3D playground to interact with LLM-powered NPCs★ 75
Hugging Face Blog727d agoReleaseHugging Face 聯合 Cubzh 與 Gigax 推出「NPC-Playground」3D 互動沙盒。該平台利用開源的大型語言模型（LLM）賦予 NPC 記憶、感知與決策能力，使其不僅能與玩家對話，還能在 3D 空間中執行撿拾、移動等實體動作。這項開源合作展示了 AI Agent 在遊戲領域的全新應用可能。
Building an interactive 3D event badge with React Three Fiber
Vercel Changelog776d agoTutorialVercel 釋出技術專文，詳細拆解如何利用 React Three Fiber (R3F) 與 Rapier 物理引擎，製作出如真實掛繩般擺動的 3D 互動識別證。文章涵蓋 3D 物理碰撞模擬、動態紋理貼圖（將用戶資料即時渲染至 3D 表面）以及效能優化細節，是前端開發者進階 3D 網頁視覺與互動設計的實用指南。