「このキャラ、きゃわわ～(^^)」の方程式

7.3K Views

November 17, 23

スライド概要

Nishi

@8623524

スライド一覧

Unrealengine

またはPlayer版

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

ダウンロード

ダウンロード(pdf - 776.18kB)

関連スライド

KH Coder 3 チュートリアル

HIGUCHI Koichi 728.1K

Power Platform 管理者が考えておきたいこと

m365vm

たな 132.3K

Emotet対応トリアージのポイント解説(2022-03-30)-Webinar時

emotet

moto_sato 111.1K

【2023年版】ゲーム制作の現場でよく使うツールをまるっと紹介

ゲームメーカーズスクランブルゲーム制作ツール紹介

ゲームメーカーズ 99.3K

Emotet対応トリアージのポイント解説(2022-03-30)

emotet

moto_sato 96.4K

Docswell（ドクセル）はじめました

docswell pdf officeファイル web共有サービス国産ビジネス資料共有

Yusuke Kawabata 88.3K

各ページのテキスト

「このキャラ、きゃわわ～(^^)」の方程式 ~VR空間に可愛い子を召喚してみた~ Nishi (@n1sh1_vr)

自己紹介 Nishi 2022年4月大学卒業 → ベンチャー就職 2022年11月 Unreal Engineとの出会い 2023年4月退職 → UnrealEngine専業！現在 UE4でVRゲームを開発・販売 @n1sh1_vr 好き：ジョジョの奇妙な冒険、スマブラ、藤井風苦手：イベントの日の雨 2

代表作 etc… 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 3

どんな人向けの話？・UEちょっとわかる・インタラクション性の高いVRコンテンツを作ってみたい・可愛い子が好き「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 5

動画が見られるツイートに飛びます→ 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 7

どんな話？ 1. 物理インタラクション 2. キャラと目が合うようにする動画が見られるツイートに飛びます→ 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 8

1. きゃわわのための物理インタラクション「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 9

物理インタラクション「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 10

物理アニメーション(Physical animation) その間の挙動を実現できる「物理アニメーション」 ※ざっくり物理挙動無し「このキャラ、きゃわわ～(^^)」の方程式ラグドール (Nishi@UnrealEngine (@n1sh1_vr)) 11

10.

物理アニメーション導入方法「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 12

11.

物理アニメーション導入方法「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 13

12.

補足: Make PhysicalAnimationData（ザックリ解説）「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 14

13.

物理アニメーション導入結果動画URL 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 15

14.

物理アニメーションのゲームでの運用アニメーションごとに設定を分けて使用。「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 16

15.

触ったらちゃんとキャラが動くように！「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 17

16.

髪の毛の揺れ・kawaii physicsを使用「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 18

17.

個人的物理アニメーションとkawaii physicsの使い分け物理アニメーション kawaii physics ・軽量でとにかく簡単に超かわいくなる・複雑な形状のコリジョンに対応（当たり判定をつけない部分に採用した）・触った時の挙動の調整がしやすかった「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 19

18.

2. きゃわわのための表情管理「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 20

19.

全人類の共通命題「可愛い子がずっとこっちを見てきたら好きになっちゃう」「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 21

20.

キャラの視線を変える方法そもそもどんな選択肢があるのか？・Boneアニメーション・Morph targetの数値変更・マテリアルのパラメータ変更「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 22

21.

キャラの視線を変える方法・Boneアニメーション →頭全体の向きを変更するのに使用・Morph targetの数値変更 →瞳の移動に使用・マテリアルのパラメータ変更「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 23

22.

頭の向き AnimBPのLookAtノード LookAtLocation: プレイヤーのカメラの位置 Alpha: 0.0~0.8 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 24

23.

頭の向き Alpha = 0.8 Alpha = 1.0 0.8のほうがリアルな人間のような自然な首の角度になる「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 25

24.

瞳の向き瞳の位置を調整するMorphTargetの数値を動的に変更 Special thanks @dokoro2136 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 26

25.

瞳の移動もLookAtが簡単では？物理インタラクションで頭の位置が変わると、目が合わなくなった →キャラの頭の位置を反映させやすい方法がMorphの数値変更だった「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 27

26.

動画が見られるツイートに飛びます→ 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 28

27.

きゃわわへの道のりは無限大・プレイヤーの鼻先、目を交互に見るように瞳をわずかに揺らす・目を閉じると同時に眉も少し下げる・顔を触ると片目を閉じる・目のハイライト（光の反射）をゆらゆら・まばたきと同時にハイライトのサイズを大きく・キャラの年齢がアニメーションの激しさは反比例などなど... 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 29

28.

まとめキャラが、プレイヤーの動きを反映した挙動をすると、実在感が大きく増す。 A journey of “Kawaii” begins with a single step. ~2023.11.17 Nishi on X~ 「このキャラ、きゃわわ～(^^)」の方程式 (Nishi@UnrealEngine (@n1sh1_vr)) 30

29.

開発メンバーも募集中です！ ❖ ❖ ❖ ❖ ❖ ❖ ❖ @n1sh1_vr UnrealEngineエンジニア 3Dモデラー 3Dアニメータープランナーその他UEに興味があるエンジニア VRChater VRゲーマー「ちょっとキミと話してみたいお」「質問してもええ？」って方お～～～～っ気軽に連絡ください 31

「このキャラ、きゃわわ～(^^)」 の方程式