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

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

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

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

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

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

イメージ

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

カバーページを作成する

[ストーリーの詳細] で、タイトル、画像、説明、その他の詳細を設定します。これにより、ストーリーを視聴者に紹介できます。

ストーリーを追加

チャプターを追加

一つひとつの章が、旅の終着点のようなものです。追加する方法は次のとおりです。

  1. 組み込みのオートコンプリート検索バーを使用して場所を検索します。

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

    チャプターを保存する

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

    チャプターを保存する

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

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

    チャプターを保存する

チャプターを保存する

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

チャプターを保存する

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

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

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

  • 特定の地点を中心とした特定の半径を表示する: 「半径重視の表示」機能を使用して、特定の地点を中心とした特定のエリアを表示できます。このチェックボックスをオンにすると、半径スライダーが表示されます。このスライダーを使用して、カメラ フォーカスの境界半径を制御できます。イメージ

イメージ

高度なカメラ オプションが、環境のカスタマイズにどう役立つかを示しています。

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

  • 傾斜: 上または地面から地図を表示します。Ctrl キー(一部のパソコンでは Cmd キー)を押したままマウスでクリックし、上下にドラッグします。

  • 回転:地図を回転させて 360 度表示します。Ctrl キー(一部のパソコンでは Cmd キー)を押しながらマウスで左右にドラッグします。

  • ズーム: クローズアップまたは広角ビューを表示できます。マウスのスクロール ホイールか、一般的なズームイン/ズームアウト操作を使用します。

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

イメージ

3D キャンバスを操作して最適なカメラアングルを実現する方法をご覧ください。

最終処理とダウンロード

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

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

ダウンロード ボタン

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