🙋🏻‍♂️ Riveファイルの使用方法

Riveエディターにインポートして自由に編集し、必要に応じて変更してRIVファイルをエクスポートして使用します。

🎯 基本ロジック

ステートマシンプレビュー開始後、クリック変化効果を実現；進捗制御時、バインドされたステートデータの数値を手動調整して進捗制御のプレビューを実現；対応する進捗数値が100に達すると自動的にステートを切り替えて変化します。

🎁 RIVエクスポート時の注意

フォントを交換してRIVファイルサイズを削減する場合、以下の設定に注意してください：

対応するフォントを見つけ、エクスポート設定時に「使用されたグリフ」を選択します—これにより使用された文字のみがエクスポートされ、RIVファイルサイズを大幅に削減できます。

🥳 Riveファイル使用の要点

✍🏼 Rive初期化設定

stateMachines: "main" autoBind: true （その他の設定は未設定またはデフォルトを使用可）

💥 データフィールドのバインド

• isHover ブール型：マウスがボタン上にホバーするとtrueに設定、それ以外はfalse。
• isClicked ブール型：ボタンクリック後、値がtrueに設定、クリック前はfalse。
• progressNum 数値型：進捗変化数値を制御、範囲0-100；値が100に達するとボタンが自動的に次のステートに変化。

🚀 高度なテクニックと公式リソース

• 本ケースのステートマシンとフィールド説明をAIに提供し、対応するランタイム初期化とインタラクションコードテンプレートを生成し、プロジェクト構造に基づいて調整。
• バインドが無効な場合、まずstateMachines名、フィールド命名、型の一貫性を確認。
• 公式ランタイムドキュメント：https://rive.app/docs/runtimes/