初心者むけ、Unityのはじめ方：ひとコマ解説 - dnjiro’s 9VAe blog

dnjiro’s 9VAe blog

誰でもアニメが作れる無料ソフト9VAeきゅうべえ開発者のブログ

初心者むけ、Unityのはじめ方：ひとコマ解説

動画 解説動画 おすすめ 開発

初心者が Unityをはじめる方法を説明します。

ほかの解説動画はこちら。

 

Unityとは

  • Unity は、３次元グラフィックスをつかったゲームや教材など様々なコンテンツを開発、公開、販売ができる、ツール・素材・サービスの集合体です。
  • 開発ツールはOSごとに異なります。ユーザーアカウントは、Webサービスで共通です。それらを UnityHub というアプリで管理しています。
  • Unity をはじめるには、まず、（１）UnityHubをインストールする。（２）アカウント登録しログインする。（３）Unity Editor などのツールを、UnityHub経由で取得する。という手順を踏みます。
  種類 内容
Unity サイト
Unity Hub アプリ
  •  開発ツールの管理
  • プロジェクトの管理
Unity Editor アプリ
  • プロジェクト開発環境

以下の資料を参考にしました。

Unity は、mouse E10 のような１万５千円のノートPC(販売終了)でも動きます。ただ、C ドライブが小さい格安ノートだと、SDカードをつかって、Cドライブを増やし、インストール先を変更するほうがよいです。古いパソコンだと描画性能不足でインストールできないかもしれません。

Unity Hub ダウンロード

f:id:dnjiro:20220305165512g:plain

  • 完了すると、Unity Hub が開き、(1)アカウント作成 (2)サインイン (3)UnityEditor ダウンロード画面になります。

 

Unity Hub からアカウント作成、Editorダウンロード

f:id:dnjiro:20220305182758g:plain

  • Unityアカウントを作るには、メールアドレス、パスワードが必要です。Googleアカウント、Facebookアカウント、Apple IDでもかまいません。
  • アカウント作成したら、サインインし、Editor (Unityの開発環境)をダウンロードします。Mac だと M1 CPU用と、Intel CPUがあります。

 

Learningで使い方を学ぶ

  • Unity Editorをダウンロードしたら、Unity Hub ＞NewProject  から、lerningプロジェクトをダウンロードして使い方を勉強しましょう。
  • 左の Learning からいろんな教材をダウンロードできます。実際のEditor上で操作が学べます。

f:id:dnjiro:20220305213131g:plain

  • 2D Platformer は簡単な横スクロール型のゲームサンプルです。FPS Microgame やLEGO Microgame は3次元のゲームです。「Tutorial」をひらき、右下の「Start」をおすと、実際のエディタでどう操作するか順番に教えてくれます。操作を間違えると次に進めないので、必ず理解できるでしょう。
  • プロジェクトを保存したフォルダが読み書き禁止になっていた場合、Learningが次に進めなくなることがありました。フォルダのセキュリティ設定（右ボタンプロパティ）でフルコントロールに設定しましょう。

保存先フォルダの変更

mouse E10 のように C ドライブに空きがないパソコンの場合、 Unity Hubの保存先を別のドライブに変更しましょう。

  1. Unity Hubの歯車ボタンをクリックします。
  2. 「Projects」
  3. プロジェクトの保存先フォルダを設定します。
  4. 「Installs」
  5. Unity Editor の保存フォルダを設定します。

 

３次元立体に、動画をはりつけてみよう

