クイックスタート

Wonderland Engineへようこそ。このチュートリアルを続ける前に、Wonderland Editorをインストールしてください。

プロジェクトを作成

選んだプロジェクト名を入力し、初めてエディターを起動したときに表示される「Project Wizard」でプロジェクトを作成します。

「VR」テンプレートを選択します。

VRテレポーテーションがセットアップされた基本プロジェクトが表示されます。ちょっと退屈ですね！ここにアセットを追加しましょう。

左下に「Asset Browser」が表示されます。これはプロジェクトディレクトリの内容を示しています。すべてのプロジェクトのアセットはこのディレクトリに配置する必要があります。

プロジェクトをパッケージ化してブラウザで表示するには、ウィンドウの上部にある緑色の矢印をクリックします：

今、私たちがプロジェクトを「パッケージ化」する（🔨アイコンをクリックする）たびに、ブラウザが自動的に変更を反映してリロードします。

VRテンプレートを使用すると、照明、オブジェクト、および最も重要なプレイヤー設定が得られます。

すべてのオブジェクトが必要なわけではありません。それらを選択し、右クリックして「Scene Outline」で削除するか、「Del」キーを押して削除します。

これを削除します：

保持することを確認してください：

保持した平面には「collision」コンポーネントがアタッチされており、衝突やレイキャストのためのオブジェクトの形状を定義しています。

この場合、これはテレポートナビゲーションに使用されます。次のステップでは、すでに床があるシーンを追加しますので、メッシュは削除しますが、衝突は保持します。

平面をクリックし、「Properties」で「mesh」コンポーネントの⋮（縦のドット）をクリックし、最後に「Delete」を選びます：

衝突コンポーネントの緑の線は保持され、レンダリング用のメッシュは消えたことがわかります。ブラウザでは、この衝突のビジュアライゼーションはデフォルトで表示されません。

右クリックでルートディレクトリを選択し、「New folder」を選んで新しいフォルダassetsを作成します。

low_poly_winter_scene.zipをダウンロードし、解凍するか、Asset Browserの新しいフォルダにドラッグアンドドロップします。WinRARを使用している場合は、ファイルをWinRARから直接ドラッグアンドドロップすることもできます。

この美しいシーンは"EdwinRC"によって作成され、Sketchfabで見つけることができます。

シーンをインポートするには、単にscene.gltf（scene.binではない）を「Scene View」にドラッグアンドドロップします。または、「Scene Outline」の既存のオブジェクトに直接ドラッグアンドドロップすることもできます。

「Scene View」で見回すには、右マウスボタンを押し続けながらマウスを動かします。W-A-S-Dキーを使用して前進、左、後退、右に移動し、右マウスボタンを押し続けます。スピードを上げるには、右マウスボタンを押し続けたまま上スクロールします。

また、マウスホイールのボタンを押し続ける（MacOSではAltを押し続ける）ことで、シーンを回転させることもできます。

この新しいシーンの照明は位置が不適切に感じます。

有用な場所に移動するには、「Scene Outline」で1つを選択し、「translation gizmo」ハンドルを使用して3Dシーン内のライトをドラッグします。

翻訳用の矢印がない場合は、以下のキーを使用してgizmoタイプを切り替えることができます：

Gをダブルタップしてローカルスペースとワールドスペースでの翻訳を切り替えます。

また、シーンビューの上部にあるツールバーを使用することもできます：

「Light」オブジェクトは、そこに「light」コンポーネントがアタッチされているため光を作ります。ライトコンポーネントの「intensity」プロパティを減らすことで光を明るくすることができます：

このシーンにはほんの少しのオブジェクトしかありませんが、Wonderland Engineは異なる多くのメッシュをレンダリングするのに優れています。 Scene Optimization Exampleを参照してください。

独自のJavaScriptコンポーネントでカスタム動作を追加することで続けることができます。( https://wonderlandengine.com/jp/getting-started/quick-start-js/ )。