【5/8 更新】2d 粒子模擬系統:ui 分區、標籤管理、邊界限制與力向量可視化
畫面 UI 三區塊化
標籤動態顯示與排序
畫面邊界位置強制約束
萬有引力向量可視化
以下分別介紹每個部分的需求、實作與程式碼重點。
一、畫面 UI 三區塊化
需求:
左側輸入區(僅在按下「開始」前顯示)
中間世界區(永遠用來渲染粒子本體與標籤)
右側控制區(開始後顯示所有操作按鈕/滑桿/圖表,不覆蓋世界區)
實作:
在 Canvas 下建立三個 Panel:LeftPanel、WorldPanel、RightPanel
LeftPanel:固定寬 300px,掛 Ver...
fish0048.hashnode.dev3 min read