AI 創意編碼教學網站 AI郵報發布實作示範,只需一句自然語言 Prompt,即可透過 Claude Fable 生成完整的日式墨流し(Suminagashi)風格 WebGL 互動水墨畫布網頁,無需具備 GLSL Shader 編程知識。

重點

  • 零 Shader 門檻:以自然語言描述流體墨水動態,Claude Fable 直接輸出可執行的 WebGL 程式碼
  • 互動體驗:生成的畫布支援滑鼠拖曳與觸控操作,產生接近真實的流體模擬視覺效果
  • 完整 Prompt 附附:文章收錄原始 Prompt 範本,並說明如何微調顏色、流速、黏度等視覺參數
  • Claude Fable 能力驗證:此案例直接點名使用最新 Claude Fable 模型,展示其在生成式創意程式碼(Creative Coding)上的進步

編輯按

「自然語言→可視化互動程式碼」工作流正在壓低創意開發的技術門檻。設計師、藝術家、教育者只需描述想要的視覺效果,就能獲得過去需要圖形工程師才能完成的 WebGL 作品。本文特別點名 Claude Fable,意味著新版模型在程式生成品質、對視覺效果描述的理解上皆有顯著提升,值得 AI coding 從業者持續關注。

本文由 AI 整理,原文:AI郵報