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

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

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

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

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

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

画像

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

表紙を作成する

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

ストーリーを追加する

チャプターを追加

各章は、旅の途中の立ち寄り場所のようなものです。追加方法は次のとおりです。

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

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

    チャプターを保存する

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

    チャプターを保存する

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

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

    チャプターを保存する

チャプターを保存する

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

チャプターを保存する

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

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

  • 位置マーカーの表示/非表示 特定の場所にピンを表示するのではなく、一般的な地域を表示したい場合があります。[位置マーカーを表示] チェックボックスをオンまたはオフにして、ピンを表示または非表示にします。 画像

  • エリアの半径を表示する: [半径フォーカスを表示] 機能を使用すると、特定の場所を中心とするエリアを表示できます。チェックすると、カメラの焦点の境界半径を制御できる半径スライダーが開きます。画像

画像

高度なカメラ オプションがカスタマイズされたエクスペリエンスの作成にどのように役立つかを示します。

  • カメラの位置をカスタマイズする: カメラの簡単な操作で、表示したいカメラの角度を微調整できます。

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

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

  • ズーム: クローズアップまたは広角で表示します。マウスのスクロール ホイールまたは使い慣れたズームイン/ズームアウトのジェスチャーを使用します。

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

画像

3D キャンバスを操作して、最適なカメラアングルを見つける方法をご確認ください。

最終調整してダウンロード

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

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

ダウンロード ボタン

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