Helios Studio

Helios Studioは、Viteベースの開発サーバーとプレビュー環境です。コンポジションの構築のためのホットリロード環境を提供し、Heliosプロジェクトの「エディタ」インターフェースとして機能します。

クイックスタート

プロジェクトルートからスタジオを実行します:

npx helios studio

これにより、ローカルサーバー(通常は http://localhost:5173)が起動し、コンポジションの表示とデバッグが可能になります。

機能

再生とプレビュー

• インタラクティブタイムライン: アニメーションをフレームごとにスクラブできます。
• ホットリロード: コード編集時にタイムライン状態(現在のフレーム)を保持します。
• オーディオコントロール: ボリュームスライダーとミュートトグル。
• セーフエリアガイド: アクション/タイトルセーフガイドとクロスヘアをトグル。
• キーボードショートカット:
  • Space: 再生/一時停止
  • Arrow Left/Right: 1フレーム前後
  • Shift + Arrow: 10フレーム前後
  • Home: 開始位置に移動
  • I / O:

...