Three.js 技能特效沙盒：LinearAbilityExtThreeJS / Elemental Sandbox

• URL: https://www.threads.com/share/BAUc8hwhPQ/
• Date Saved: 2026-08-26
• Source: Threads (@malilion.dev)
• Tags: dev-tools, creative-ai
• Repo: https://github.com/achrefelouafi/LinearAbilityExtThreeJS (93 ★)

Summary

• 用 Three.js + Vite + 手寫 GLSL 做的 RPG 技能特效沙盒
• 可選技能、滑鼠瞄準，將火焰/雷電/岩石/傳送門等大型技能丟到場景中
• 每個技能由 Shader、Procedural Geometry 和 GPU Particles 即時組成（非預錄動畫）
• 功能亮點：
  • 7 種大型技能 + 3 種 Self Buff
  • 5 種瞄準方式（Line、Far、Gate、Ring、Scribe）
  • Procedural Geometry 即時建立刀刃、岩石、觸手、石門等結構
  • GPU Particle System 做火花、煙霧、灰燼、墨水、碎石
  • 手寫 GLSL Shader 驅動大量視覺效果
  • 角色 Casting Animation 與技能動畫混合
  • 內建即時 VFX Editor 可調參數