• ブログTOP
  • AI・ディープラーニング
  • AR
  • VR
  • WEBサイト
  • WEBマーケティング
  • SEO
  • SNS
  • その他
  • お問い合わせ

ALAKI株式会社

COZIKEEいつまでも使えるTech情報発信ブログ

リクルートサイトはこちら >
  • ブログTOP
  • AI・ディープラーニング
  • AR
  • VR
  • WEBサイト
  • WEBマーケティング
  • SEO
  • SNS
  • その他
  • お問い合わせ

Unity Starter AssetsのThird Person Character Controllerで三人称視点を簡単に実装する

2022年10月30日

  • このエントリーをはてなブックマークに追加

こんにちは!
XRクリエイターの伊東(@ALAKIWebVRAR1)です。

※TwitterでもWebXRの事を中心に情報発信中です。
よかったらフォローお願いします!
Follow @ALAKIWebVRAR1

Unity公式パッケージとなっている「Starter Assets」を使って、三人称視点のゲームのベースを簡単に作ってしまう方法をご紹介します。
簡単すぎ、しかも無料という事実に衝撃を受けました!!

 

Starter Assetsのインストール

Unity Assetsにブラウザからアクセスします。
「Starter Assets」で検索をかけると、それらしきパッケージが2つ出てきました。

スクリーンショット 2022-10-30 7.10.19

「Third Person Character Controller」と「First Person Character Controller」の2つで、タイトルとサムネの通り、それぞれ「三人称視点」と「一人称視点」ということで、今回は「Third Person Character Controller」を選択してインストールしてみます。

 

シーンを実行してみる

インストールが完了すると、Unity シーン内の「Assets」フォルダ直下に、「StarterAssets」というフォルダが生成されます。

スクリーンショット 2022-10-30 7.13.50

その中に「ThirdPersonController」というフォルダがありますので、中身のシーンを開いてみましょう。

スクリーンショット 2022-10-30 7.21.39

もうそれっぽい!!

十字キー、または画面左下のスティックでキャラクターを動かせます。

画面右上のスティックは、ぐりぐりと視点だけ変更できます。

後のボタンはジャンプとダッシュですね。

スクリプト類を見てみる

スティック操作のスクリプト

シーン内の「Joystickss_StarterAssetsInputs_Joysticks」というゲームオブジェクトを選択すると、「UICanvasControllerInput」というスクリプトがアタッチされています。
中身をみてみましょう。

スクリーンショット 2022-10-30 7.25.47

「VirtualMoveInput」と「VirtualLookInput」という関数が、先ほど紹介したUI内のスティックに対応しています。
スティックを倒した状態の座標を、Vector2の引数で渡し、StarterAssetsInputsというクラスのインスタンスに渡していますね。

StarterAssetsInputsクラス

次にStarterAssetsInputsクラスをみてみましょう。
StarterAssetsInputsはプレイヤーのGameobjectにアタッチされています。

スクリーンショット 2022-10-30 9.05.46

先ほどのUICanvasControllerInputから送られてきた値を受け取り、StarterAssetsInputsクラスが持つmove、lookなどのVector2に格納しています。

三人称視点のメインスクリプト

StarterAssetsInputsが保持しているmove、lookなどの変数の値を、三人称視点のメインスクリプトが参照し、実際のプレイヤーの向きや位置、プレイヤーを追跡するカメラの視点を変更します。

こちらはプレイヤーにアタッチされている「ThirdPersonController」というスクリプトが担っています。

プレイヤーの進行方向を正しく制御するために、プレイヤーを追跡するカメラとは別のメインカメラの向きを取得して活用しているのがポイントです。

 

以上が、三人称視点の機能を実装している根幹のスクリプトになっています。

ここらへんの仕組みを理解しておくと、カスタマイズが容易になるかと思います。

とても簡単に実装できるアセットであるからこそ、もっと価値の高い独自性のある機能実装にリソースを割くことが可能になってきます。

ぜひ参考にしてみてください!

  • ツイート
  • このエントリーをはてなブックマークに追加

Tags: Unity

You may also like...

  • Google Analyticsで時間帯別の数字を分析して、SNS投稿に役立てよう!

    Excelを使って簡単にINSERT文を作る方法

    11 12月, 2015

  • macにpythonの開発環境を作ってみよう!

    1 1月, 2023

  • Ajax処理を実装しよう!(サーバーサイド編)

    22 9月, 2017

デザイナー募集
プログラマー募集
  • Next story OpenStreetMapから3Dモデル(OBJ)を生成してUnityにインポートする
  • Previous story Unity Netcode for GameObjects (NGO) (旧MLAPI)× Relayでマルチプレイを実装する

運営会社

ALAKI株式会社 ALAKI株式会社採用サイト

弊社サービス

MUGHEN ALAKI クラウド型受発注システム さよなら過去のAR。WebARがイベント集客に革命を起こします。 広報活動の課題を数字で可視化し、出願者数アップをお手伝いします クリエイティブ業務のコミュニケーションを高速化 Webの知識が無くてもWebサイトの品質をチェックできます。

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 色

アーカイブ

  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年2月
  • 2021年12月
  • 2021年9月
  • 2021年7月
  • 2021年6月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年6月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年12月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年8月
  • 2017年7月
  • 2017年6月
  • 2017年4月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2013年10月
  • 2013年9月

Facebook

お問い合わせ

お問い合わせ

人気の記事

  • 「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法
  • Web制作時に高解像度の元画像がない場合にPythonで高画質化する方法
  • 『考える』が楽しくなる!考えを「広げる」・「深める」12の方法
  • macにpythonの開発環境を作ってみよう!
  • 商品・サービスを圧倒的に成長させる、シリコンバレーで注目の「プロダクト・レッド・グロース」を解説

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 色

検索

ALAKI株式会社 © 2026. All Rights Reserved.