猫でも分かるゲームエンジンのサンプルを面白くする方法

92.8K Views

June 18, 24

スライド概要

本スライドは2024年5月25日(土)に開催したゲーム開発者向けのリアルイベント『ゲームメーカーズスクランブル2024』で行われた講演のスライドとなります。

タイトル：
猫でも分かるゲームエンジンのサンプルを面白くする方法

内容：
タイトル：
猫でも分かるゲームエンジンのサンプルを面白くする方法

内容：
ゲームエンジンの普及により誰でもゲームを作れる時代になり、検索すると様々な情報や解説が見つかります。
でも…「手元にあるコレをどうしたら面白くなるの？」という初心者の方が欲しい情報ってあまりないですよね？
そこで、ゲームエンジンのアクションゲームサンプルを題材に、ゲームを面白くするテクニックを時間の限りご紹介します。（ゲーム開発初心者向けです。また、特定のゲームエンジンに依存しない内容にする予定です）

登壇者：
スクワッドスターズ株式会社
シニアプログラマー
岡田和也氏

講演動画も公開中！
https://youtu.be/roJkwvM02Go

【アーカイブ記事】https://gamemakers.jp/article/2024_06_18_69405/
【イベントページ】https://gamemakers.jp/scramble2024/
【イベントレポート記事】https://gamemakers.jp/article/2024_06_04_69158/

ゲームメーカーズ

@gamemakers

スライド一覧

ゲームづくりに役立つ情報をお届けする「ゲームメーカーズ」の資料公開用アカウント。 WEBメディア「ゲームメーカーズ」では、ゲーム開発TIPSや”作り手目線”のインタビュー、お得なセール情報などを毎日更新！ http://gamemakers.jp

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト

猫でも分かるゲームエンジンのサンプルを少し面白くする方法 - ゲームメーカーズスクランブル 2024 -

本講演の対象者 ● ゲームを作ったことがない ● ゲームエンジンのドキュメント・サンプルは見たけどその先どうすればいいか分からない ● 初めてゲームを作り始めたけどどうも面白くならなくて困ってるつまり、ゲーム開発初心者向けの講演です！面白さとは？みたいな話もしません！対象外の人は…続きを聞くなら自己責任で！

自己紹介スクワッドスターズ株式会社シニアプログラマー岡田和也兼おかず( @pafuhana1213 ) 経歴： ~ 2016年：株式会社カプコンゲームエンジン・VRゲーム開発 ~ 2023年：エピックゲームズジャパン UnrealEngine ( UE ) 技術サポートコミュニティ担当 ~ 現在：現職ゲーム開発現場へ… ※ 本講演の内容は業務とは関係なく、これまでの経験や学習に基づいたものです

個人活動ミニゲームやインディーゲームを作ってたり（いつ完成するんだ？） Unreal Engineのプラグインを作ったり（Kawaii Physics など）

https://github.com/pafuhana1213/KawaiiPhysics

この豪華メンバーの中で代表作がない & 7年ぶりに開発現場に戻ったばかりの人間が… ゲームの面白さを語るの…？正気か！？

本講演の説得力を出すためにも経緯などについて少し説明

登壇よろしくね！あ、UE特有の話はNGで！「ゲームを面白くする！」とかいいかも？あとは、いい感じによろしく！は、はい… （どうしよう…）ゲームメーカーズのえらいひとぼく

ゲームを面白くする方法ってどう学んできたっけ？いろんなゲームをプレイ＆真似してみる！参考情報を読み・見漁ってみる！特出した才能・スキルはないし、開発現場にもいないコンプレックスが原動力

正攻法のように見えますが… 今からゲーム開発を始める方には大変な道のりなのかも？

10.

僕のゲーム機遍歴

11.

2024年におけるゲーム開発初心者の場合要素・規模が大きすぎて真似できない！

12.

僕のゲーム開発・参考書遍歴

13.

2024年におけるゲーム開発初心者の場合

14.

