【Swift】SpriteKitの使い方。8方向隣接グループを使ってタイルをサクサク配置する。【Swift】SpriteKitの使い方。8方向隣接グループを使ってタイルをサクサク配置する。マスを1つずつクリックしながらタイルを配置した。小さなマップを作成するときはこれでも問題ないが、島や道などの大きいマップを作成するときに、形状を1つずつ考えてタイルを切り替えながら配置するのは時間がかかる。Group(以下、8方向隣接グループ)である。8方向隣接グループとは、タイルを繋げて配置したときの中央、端、角の画像をまとめて登録するグループである。このグループのタイルをマスに配置すると、マスの上下左右斜めの8方向のタイルを自動で選んで配置してくれる。これにより、端か、角かなど考えずに地図をどんどん大きくできる。8方向隣接グループを使ってみる実際に8方向隣接グループを使ってマップにタイルを配置してみよう。以降の手順を行う前のXcodeプロジェクトをGitHubに置いたので、試してみる方はご利用下さい。事前準備では、タイルセッットファイルの作成と、タイルマップノードをシーンに配置しておいた。事前準備の作業については前回記事を参照されたし。Group」を選択する。下図赤枠に新しいグループが追加されるので選択する。水色枠のアトリビュートインスペクタボタンを押して設定画面を表示し、Nameに「Shima」を入力する。黄緑枠のメディアライブラリボタンを押して画像一覧を表示し、下図の配置になるように一覧の中の画像をドラッグ&ドロップで運ぶ。前回記事でも説明したが、Xcodeのバグにより以降の作業でタイルが配置できない事象が発生する(Xcode8.0で発生)。ここで一度Xcodeを再起動する。下図赤枠の「TestScene.sks」を選択してシーンエディタを開く。シーンに配置されているタイルマップノード(黄緑枠)をダブルクリックしてタイルマップエディタを開く。Tileボタンを押すと先ほど登録したタイルが表示される。紫枠のBrushボタンを押したあとに、碁盤の目をクリックしてタイルを配置してみよう。以下は実際の編集作業の動画。タイルの端や角のことを気にせずにタイルを配置でるようになった。https://hajihaji-lemon.com/apli/wp-content/uploads/2016/10/spritekit_tilemap_8way_movie.mp4画像をランダムに配置する地面を平地だけにするのではなく、木や草むらをランダムに配置したいことがある。Definitionを利用する。下図赤枠の「TestTile.sks」を選択、水色枠の画像を選択、黄枠のメディアライブラリボタンを押して画像一覧を表示する。Definitionに運ぶ(紫矢印)。先ほどと同じように、ここでXcodeの再起動をする。下図赤枠の「TestScene.sks」を選択してシーンエディタを開く。先ほどと同じ手順でタイルマップノードにタイルを配置してみよう。以下は実際のXcodeの編集作業の動画。平地と木と草がランダムで配置されるようになった。Automappingのチェックを外す(下図赤枠)。Tileボタンから配置するタイルを1つずつ選んで配置することになる。【Swift】SpriteKitの使い方。物理エンジンを使ってノードに重力をかける。...【Swift】SpriteKitの使い方。Transformationを使って画像をねじ曲げる。...【Swift】SpriteKitの使い方。タイトル画面、プレイ画面、結果画面の順番でシーンを切り替える。...【Swift】SpriteKitの使い方。ゴムで引っ張ってボールを飛ばすような動きを作る。...【Swift】SpriteKitの使い方。シーンエディタでノードの移動アクションを設定する。コメントをキャンセルメールアドレスが公開されることはありません。