3D ストーリーテリング: エディタを使ってストーリーを作成

視聴者を現実世界のさまざまな場所へと導く、魅力的な 3D ストーリーを作成する準備はできましたか?このガイドでは、組み込みのエディタを使用して新しいストーリーを作成する方法について説明します。

直感的なインターフェースを使用して、タイトル、説明、画像、カメラアングルを調整できます。初心者に最適です。

ストーリー エディタを開く

3D ストーリーテリング ソリューションには組み込みのエディタが付属しており、UI からストーリーを構築できます

エディタはページの左側にあります。この小さなアイコンをクリックして開きます。

イメージ

エディタにアクセスするには、ホストされているバージョンの 3D ストーリーテリング管理アプリにアクセスするか、GitHub から独自のストーリーテリング インスタンスをダウンロードしてインストールします。

カバーページを作成する

[Story details] で、タイトル、画像、説明などの詳細を設定します。これにより、視聴者にストーリーが生まれます。

ストーリーを追加

チャプターを追加

各章は旅の途中で止めるようなものです。追加方法は次のとおりです。

  1. 組み込みの予測入力検索バーを使用して場所を検索します。

  2. 場所を追加したら、その場所の横にある [Edit] ボタンをクリックして、チャプターに詳細を追加できます。

    チャプターを保存する

  3. [編集] をクリックして、チャプターのタイトル、説明、画像、日付を入力します。

    チャプターを保存する

  4. 特定のチャプターを削除するには、[編集] ボタンのすぐ下にある [削除] ボタンを使用します。

  5. 左側の点線のアイコンを使用してチャプターをドラッグし、移動することで、チャプターの順序を変更できます。

    チャプターを保存する

チャプターを保存

特定のチャプターを保存するには、[編集モードを終了] ボタンをクリックします。 [編集モードを終了] ボタンが保存ボタンとして機能します。

チャプターを保存する

カメラの設定をカスタマイズする

カメラのさまざまな設定をカスタマイズできます。

  • 位置マーカーの表示/非表示: 特定の場所にピンを表示せず、おおよその現在地を示すことが目的です。[位置マーカーを表示する] チェックボックスをオンまたはオフにして、ピンを表示または非表示にします。 イメージ

  • 特定のエリアを中心とした半径を表示する 「ディスプレイの半径フォーカス」機能を使用すると、特定の場所を中心とした特定のエリアを表示できます。このチェックボックスをオンにすると、半径スライダーが開き、カメラ フォーカスの境界半径を調整できます。 イメージ

イメージ

高度なカメラ オプションを使用してエクスペリエンスをカスタマイズする方法を示しています。

  • カメラの場所をカスタマイズする: 簡単なカメラ コントロールを使用して、表示するカメラの角度を微調整できます。

  • 傾斜: 地図を真上または地面から見ることができます。Ctrl キー(または一部のコンピュータでは Cmd)を押しながらマウスをクリック、上または下にドラッグします。

  • 回転: 地図を回転させると 360 度回転します。Ctrl キー(またはパソコンによっては Cmd)を押しながらマウスで左または右をクリックしてドラッグします。

  • ズーム: クローズアップまたは広角で撮影します。マウスのスクロール ホイールや使い慣れたズームイン/ズームアウト操作を使用します。

傾斜、回転、ズームを組み合わせて試して、それぞれの場所に最適な角度を見つけてください。コントロールは、コンピュータの設定によって若干異なる場合があります。

イメージ

3D キャンバスを調整して、最適なカメラの角度を実現する方法をご覧ください。

ファイナライズしてダウンロード

ストーリーとチャプターが完成したら、構成をダウンロードします。

[ダウンロード] をクリックして、カスタマイズした構成を JSON 形式で取得します。

ダウンロード ボタン

この構成を使用すると、GitHub からコードをフォークすることで、独自の 3D ストーリーテリングを作成できます。