AlpaKit Logo AlpaKit
AlpaKit / design / 網頁物理粒子與重力沙盒

網頁物理粒子與重力沙盒

在 Canvas 畫布中模擬 2D 物理粒子,支援重力、彈力、摩擦力、重力感應與滑鼠吸引。吉祥物 Alpa 會化身為物理粒子,跟著碰撞、彈跳並給出趣味表情!

⚙️ 沙盒物理參數設定

重力大小 (Gravity) 0.50
彈力係數 (Bounce) 0.75

📊 物理即時狀態統計

渲染影格率 (FPS) 60.0
當前粒子總數 1
Alpa 移動速度 0.0 px/s

💡 物理重力沙盒探索指南

您可以在畫布中任意生成發光的霓虹粒子。大號的「Alpa 吉祥物粒子」擁有完整的重力與彈性物理反彈。您可以用滑鼠點擊拖曳牠並拋向空中,牠會根據碰撞強度、速度與重力模式即時改變表情與氣泡說話,非常療癒!

咩~
Alpa Idle Alpa Walk 1 Alpa Walk 2 Alpa Walk 3 Alpa Walk 4 Alpa Dizzy Alpa Sleep