もっとも簡単なプロジェクトをつくって動かしてみましょう。

  1. UnityHub Project 右上の「NewProject」をクリック
  2. 「3D Core」を選ぶ。
  3. 名前をつけて
  4. 「CreateProject」。これでEditorが開きます。
  5. Editorにアクセスを許可。空のプロジェクトが起動します。
  6. メニュー「GameObject（ゲームオブジェクト） > 3D Object（３Dオブジェクト） > Cube（キューブ）」
  7. Cube の「Scale（スケール）」を「X16 Y12」に変更。Cubeの大きさが４：３のスクリーンに変わります。
  8. なんでもよいので、外からMP4動画をドラッグ。9VAeのサンプルでもかまいません。(1) 9VAe「ヘルプメニュー＞練習用＞カニとたたかう」(2) ファイルメニュー「動画出力」でMP4動画を作成できます。
  9. 下にはいった動画をドラッグして Cube に重ねる。これで、Cubeの表面が動画になります。
  10. Cubeの「VideoPlayer」の「WaitForFirstFrame（最初のフレームを待つ）」をOFF、「Loop（ループ）」をONにしましょう。
  11. Playボタンで、再生するはずです。
  12. 動画の上下左右が反転しているので、Scale（スケール）の「X」を -16 、「Y」を-12にします。
  13. Playボタンで、再生してみましょう。

UnityEditorの左側が、プロジェクトの構造をあらわすリスト（ヒエラルキー）でここに部品が並びます。部品を選ぶと、右側に部品の属性（インスペクター）が表示されます。下は素材（プロジェクトフォルダの中にあるファイル）です。

 

バーチャルカメラで３次元のなかを動く

Cinemachine バーチャルカメラで、Cubeに貼り付けた動画を、遠くから近づいてみてみましょう

  1. UnityEditor > Window（ウィンドウ） > PackageManager（パッケージマネージャ）
  2. 左上 Packages:（パッケージ） を「Unity Registry（レジストリ）」に変更
  3. 右上の検索窓で「Cinemachine」を検索
  4. Cinemachine を選びます
  5. Install（インストール）
  6. 右上「X」で閉じます
  7. GameObject（ゲームオブジェクト） > Cinemachine > Virtual Camera でバーチャルカメラを入れます
  8. GameObject > Cinemachine > Dolly Track with Cartで Cart（台車）とTrack（レール）を入れます
  9. 左の Dolly Track を選びます
  10. WayPoints ０（レールの開始点）、１（レールの終了点）のZ座標をそれぞれ「-50」「10」に変更します。これで、より遠くから接近するようになります。
  11. Looped にチェックをいれます。これでレールの上を台車が往復します
  12. DollyTrack の Position（位置） Y を「-6」にします。これで、レールがスクリーンの一番下を通り抜けることになります。
  13. 左の CM vcam1 を選びます。
  14. Follow を、「Dolly Cart」 に設定します。これでカメラが台車といっしょに動きます。
  15. Look at を「Cube」に設定します。これでカメラが自動的にスクリーンをみるようになります。
  16. 左の DollyCart を選びます。
  17. 「Speed（速度）」を「５」に設定します。
  18. プレイボタンでカメラの映像をみてみましょう。下のようになりました。もし動かなかったら、CM vcam1  の「Body」の右側の設定が「Transposer」になっているか確かめてください。

これは9VAeの動画クリップをはりつけた例ですが、同様にして、いらすとやのイラストなども貼り付けられます。shader を Sprite/default にすると外側が透明になります。

日本語化

Unity Editor > Edit > Preference で言語指定するのですが、その前に、UnityHub で、日本語を追加しておく必要があります。また、一部しか日本語化されません。

  1. UnitiHub >歯車ボタン
  2. Appearance
  3. 「日本語」に変更
  4. Xで閉じます
  5. インストール（Installs）
  6. 歯車ボタン＞モジュールを加える（Add Modules）
  7. 「日本語」にチェック
  8. インストール（Install）
  9. Unity Editor を起動。 Edit > Preferences
  10. Languages
  11. 「日本語」に変更
  12. Xで閉じます

 

LEGO Learning Project をやってみよう

