ステップ1 - 新しいプロジェクトを作成し、アセットをインポートする

新しいプロジェクトを作成すると、Kanzi Studio は Kanzi Studio ワークスペースにプロジェクトディレクトリを作成し、そのディレクトリにプロジェクトに必要なファイル構造を追加します。アセットをプロジェクトにインポートする際、Kanzi Studio はインポートされたアセットをプロジェクトディレクトリにコピーします。

Kanzi のインストール中に Kanzi Studio ワークスペースの場所を定義しました。

ステップ 1 では、まず新規プロジェクトを作成し、このチュートリアルで使用するアセットをインポートします。

チュートリアルを入手する

チュートリアルを入手するには、Kanzi Studio Quick Start ウィンドウで Examples をクリックします。First チュートリアルの横にある ダウンロード をクリックします。

Kanzi Studio はチュートリアルを <KanziWorkspace>/Tutorials ディレクトリにダウンロードします。以下が含まれています。

  • <KanziWorkspace>/Tutorials/First/Assets ディレクトリにあるチュートリアルのアセット。

  • <KanziWorkspace>/Tutorials/First/Completed ディレクトリにある完成したチュートリアル。

新しい Kanzi Studio プロジェクトを作成する

このセクションでは、新しい Kanzi Studio プロジェクトを作成し、アプリケーション画面のサイズを設定します。

  1. Kanzi Studio Quick Start ウィンドウで、New Project をクリックします。

    ../../_images/new-project.png

  2. New Project ウィンドウで：

    • プロジェクトに名前を付けてください。例えば、First Application と名付けてください。

    • Materials のために High performance vertex shaders を選択します。

      High performance vertex shaders マテリアルタイプで提供される頂点ベースのシェーディングは、頂点ベースのシェーディングのコストが低いため、モバイルGPUにとって良い選択です。

    Create をクリックしてプロジェクトを作成します。

    ../../_images/create-new-project.png

    これは、新しいプロジェクトを作成したときの Kanzi Studio の外観です。

    ../../_images/interface-overview.svg

    注釈

    Kanzi Studio Preview はデフォルトで Kanzi Studio との内部通信にTCP/IPを使用します。コンピュータにファイアウォールがインストールされている場合は、Kanzi Preview プロセスがファイアウォールを通過できるようにしてください。

  3. Screen ノードを構成します。

    1. Node Tree ウィンドウで Screen ノードを選択します。

      ../../_images/select-screen.png

    2. Properties ウィンドウで、Screen Resolution プロパティを 854x480 - FWVGA に設定します。これにより、アプリケーション画面のサイズを設定します。

      ../../_images/set-screen-resolution.png

インポートアセット (Import Assets)

このセクションでは、Assets ウィンドウを使用して、このチュートリアルを完了するために必要な画像と3Dアセットをインポートします。

アセットをインポートするには、以下のようにします。

  1. Kanzi Studio インターフェースの下部にある Assets ウィンドウで Import Assets をクリックします。

    ../../_images/import-assets.png

  2. <KanziWorkspace>/Tutorials/First/Assets ディレクトリに移動し、すべてのファイルを選択して、Open をクリックします。

    Kanzi Studio は選択したアセットをプロジェクトにインポートし、Assets ウィンドウに表示します。

    Assets ウィンドウを使用して、プロジェクト内のアセットを表示、選択、および使用します。

    ../../_images/assets-shows-imported-assets.png

    3D アセットをインポートすると、Kanzi Studio は各 3D アセットに対して作成します:

    • インポートされたファイルの各シーンに対して、Prefabs で Scene プレハブを作成します。

      Kanzi Studio は、インポートされたファイルに基づいて各 Scene プレハブに名前を付けます。複数のシーンを含む glTF ファイルをインポートする場合、Kanzi Studio は各 Scene プレハブの名前にシーンの名前を追加します。

      各 Scene プレハブで、Kanzi Studio はインポートされたファイルからシーン階層を作成し、そのプレハブにインポートされたファイルからアセットを配置します。

    • Library Kanzi Studio は、Meshes、Splines、Animations、Materials など、インポートされたファイルからのすべてのリソースを配置します。

    このチュートリアルのアセットには、Kanzi Studio が Car プレハブに配置する 3D アセットが1つだけ含まれています。プレハブの内容を確認するには、Prefabs ウィンドウでそのサムネイルにカーソルを合わせてください。

    ../../_images/car-prefab.png ../../_images/car-mesh-resources.png

Introduction Next step

関連項目

プロジェクトへのアセットのインポートに関する詳細については、インポートしています を参照してください。

Kanzi Studio プロジェクトの使用方法に関する詳細については、プロジェクト (Projects) を参照してください。

プレハブについて詳しく知るには、ノードプレハブの使用 を参照してください。