Rive — 3Dデザイン・Webアニメーション

Rive

Riveは、ステートマシンでインタラクティブなアニメーションやインターフェースを設計するツールです。ブラウザーのエディターとデスクトップアプリがあり、出力はiOS、Android、Web、Flutter、React、ゲームエンジンなどのランタイムで動きます。

おすすめの理由

3Dデザイン・Webアニメーション

ウェブ

3Dデザイン・Webアニメーション

editor.rive.appへ移動

知っておきたいこと

最新の利用枠と出力条件は公式サイトで確認してください。

パソコン

3Dデザイン・Webアニメーション

rive.appへ移動

知っておきたいこと

パソコンへのインストールが必要です。

ウェブ / パソコン: ツールごとにプランを確認してください。利用枠は機能間で共通とは限りません。

知っておきたいこと
知っておきたいことウェブパソコン
無料で出力対応—
登録不要——
透かしなし非対応—
オフライン対応——
一括処理——
コンテンツの言語——

— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。

情報源と確認日4
提供者からの修正・フィードバック

提供者からの修正・フィードバック

製品の代表者は、出典付きの修正や更新を送信できます。公開前に編集部が確認します。

編集部の選び方ガイド

最終確認:

どんな人向け?

  • アプリ、ゲーム、ウェブサイトに、ユーザー操作に反応するアニメーションを加えたいデザイナーや開発者に向いています。
  • エディターで作ったものをそのままアプリで動かしたい人に向いています。トップページには、エディターで作ったものがそのまま出荷されると書かれています。

始め方

  • ブラウザーのエディターを開くか、ダウンロードページからmacOSまたはWindows用アプリをインストールします。エディターの利用には登録が必要です。
  • アニメーションを描き、ステートマシンで入力、遷移、反応を定義します。
  • 対象プラットフォームのランタイムを選んでファイルを書き出します。無料プランの.rivファイルにはスプラッシュスクリーンが付きます。

選ぶポイント

  • 無料プランには、共同作業用ファイル3個、プロジェクト1個、インポートした素材ごとに10 MBの上限があります。スプラッシュスクリーンを外して共同作業用ファイルを無制限にするには、有料プラン(Cadet以上)が必要です。
  • シンプルな既成のアニメーションファイルだけが必要なら、インタラクティブな仕組みを作るのは必要以上に重くなることがあります。既成のアニメーションライブラリも見てみてください。

制限

  • 無料プランにはライブラリ、CDNホスティング、リビジョン履歴、リアルタイム共同作業、一括書き出しがありません。料金は変わることがあり、この記録には載せていません。
  • 利用規約には、エディターで作ったコンテンツはユーザーのもので、CommunityのコンテンツはCreative Commonsライセンスのもとでリミックスできると書かれています。無料プランの書き出しの商用利用とスプラッシュスクリーンの条件は説明されていないため、確認してください。

よくある質問

Riveは無料ですか?

料金ページには無料プランが載っており、エディターとCLI、スプラッシュスクリーン付きの.riv書き出し、共同作業用ファイル3個、プロジェクト1個、個人ファイル無制限が含まれます。Cadetプランではスプラッシュスクリーンがなくなります。

Riveはどのプラットフォームで動きますか?

ダウンロードページにはmacOSとWindows用のデスクトップアプリ、macOSとLinux用のコマンドラインツールがあり、Webエディターもあります。トップページにはiOS、Android、Web、Flutter、React、Unityなどのランタイムが載っています。

公式情報 (4)
rive.app/rive.app/pricingrive.app/downloadsrive.app/docs/legal/terms-of-service