「スマートフォンのゲームをつくりたい」
「ゲームのつくり方を知りたい」
でも
「どうやればいいか、わからない」
と悩んでいませんか?
このページでは、だれでも、できる方法でゲームのつくり方を紹介しています
今回は、Unityというソフトをつかって、ゲーム中のタップとドラッグの動きをつくる方法を紹介します
ぜひ、チャレンジしてください
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
つぎの目次の流れにそって進めます
Youtubeでさらにくわしく、ゲームのつくり方を紹介しています
・Unityをはじめて聞いた方
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityとはゲームをつくためのソフトです
Unityは世界でもっとも使われているゲームをつくるためのソフトです
公式サイトからインストールプログラムをダウンロードすることができます
<Unity公式サイト>
https://unity.com/ja
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityのインストールの方法を次のページで紹介しています
ぜひ、合わせてご覧ください
<UNITYのインストール方法と 初めての使い方を 紹介しているページ>
https://illust55.com/2018/
・タッチ&ドラッグで画像と3Dモデルをつまむ・動かす・投げよう
このページで紹介すること
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
今回、紹介することです
画像をドラッグやタップで動かす方法を紹介します
ゲームのパーツをダウンロードする準備をしよう
![](https://illust55.com/wp-content/uploads/2021/12/image-23.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
はじめに、 ゲーム部品のダウンロードの準備をします
公式のサイトにアクセスしてください
1.公式のゲームの部品のサイトにアクセスしてください
https://assetstore.unity.com/
2.画面の上の「ID」アイコンをクリックしてください
3.画面の上の「ログイン」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-51.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ドラッグ&タップで動かすプログラムをダウンロードする準備をします
1.「 lean touch 」で検索してください
2.無料アセットをチェックしてください
3.「Lean Touch」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-52.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
アカウントにパーツを加えます
・「マイアセットに追加する」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-24.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Unityを起動してください
1.「プロジェクト」をクリックしてください
2.「新規作成」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-25.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
3Dのゲームをえらんでください
1.「3D」をクリックしてください
2.「プロジェクト名」、「保存先」を決めてください
3.「作成」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-26.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ゲームの部品をダウンロードするウィンドウを表示します
1.「Window」メニューをクリックしてください
2.「Package Manager」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-27.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
自分のゲーム部品を表示します
1.「Packages」の種類ボタンをクリックしてください
2.「My Assets」をクリックしてください
※ これから探すゲームの部品が見つからない場合は青の数字をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-28.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ドラッグ&タップで動かせるゲームパーツをダウンロードします
1.「Lean Touch」をクリックしてください
2.「DownLoad」をクリックしてください
3.ダウンロード後、「import」に変わります
4.「import」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-29.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ダウンロードしたパーツをゲームに取り込みます
・「import」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-30.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
多くのコントロールの種類があります
はじめは、ゲーム部品の大きさを変えるプログラムです
1.「Assets」 → 「Lean」 → 「Touch」 → 「Examples」をクリックしてください
2.「13 Transform」をダブルクリックしてください
3.「テストプレイボタン」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-31.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
マウスをドラッグすると、大きさを変えることができます
1.「Ctrl」+マウスをドラッグすると□の大きさが変わります
2.確認した後、「テストプレイボタン」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-32.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次は、クリックすると火花がでるプログラムです
1.「09 Spawn」をダブルクリックしてください
2.「テストプレイボタン」をクリックしてください
3.クリックすると火花が現れます
![](https://illust55.com/wp-content/uploads/2021/12/image-33.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次は、クリックすると色が変わるプログラムです
1.「16 Tap To Select」をダブルクリックしてください
2.「テストプレイボタン」をクリックしてください
3.クリックすると□が緑色に変わります
![](https://illust55.com/wp-content/uploads/2021/12/image-34.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次は、ドラッグした後にラインが現れるプログラムです
1.「Finger Trail」をダブルクリックしてください
2.「テストプレイボタン」をクリックしてください
3.ドラッグするとマウスの後に白いラインが現れます
![](https://illust55.com/wp-content/uploads/2021/12/image-35.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
次は、ゲームパーツを回転することができるプログラムです
1.「TwistRotateCustomAxis」をダブルクリックしてください
2.「テストプレイボタン」をクリックしてください
3.「Ctrl」+ドラッグで□を回転させることができます
・自分の画像を取りこんでドラッグでうごかそう
![](https://illust55.com/wp-content/uploads/2021/12/image-36.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
LeanTouchは多くのことができます
今回はその中でも、画像を取りこみドラッグで動かす方法を紹介します
・「Transform Relative」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-37.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
画像ファイルをドラッグ&ドロップでゲームの中に取りこみます
1.「Assets」フォルダをクリックしてください
2.画像ファイルをドラッグ&ドロップしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-38.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
読みこんだ画像ファイルのタイプを変えます
1.読み込んだ画像ファイルをクリックしてください
2.「Texture Type」をクリックしてください
3.「Sprite(2D and UI)」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-39.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
何もない場所をクリックするとメッセージが現れます
1.何もない場所で一度クリックしてください
2.「Apply」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-40.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
タイプを変えると「▶」が現れます
1.ドラッグ&ドロップしたファイルの「▶」をクリックしてください
2.現れたファイルをクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-41.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
画像をゲームに登場させます
1.現れたファイルをドラッグ&ドロップしてください
2.ドラッグ&ドロップしたファイルをクリックしてください
3.「Add Component」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-42.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
タッチするエリアのパーツです
1.現れた検索ボックスに「box」を入れてください
2.「Box Collider 2D」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-43.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
「LeanTouch」のプログラムを加えます
1.もう一度「Add Component」をクリックしてください
2.現れた検索ボックスに「lean drag」を入れてください
3.「Lean Drag Translate」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-44.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
回転プログラムをくわえます
1.もう一度「Add Component」をクリックしてください
2.現れた検索ボックスに「lean twist」を入れてください
3.「Lean TwistRotate」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-45.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
ピンチのプログラムをくわえます
1.もう一度「Add Component」をクリックしてください
2.現れた検索ボックスに「lean pinch」を入れてください
3.「Lean Pinch Scale」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-46.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
クリックで選ぶためのプログラムをくわえます
1.もう一度「Add Component」をクリックしてください
2.現れた検索ボックスに「lean selectable by」を入れてください
3.「Lean Selectable By Finger」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-47.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
えらんだ時に色が変わるプログラムをくわえます
1.もう一度「Add Component」をクリックしてください
2.現れた検索ボックスに「lean Selectable Sprite」を入れてください
3.「Lean Selectable Spriterender Color」をクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-49.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
画像を動かすためのプログラムがそろいました
・画像を動かすためのプログラムがそろいました
![](https://illust55.com/wp-content/uploads/2021/12/image-48.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
クリックできるエリアを確認します
OKならばテストプレイで確認してください
1.「BoxCllider 2D」の「△」をクリックしてください
2.ミドリの□をドラッグして画像の大きさにそろえてください
3.ミドリの□をドラッグして画像の大きさにそろえてください
4.「テストプレイ」ボタンをクリックしてください
![](https://illust55.com/wp-content/uploads/2021/12/image-50.png)
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
クリックすると色が変わります
ドラッグするとゲームのパーツを動かすことができるようになりました
1.クリックすると選んだ状態になります
2.ドラッグすると自由に画像を動かすことができます
・まとめ
今回は、「Lean Touch」をつかい、ゲーム中のタップとドラッグの動きをつくる方法を紹介しました
![](https://illust55.com/wp-content/uploads/2021/06/210631-男の子_立ち_見出し.jpg)
Youtubeでは、さらにおもしろく作り方を紹介しています
また、他のページでもゲームのつくり方について紹介しています
コメント