![UnityとPhotonで対戦型ボードゲーム「犬猫将棋」を作成したい:カード駒の作成(1)](https://tomoarch.com/wp-content/uploads/2019/02/image-50.png)
![](https://tomoarch.com/wp-content/uploads/2019/02/image-51.png)
illustratorで頑張って作った猫の将棋の駒です。
対戦型カードゲームを作成したいと思い、いろいろ考えた結果、犬猫将棋というカードゲームを作ることにしました。(暫定)ルールとしては、手札から5x5マスに駒を指し布陣を固めつつ戦う将棋です。駒を指す際には裏向きにして指して、何の駒が使われているか動くまでわからないというようなゲームを想定しています。
細かいルールなどは後で考えます。今のところふわっとしたアイディアをもとに形にしていきたいと思います。
まずは、illustratorで作った駒をもとにカードの素材を作りました。これをsprite化してからカードとしてスライスしたいと思います。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-52.png)
Unityでの作業に入る前に、今回はGithubでバージョン管理を行いたいため、その準備をします。
InunekoShougiというフォルダをGithub下に作成しrepositoryの作成をGitHub Desktopより行います。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-53.png)
repository名とdescriptionに説明を書き、フォルダを選択します。この際Git ignoreは後で設定するのでそのままにしました。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-54.png)
Repository>Repository settingからGit Ignoreの設定を行います。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-55.png)
repositoryのignore fileには下記のように記載しました。
/[Ll]ibrary/ /[Tt]emp/ /[Oo]bj/ /[Bb]uild/ /[Bb]uilds/ /Assets/AssetStoreTools* # Autogenerated VS/MD solution and project files ExportedObj/ *.csproj *.unityproj *.sln *.suo *.tmp *.user *.userprefs *.pidb *.booproj *.svd # Visual Studio 2015/2017 cache/options directory .vs/ # Unity3D generated meta files *.pidb.meta # Unity3D Generated File On Crash Reports sysinfo.txt # Builds *.apk *.unitypackage
取り急ぎコミットしてプッシュします。するとヒストリーから更新した内容が確認できます。次に、UnityでこのRepository内にプロジェクトを作成したいと思います。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-56.png)
Unityを起動し、Newから新しいプロジェクトを2Dテンプレートで作成します。Locationには作成したRepositoryフォルダを忘れずに指定します。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-57.png)
Unityのメインウィンドウが開いたらアセットのフォルダに駒のPNGファイルをドラッグアンドドロップします。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-59-1024x514.png)
PNGファイルを選択し、インスペクター上でSpriteModeをMultipleに設定し、SpriteEditorを起動します。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-58.png)
![](https://tomoarch.com/wp-content/uploads/2019/02/犬猫将棋.png)
typeをGridByCellSizeにし、Pixel Sizeを72x100に設定し、Sliceボタンを押します。そしてapplyを押し、各駒が作成されたことを確認します。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-60.png)
pngファイルをスライスすると、再生ボタンをクリックした際に、下記のように駒がバラバラになっていることが確認できます。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-61-1024x194.png)
Hierarchyビューを右クリックし、2dObject>Spriteをクリック。新しいスプライトを作成します。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-62.png)
インスペクター上でSpriteRenderer>Spriteをクリックし、駒の裏を作成します。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-63-1024x587.png)
駒ができました。これに、これからc#スクリプトを付けて、裏表や成る際のビジュアルを付加できるようにしたいと思います。
![](https://tomoarch.com/wp-content/uploads/2019/02/image-64-1024x430.png)