ゲームの面白さで検索… ゲーム性、爽快感、ストーリー性、グラフィック、レベルデザイン、ナラティブ、リスク＆リターン、インタラクティブ性、リソース管理、グレーボックス、 UX、インタラクティブミュージック、感情曲線、難易度曲線、ゲームコンセプト、リトライ性、ユーザビリティ、予定・結果・実行、MDAフレームワーク、遊びの４分類、マズローの欲求5段階説・・・ゲームエンジン学習で検索… プログラミング、マテリアル、ライティング、テクスチャ、テライン、物理、サウンド、アニメーション、AI、ネットワーク、シーン管理、エフェクト、UI、アセット管理、ライティング、デバッグ、ノードベース、プロファイリング、マルチプラットフォーム

15.

16.

その結果… サンプルは動いたけど… ここからどうすればいいの…？

17.

前職で実施していた学習イベント「アンリアルクエスト」お題をサンプルプロジェクトに実装していくと自分だけのオリジナルゲームが完成する！という形式（運営：ヒストリア様）

18.

本講演の趣旨・目的ゲームエンジンのサンプルからのはじめの一歩になる（かもしれない）お題・ヒントをご案内

19.

本講演の趣旨・目的話さないこと - ここだけしか聞けない斬新な開発手法 - ゲームのコア・コンセプトの参考になるもの - ゲームエンジンの使い方・実装方法 - むずかしいこと話すこと - 古くからゲーム開発において有名・基本的なこと - 導入・考慮することで、ゲームが少し面白くなる（可能性がある）こと - ググる・AIに聞く・自分で応用するための情報・キーワード - かんたんなこと（一部チャレンジ要素あり）

20.

調理に例えると話さないこと話すこと塩コショウをかけると美味しいよ！美味しい料理のレシピ調理器具の使い方肉は焼く前に切れ目入れるとよく焼けるよ！ある程度料理をしている人なら誰でも知ってる & スグ真似できる Tips （どの料理にも合うわけではない）

21.

ゲームエンジンのサンプルの多くは 3人称視点でキャラクターを動かすタイプ本講演ではそのジャンル寄りの内容が多くなる点についてご容赦ください

22.

昔は大変でしたが昨今のゲーム開発環境なら猫でもカンタン！まずは第一歩を！

23.

お品書き 1. プレイヤーキャラ a. 移動 b. ジャンプ 2. カメラ 3. レベルデザイン 4. その他（時間があれば）

24.

プレイヤーキャラの移動編 - 移動速度を調整してみよう！ - 加速度・摩擦力を調整してみよう！ - 足滑りを気にしてみよう！

25.

まずはここから！移動速度を調整してみよう！

26.

移動速度の調整をしてみよう！ゲームのジャンル・ゲームデザインなどによって、適切な移動速度はさまざま。難易度だけでなく、多数の要素に影響にする部分

27.

移動速度は様々な要素に影響する部分！（以下は一部） 1ステージのプレイ時間（or 必要となる長さ）アニメーションの種類・方向性背景の各要素を確認できる時間（背景品質のコスパ）移動速度に関連するギミック

28.

開発がある程度進んだ後に移動速度を調整すると数多くの関連要素も再調整が必要に… 開発序盤に（ある程度）固めておくのがオススメ！

29.

ゲームエンジンのサンプルなら… 用意されたパラメータをいじれば即反映！かんたん！ © Unity Technologies Japan/UCL

30.

検索ワードゲームエンジン名例：”UE5 移動速度キャラクタ” ● ● ● ● 移動速度速さ Velocity Speed ● キャラクタ ● オブジェクト

31.

加速度・摩擦力を調整してみよう！

32.

加速と減速停止 -> 加速最高速減速 -> 停止

33.

加速と減速移動速度

34.

加速と減速スティックを倒した！スティックを戻した！最高速に達するまで速度 V に加速力 A を足す停止（速度 = 0）まで速度 V に減速力 D を引く

35.

加速・減速力は操作性・難易度に大きく影響する！

36.

加速力を変えた場合

37.

加速力を変えた場合 - 思い通りに動かせる（入力に対するレスポンスがいい） - リアルではない（物理的に正しくないように見える） - リアルっぽい - 入力に重たさを感じる - 思い通りに動かせない - 負の要素を回避しづらい

38.

減速力を変えた場合

39.

減速力を変えた場合 - 思い通りに動かせる（入力に対するレスポンスがいい） - リアルではない（物理的に正しくないように見える） - リアルっぽい - 入力に重たさを感じる - 滑って止まりづらい - 負の要素を回避しづらい