３次元空間での物体の作り方は独特です。Learningで実際に操作して練習するのがわかりやすいです。

  1. UnitiHub >プロジェクト（Project）
  2. 新しいプロジェクト（NewProject）
  3. 使い方を学ぶ（Learning）
  4. LEGO Microgame
  5. プロジェクトを作成（Create Project）。はじめて作成する場合、テンプレートのダウンロード、年齢の確認などが求められます。
  6. Load tutorials
  7. 右側の「Start」で開始します。最初にゲームを実際に操作します。
  8. プレイボタンで、ゲームスタート。キー操作でキャラクタを操作できます。スペースでジャンプします。
  9. このゲームは、最初はクリアできないようになってます。「Next」ボタンを押していくと、ゲームをつづけるために、プレーヤーの速度をあげたり、空中に橋を設置したり、そのために、物体の配置や、３次元での視点変更などの操作を順番に練習していきます。Unity の使い方がわかると、ゲームがクリアできるようになっています。

 

 

内容：

解説動画の作り方

この記事のひとコマ解説GIFは、フリーソフト9VAeきゅうべえで作成しています。

9VAeきゅうべえのダウンロード

 

  • 9VAeきゅうべえで、キャプチャー画面に、矢印や説明を加え、ページに「ひとコマ」設定するだけで作れます。
  • Youtube動画より短く、キャプチャー画面の羅列より見やすいのが特長です。
  • FFmpeg を使って Youtube 動画にすることもできます。

 

画面キャプチャ方法

OS
画面キャプチャ方法
保存先
 Windows
クリップボード
 Mac
  • Shift + Command + 4 （スペースでウィンドウ指定）
デスクトップ
 Android
  •  電源 + 音量Down
 adbコマンド (開発者向け)
  •  adb shell screencap -p /sdcard/screen.png
     adb pull /sdcard/screen.png
フォトアプリ＞
ライブラリ＞
Screenshots
 
iPhone / iPad
  •  ホームボタン + 電源ボタン
  • サイドボタン + 音量UP
写真＞
アルバム＞
スクリーンショット
 Linux Mint
  • Print Screen キー
クリップボード
ファイル
 Amazon Fire
  • 電源 + 音量Down １秒長押し
  • USBケーブルでPCと接続し、
    設定＞接続デバイス＞USB＞ファイル転送
ピクチャ >
スクリーンショット
 Chromebook
  • Shift + Ctrl + ウィンドウ一覧キー（上の中央のキー）
マイファイル >
ダウンロード

キャプチャ画像を転送する方法はこちら

キャプチャ画像から解説動画の作り方

アニメGIF、動画出力

  • 「ファイルメニュー＞アニメGIF出力」または「動画出力」で、好きなサイズのアニメGIF または MP4動画 が作成できます。
    Win / RaspberryPi / Linux版 でMP4動画を作るには FFmpeg が必要です
  • スマホの場合、端末内の「9VAe」フォルダの中に出力されます。フォトアプリで、「端末内の写真＞9VAe」で見ることができます。
  • アニメGIFは、背景を透明にできます。音がいれられません。
  • MP4動画には音が入れられます。Youtubeに投稿できます。Youtubeに投稿する場合、１秒30コマ、高さ720 または 1080 で出力するとよいでしょう。

 

 

9VAe は素材動画が作れる無料アプリ 

      • 9VAeきゅうべえを使えば、オリジナルの素材動画が簡単に作れます。
      • Openclipart や  FreeSVG などフリーのSVGイラストをつかって動くキャラクタが作れます。
      • 動画編集ソフトで動画に合成できます。

OS

フリーソフト

9VAeで作成する素材動画

Windows

AviUtl

連番PNG または MP4

Mac / iPhone / iPad

iMovie

MP4 または　QuickTime(古いMac)

Android / Chromebook

/ iPhone / iPad

PowerDirector

CapCut

GIF または MP4

MP4

作り方

 

      • 9VAeで長いアニメを作ることもできます。以下をご覧ください。

9VAeきゅうべえ：長いアニメを作る方法 - Qiita

 

 

9VAeきゅうべえに関する質問