總覽
載入序列、目標、任務完成與章節進度。
這是可實際編輯的 Mografy 專案。上方循環影片直接由元件的 Canvas 場景匯出，封面則使用專案產生的縮圖。
動態模式
以單一標準化數值控制填色寬度，外圍軌道保持穩定。
時間控制
以絕對時間驅動動畫
算圖方式
確定性 Canvas 算圖
編輯方式
場景參數
開啟元件
在 Mografy 儲存庫根目錄執行元件專案。
終端機
mografy dev ./projects/.components/progress-bar播放器會開啟場景，並提供可編輯參數、時間軸、效果、音訊控制與匯出視窗。
改寫場景
- 開啟元件，拖曳時間軸檢視完整的 8 秒循環。
- 保留適合故事的時間節奏，再於場景模組中替換文案、顏色與版面。
- 請 Claude 或 Codex 檢查場景、審閱影格，並依預定輸出尺寸調整成品。
- 從同一個已審閱的場景匯出 MP4、WebM、Lottie 或 SVGA。
維持場景的確定性。 透過傳入的時間值與帶有種子的輔助函式計算動態，讓預覽、時間軸跳轉與匯出保持一致。
專案檔案
- scenes/main.ts播放器使用的場景進入點。
- scenes/progress-bar.ts具名元件場景與其繪圖邏輯。
- mografy.json專案設定、字型、參數、預設算圖設定與審閱時間點。