40.

いろいろ考えてみる・調整してみるのが大事！繊細な操作が必要なアクションゲームだから、加速力・減速力は高めに！モンスターから逃げる緊張感を強調したいから加速力は少し下げてみようリアリティが重要だから加速・減速力は中ぐらいに… 難易度を上げたいから、加速・減速力が変化するギミックを作ってみる

41.

おまけ：移動入力以外で加速力を調整ステップで一気に最高速度に到達移動継続（通常時は加速力 = 中）ハイスピードなアクションゲームでよく見かける仕様

42.

検索ワードゲームエンジン名 ● ● ● ● ● ● ● ● 加速減速ブレーキ摩擦 Accelerator Acceleration Braking Friction ● 移動 ● キャラクタ ● オブジェクト

43.

足滑りを気にしてみよう！

44.

足滑り（フットスライディング）ってなに？アニメーションと移動速度が合っていないときに起きる現象リアル寄りのゲームになるほど粗として目立ってしまう…

45.

足滑りを解決・軽減策 ① 現在の移動速度に一致する（ or 近い）アニメーションをブレンド再生 0 500 1000 2500

46.

ブレンド再生 ( 速度 750の場合） ✕ 0.5 + 500 ✕ 0.5 = 1000 750

47.

この解決方法の問題・注意点調整した移動速度に合うアニメーションアセットを用意する必要があるブレンドで代用も可能だが求める品質にならない可能性がある… アニメーションを製作・調整できない場合は「使用候補のアニメーションに操作キャラの移動性能を合わせる」という方針も候補に

48.

無料アニメーションアセット ● ゲームエンジン公式ストアの無料アセット・サンプル ○ Unreal Engineのストアでは、一部アセットが無料になる取り組みが毎月あるので要チェック ● Mixamo（Adobe社が提供している無料サービス）

https://www.unrealengine.com/ja/feed/all/マーケットプレイス

49.

足滑りを解決・軽減策 ② 足滑り問題が発生しない・しづらい表現にする移動中はかならず空を飛んだりリアルから離れたキャラクタを使ったりそもそも足がないオブジェクトを操作キャラにしたり © Unity Technologies Japan/UCL

50.

おまけ：プロシージャルアニメーションで足滑り対策移動速度に応じてアニメーションをリアルタイムで編集したり、完全にアルゴリズムで制御するといったやり方も速度に応じて歩幅を自動補正 Unity procedural animation tutorial (10 steps)

https://www.youtube.com/watch?v=e6Gjhr1IP6w&ab_channel=Codeer

51.

検索ワードゲームエンジン名 ● 足滑り ● フットスライディング ● Foot sliding

52.

プレイヤーキャラのジャンプ編 - ジャンプ力・重力を調整してみよう！ - ジャンプ力・重力を動的に変えてみよう！ - 空中制御・慣性を調整してみよう！

53.

ジャンプ力・重力を調整してみよう！

54.

ジャンプの調整どれだけ高くどれだけ長く滞空してどれだけ速く地面に落ちるか

55.

ジャンプも重要な要素 & 早めの調整が必要！ゲームの手触り・難易度に大きく影響したり… 途中で変更すると調整やチェックで苦労したり…

56.

ジャンプの調整パラメータ ● ジャンプ力（初速） ● 重力高さ物理的な正しさと自分のゲームに最適なのかは別問題！時間

57.

ここの調整がキモ！最高到達点上昇滞空落下

58.

まずは指針となる最高到達点から決めるのがオススメ高さを確認できるものがあると便利！

59.

検索ワードゲームエンジン名 ● ● ● ● ● ● ● ジャンプ力ジャンプ高さジャンプ距離 Jump Velocity Jump Speed Jump Height Jump Distance

60.

ジャンプ力・重力を動的に変えてみよう！

61.

パラメータ 2つのみで “イイ感じ” にするのは難しい！

62.

例：サンプルのフワフワ落下を速くしたい！重力を強くしてみる！最高高度が下がったのでジャンプ力上げてみる… 最高高度付近の時間が短くなって難易度が高くなってしまった…

63.

重力を動的に変えてみると… 物理的には全く正しくないけど少し気持ちいい挙動を実現できた！重力速度

64.

重力を変更することで、落下パートを短縮

65.

ボタンを長押しするとより高くジャンプ下から風が吹いてるエリアではふわふわ浮ける MAX ◯ m/s パラシュートを開いてゆっくり落下落下速度に制限を設ける（速すぎると反応が追いつかない）

66.

空中制御力・慣性を調整してみよう！

67.

空中制御力空中における水平方向の加速力・減速力（空気抵抗）加速力：低減速力：強比較的リアルな挙動だけどジャンプ後の位置調整が難しい加速力：強減速力：弱ジャンプ後の位置調整ができるけど見た目に違和感が出てくる

68.

慣性ジャンプ直前までの移動速度をどの程度まで反映・継続するか？スピード・爽快感を重視するか精密な操作を重視するか？

69.

検索ワードゲームエンジン名 ● ● ● ● ● 空気抵抗慣性 AirControl Deceleration Inertia ● ジャンプ ● Jump

70.

ジャンプは・・・奥深い！

71.

真下に影があると着地地点を予測しやすくなる着地直前でジャンプ入力をしていると着地後に自動ジャンプ崖から落ちても一定時間中はジャンプ可能（コヨーテタイム）

72.

おすすめの資料 Celeste 作者公式の解説記事 https://maddymakesgames.com/articles/celeste_and_forgiveness/index.html Celesteの操作が心地よい理由 - Game Maker's Toolkit https://www.youtube.com/watch?v=yorTG9at90g ジャンプのしくみ【仕様】 https://www.youtube.com/watch?v=zxOBCjqP8-Y 気持ちのいいジャンプを目指して https://qiita.com/odanny/items/297f32a334c41410cc5d Math for Game Programmers: Building a Better Jump https://www.youtube.com/watch?v=hG9SzQxaCm8

73.

カメラ編 - 配置・向き・画角を調整してみよう！ - ラグを（少し）つけてみよう！

74.

配置・向き・画角を調整してみよう！

75.

カメラとは？ゲーム画面を生成するための視点にあたるもの

76.

主な調整パラメータ位置 ( キャラクタとの距離）と角度・注視位置画角 ( Field Of View / FOV )

77.

キャラクタとの距離とカメラの角度を変えた場合

78.

画角のみを変えた場合 ( 90 -> 60 -> 45 -> 120 )

79.

画角とキャラの見え方キャラをいい感じに見せたい場合は画角を小さめにするのがオススメ！（広角レンズ、望遠レンズの違い） 90度 60度 30度

80.

カメラは・・・奥深い！

81.

プレイヤーを追いかけたり

82.

操作によって視点の向きを変えたり

83.

カメラを調整すると印象が大きく変わるのでオススメ！

84.

移動速度やジャンプと同様に早い段階である程度決めておかないと大変なことに！

85.

検索ワードゲームエンジン名 ● ● ● ● カメラ視点 Camera View ● ● ● ● ● ● ● ● 距離画角視野角追従 Length Distance FOV Tracking

86.

ラグを（少し）つけてみよう！

87.

カメラの挙動が不安定になる例操作キャラにぴったり追従入力に対して向きの回転量が過敏過ぎる ※ゲームの特性や好みの違いもあるので 100%駄目というわけではありません

88.

ラグ（カメラに遅れを追加）を入れてみると… ● キャラが大きく動いても、画面が急激に変化しないように ● キャラの加速・スピード感が強調されるようにラグなしラグあり ※ 違いがわかりやすいようにラグを強めに

89.

ラグなしキャラ追従

90.

ラグなしキャラ追従

91.

ラグありキャラ追従

92.

ラグありキャラ追従

93.

ラグありキャラ追従

94.

ラグの実装・調整現在のカメラ位置 A とラグなし時のカメラ位置 B をどう補間するか？ ● A と B に対して一定の割合 r を適用 ● A から B に向かって一定速度 s で移動この計算式・パラメータ調整でゲームの印象・快適さ・酔いやすさが大きく変わってくる！

95.

他にもカメラにはテクニック・注意点が沢山！移動方向がよく見えるように注視点をずらす上下方向は追従しない（着地位置がわかりやすくなる）カメラとキャラの間にオブジェクトが重なったらどうする…？

96.

実例をベースにした解説資料がオススメ注視点をくっつけない【仕様】 https://www.youtube.com/watch?v=Rd7-uJ10lfo 【天穂のサクナヒメ】横スクロールアクション時のカメラ解説 https://www.youtube.com/watch?v=gI85V-7vbAI 3Dゲームを面白くする技術 https://www.sbcr.jp/product/4797357363/ How to Make a Good 2D Camera https://www.youtube.com/watch?v=TdWFzpgnljs How Cameras in Side-Scrollers Work（GDC 2015） https://www.youtube.com/watch?v=pdvCO97jOQk https://docs.google.com/document/d/1iNSQIyNpVGHeak6isbP6AHdHD50gs8MNXF1GCf08efg/pub 50 Game Camera Mistakes https://www.youtube.com/watch?v=C7307qRmlMI

97.

開発初心者 & 短期間で作るなら、シンプルなカメラ形式がオススメ

98.

レベルデザイン編 - グレー（ホワイト）ボックスでステージを作ってみよう！ - 目的・意図をこめてみよう！

99.

みんな大好き「レベルデザインの定義」の話さまざまな議論が数ヶ月間隔で行われていますが本講演における定義は以下の通りパラメータ・難易度を調整空間・遊び・体験を設計

100.

グレー（ホワイト）ボックスでステージを作ってみよう！

101.

グレー（ホワイト）ボックスとは？箱などの単純なモデルでレベルデザインをすること「作成テスト修正テスト…」の流れが爆速になり、ゲームの面白さが向上遊びをしっかり固めることで後工程での出戻りを回避

102.

参考資料 Unreal Engine 4を利用した先進的なゲーム制作手法 The Unreal Way 2016 https://youtu.be/tRSa7IarsgU?si=Vc6GVi_PiE2SXTzx 『Hi-Fi RUSH』のリズムアクションはどうやって生まれたのか！？ | UNREAL FEST 2023 TOKYO https://youtu.be/seX058XBh-w?si=-8aQKsYVvEWSX5j6&t=3293 『VALORANT』のマップにおける環境アート https://playvalorant.com/ja-jp/news/dev/the-art-of-valorant-map-environments/ 【CEDEC 2023】開発に14カ月、ブラッシュアップに15カ月。「『メグとばけもの』のつくりかた – 心を揺さぶるゲームの技術」講演レポート https://indiegamesjp.dev/?p=8191&page=3 （少しグレーボックスから外れますが、仮素材で骨組みを作る話し）

103.

見た目が伴わない状態で開発するのは不安になりますが… 騙されたと思ってグレーボックスで作ってみてください！（たぶん）おもしろくなるから！

104.

グレーボックスことはじめゲームエンジン標準やサンプルにあるアセットを活用しよう！グレーボックス用の無料アセットもあったり UE : Super Grid Unity：Prototyping Pack (Free)

105.

ゲームエンジン上でモデリングエディタ上でモデルを作る機能を活用することで高度なレベルデザインをより高速に UE5 : Modeling Mode の CubeGrid Unity : ProBuilder

106.

検索ワード ● Level Design ● Prototype ● ● ● ● Graybox Whitebox Blockout Blocktober ゲームエンジン名

107.

グレーボックスってやつが良いのはわかった！それで… どうレベルデザインすればいいの？

108.

正解はないけど、ヒントやテクニックは沢山ある ProBuilderで学ぶレベルデザインレベルデザインについて https://www.docswell.com/s/UnityJapan/ZR92E5-unite-tokyo-2018-training-dayprobuilder-94729689 ワンランク上のゲームデザイン・レベルデザイン・UIデザインを考える「コンテキスト」「コンフリクト」「コントラスト」デザイン https://cedil.cesa.or.jp/cedil_sessions/view/1772 “『ゼルダの伝説ブレスオブザワイルド』におけるフィールドレベルデザイン～ハイラルの大地ができるまで～” https://www.4gamer.net/games/341/G034168/20170901120/ フロム・ソフトウェアのゲームグラフィックス制作の拘り https://www.4gamer.net/games/463/G046388/20211130134/ 高速「体験」を生み出すレベルデザイン～ソニックフォースの「セット」手法～ https://cedil.cesa.or.jp/cedil_sessions/view/1599 ケロブラスターのレベルデザイン https://note.com/akutaba/n/n5d6504dafbee 3Dゲームをおもしろくする技術実例から解き明かすゲームメカニクス・レベルデザイン・カメラのノウハウ https://www.sbcr.jp/product/4797357363/

109.

英語（日本語字幕）の動画もオススメスーパーマリオ3Dワールドの起承転結のステージデザイン| Game Maker's Toolkit https://www.youtube.com/watch?v=dBmIkEvEBtA 任天堂はどのようにゼルダのオープンワールドの問題を解決したか | Game Maker's Toolkit https://www.youtube.com/watch?v=CZzcVs8tNfE Ten Priciples for Good Level Design（良いレベルデザインのための10原則） https://www.youtube.com/watch?v=iNEe3KhMvXM https://game.watch.impress.co.jp/docs/news/593961.html Level Design Workshop: The Level Design of 'God of War' （ゴッド・オブ・ウォーにおけるレベルデザイン） https://jp.ign.com/god-of-war-2018/34151/feature/6 GDC Level Design Talks https://www.youtube.com/playlist?list=PLgXVQbXBZAKLJeQvD7MlaW-GHNkitBcGZ

110.

超ざっくりな要約なんとなくでレベルデザインをするのではなく目的・意図を込めるのが大事！

111.

レベルデザインに注力できる UGC環境で練習するのもアリ！ UGC = User Generated Content スーパーマリオメーカー2 https://www.nintendo.com/jp/switch/baaqa/pc/index.html ナビつき！つくってわかるはじめてゲームプログラミング https://www.nintendo.com/jp/switch/awuxa/index.html Minecraft https://www.minecraft.net/ja-jp Unreal Editor for Fortnite (UEFN) https://www.unrealengine.com/ja/uses/uefn-unreal-editor-for-fortnite

112.

目的・意図をメモっておくのがオススメ！ ↓ このループを断ち切りたかったのがきっかけ ① いい感じのステージができた！ ② 数ヶ月後、制作当時のことは忘却の彼方へ ③ なんか自信がなくなって作り直し… ④ ①へもどる

113.

114.

ここまでの内容は…強く連動している…！！！操作キャラの移動性能操作キャラのジャンプ性能カメラレベルデザイン

115.

この4つをオススメした理由 ● 多くの要素の土台になる部分なので触っておいて損なし！ ● パラメータ調整やアセットを配置していくとゲームがガラッと変わるので楽しい！ ● ゲームエンジンのサンプルっぽさをなくせる！ ● この4つだけでもゲームの面白さは作れる！

116.

その他編（時間があれば）

117.

バトル編ヒット攻撃の予兆

118.

バトル編 – ヒット – 【実例付き】「ヒット演出」代表10選 https://blog.toylogic.co.jp/planner/4111.html アクションゲームの手触りについて https://blog.toylogic.co.jp/programmer/3758.html ヒットストップの尺検証動画 (天穂のサクナヒメ) https://www.youtube.com/watch?v=Hf23qtmZfUM 大事なところはストップ! 【仕様】 https://www.youtube.com/watch?v=APOD1fmwPaM 8つのヒットストップ仕様【仕様】 https://www.youtube.com/watch?v=CiQzmwz_Olg A.B.I.torial: What Is Hitstop? https://www.youtube.com/watch?v=s4HKw7Hqqd0

119.

バトル編 – 攻撃の予兆 – 「予定・実行・結果」を回す楽しさを与えられるかを意識 ○ すぐに役立つ！ゲームデザイン【 #ゲームメーカーズスクランブル】 https://www.youtube.com/watch?v=pmKuEIui_Ws 調整項目の一部 ● 攻撃モーションの速度 ● ブレンド時間・方式の調整 ● 予兆エフェクト、サウンド

https://www.youtube.com/watch?v=pmKuEIui_Ws

120.

サウンド編 BGM・効果音効果音の鳴らし分け

121.

使ったことがあるオススメの素材サイト DOVA-SYNDROME https://dova-s.jp/ 魔王魂 https://maou.audio/ Springin’ Sound Stock https://www.springin.org/sound-stock/category/bgm/ 効果音ラボ https://soundeffect-lab.info/ ユーフルカ https://youfulca.com/ GDC – Game Audio Bundle https://gamemakers.jp/article/2023_03_23_34831/