実行例はstable sprite + delayed UI reactionです。幾何学図形だけを使い、完成PVの画像素材には依存しません。
- miseの公式手順に従ってmiseを用意し、Exampleの
mise.tomlに記録されたNodeとpnpmをインストールします。 - Exampleディレクトリで、固定されたproject-localのHyperFrames依存をインストールします。
- バージョンを確認し、Studio Previewの前に
checkを実行します。
cd examples/stable-sprite-ui-reaction
mise install
mise exec -- pnpm install
mise exec -- pnpm --version
mise exec -- ./node_modules/.bin/hyperframes --version
mise exec -- ./node_modules/.bin/hyperframes check
このディレクトリにはindex.html、hyperframes.json、package.json、mise.toml、pnpm-workspace.yaml、lockfileがあります。HyperFramesはpackage.jsonで0.8.80に固定されています。インストールによって作られるnode_modules/はGitの対象外です。
元の制作環境では依存パッケージが各動画プロジェクトの一階層上にあったため、mise exec -- ../node_modules/.bin/hyperframes checkを使いました。CLIの相対パスは、実際に依存を置いた場所に合わせてください。
制作時にnpx: command not foundが発生しました。既存のmise管理環境とproject-local CLIを使うことで解決したため、npxを追加することは標準手順に含めません。詳しい経緯。
HyperFrames Skillsはこのリポジトリに複製していません。自分の環境に必要なSkillは公式のSkillsガイドを参照して導入してください。元の制作環境ではproject-localの.agents/skillsを使用しましたが、PUBLICには含めていません。