dnjiro’s 9VAe blog

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

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

動画 解説動画

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

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

 

Unityとは

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

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

 

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  で使い方を勉強しましょう。
  • 左の Learning からいろんな教材をダウンロードできます。

f:id:dnjiro:20220305213131g:plain

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

保存先フォルダの変更

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

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

 

スクリプト

  • オブジェクトを選択すると右側に属性がリストされます。
  • その中に Script をつけて、C#プログラムで動作を記述するみたいです。
  • 参考文献

 

３次元モデルをいれて、動画をはりつける

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

  1. UnityHub Project 右上の「NewProject」をクリック
  2. 「3D Core」を選ぶ。
  3. 名前をつけて
  4. 「CreateProject」。これでEditorが開きます。
  5. Editorにアクセスを許可。空のプロジェクトが起動します。
  6. メニュー「GameObject > 3D Object > 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を選びます
  10. WayPoints ０（レールの開始点）、１（レールの終了点）のZ座標をそれぞれ「-50」「10」に変更します。これで、より遠くから接近するようになります。
  11. Looped にチェックをいれます。これでレールの上を台車が往復します
  12. TrackのPosition Y を「-6」にします。これで、レールがスクリーンの一番下を通り抜けることになります。
  13. CM vcam1 を選びます。
  14. 「Follow 」を、「Dolly Cart」 に設定します。これでカメラが台車といっしょに動きます。
  15. 「Look at」を「Cube」に設定します。これでカメラが自動的にスクリーンをみるようになります。
  16. DollyCart を選びます。
  17. 「Speed」を「５」に設定します。
  18. プレイボタンでカメラの映像をみてみましょう。下のようになりました。

内容：

解説動画の作り方

この記事のひとコマ解説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 + ウィンドウ一覧キー（上の中央のキー）
マイファイル >
ダウンロード

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

キャプチャ画像を9VAeに読みこむ

f:id:dnjiro:20220119095713g:plain

  1. 画像入力ボタン「山」でキャプチャ画像を読み込む
  2. 画像の中心の「＋」をクリック。メニューから「ステージの大きさにする」
  3. 画像の中心の「＋」をクリック。メニューから「ページを画像に合わせる」

文字、矢印を入れる

f:id:dnjiro:20220119131719g:plain

  1. 文字入力ボタン「A」で数字を入力
  2. 角の■をドラッグでサイズ変更。
  3. 中心の「＋」または枠線のドラッグで移動
  4. 線の種類ボタンをクリック。メニューから「→」で矢印に設定
  5. 折れ線ボタンをクリック
  6. 開始点
  7. 終了点
  8. 選択ボタンで入力終了
  9. 太さ設定ボタン。メニューから「太くする」で太くできます。
  10. 文字入力ボタン「A」で説明文章を入力
  11. 背景の色を設定
  12. 線の種類メニューの「ー」で枠線がつきます
  13. 太さ設定ボタン。メニューから「太くする」で太くできます。

文字の色、縁、影をつける

f:id:dnjiro:20220119140955g:plain

  1. 文字を選ぶ
  2. 文字タブ２をクリック
  3. 文字の色をクリック
  4. 赤に設定
  5. 文字と矢印をドラッグして選ぶ
  6. 図形タブ１をクリック
  7. 線の種類から「縁をつける」
  8. 線の種類から「影をつける」、線の種類から「広く」
  9. 線の色「赤」

ひとコマアニメーションにする

f:id:dnjiro:20220119154101g:plain

  1. ページ時間をクリック。メニューから「ひとコマ」を設定。これでアニメーションができます。
  2. プレイボタンで再生してみましょう。入力した順番に文字、矢印がでてきます。
  3. これで１ページ完成です。続きを作りたい場合は、ページの右側の「＋」をクリックし「続きのページを作る」で、２ページ目が作成できます。

アニメ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

PowerDirector

GIF または MP4

作り方

 

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

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

 

 

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