リストからドロップ＆ドラッグでオブジェクトを配置しよう

執筆:  “Y.Y”

はじめに

初めまして。プログラマーのY.Yです。
今回はゲームではドラッグ＆ドロップでオブジェクトを配置できるUIを作成していきます。

この記事の内容

ドラッグ＆ドラップで配置する方法

1. 配置するアクター（オブジェクト）を作成
2. 実際にテクスチャとメッシュを紐づけるデータテーブルを作成する
3. ブループリントクラスの作成
4. リストのUIの作成
5. リストのUIの作成

ファイルを用意しよう

今回必要なファイルはｘ種類です。

1. UE5.3.2
2. ThumbnailToTextureToolの導入

UE5のプロジェクトを準備

1. EpicGamesLauncherからUE5.3.2をDL
2. UE5.3を起動し
   ゲーム→トップダウンを作成
   プロジェクトの場所：任意
   プロジェクト名：任意　（今回はDragAndDropUIで作成）
   その他の設定はデフォルトで
   　
   
   　
   プロジェクトが開ければ成功
   　
   
   

プラグインを導入しよう

配置するオブジェクトの画を用意するは面倒なので今回はプラグインを使用します
プラグイン名：ThumbnailToTextureTool

1. プラグインをDLする
   https://github.com/NanceDevDiaries/ThumbnailToTextureTool
   からThumbnailToTextureToolをDL
   Code→DownLoadZIPからDLできる
   　
   
   
   　
   • プラグインを導入
     DLしたファイルを展開する
     ProjectFile内にPluginsを作成
     　

　

2. Pluginフォルダの中に展開したフォルダをコピー
   　
   
   　
   プロジェクトを一度閉じて再度開く
   エディター左上の編集→プラグインで表示されていれば導入できている
   　
   
   　
3. オブジェクトのイメージ画像を生成
   コンテンツ→LevelPrototyping
   すべてのスタティックメッシュを選択
   右クリック→Export to Texture
   　
   
   　
   コンテンツ→ProceduralTextures内にテクスチャが生成されていれば成功
   　
   

実装してみよう

1. 配置するアクター（オブジェクト）を作成
   • コンテンツドロアーで右クリック→ブループリントクラスからアクターを作成
     名前：任意　例）A_Object
     　
     
     　
   • カスタムイベントを生成
     Inputを追加
     　
     
     
   • スタティックメッシュコンポーネントを生成しInputのメッシュを反映させる
     　
     
     　
2. 実際にテクスチャとメッシュを紐づけるデータテーブルを作成する
   • コンテンツブラウザ内で右クリック→ブループリント→構造体を作成
     任意の名前をつける　例）F_ObjectListItem