Slide 1

Slide 1 text

24࣌ؒͰήʔϜΛͭ͘ΔͨΊ ͷ Unity 2019/4/4 cluster.unity #1 Ͷ͓ΓΜ (@noir_neo) 1

Slide 2

Slide 2 text

Ͷ͓ΓΜ • @noir_neo • ήʔϜΛͭ͘Δ • Ϋϥελʔגࣜձࣾ • ιϑτ΢ΣΞΤϯδχΞ • όʔνϟϧϋτ(Ծ) 2

Slide 3

Slide 3 text

ਪ͠ͷVλϨϯτ 3

Slide 4

Slide 4 text

somunia • @she_is_wired • youtube.com/c/somuniaroom 4

Slide 5

Slide 5 text

24࣌ؒͰήʔϜΛͭ͘ΔͨΊ ͷ Unity ֓ཁ • 24࣌ؒͰήʔϜ࡞Δ΍ͭ • ஌ݟͳͲ • ·ͱΊ 5

Slide 6

Slide 6 text

24࣌ؒͰήʔϜ࡞Δ΍ͭ • 24࣌ؒ(͘Β͍)ͰήʔϜ࡞Δ • Unity1िؒήʔϜδϟϜΛ΍Ζ͏ͱ͚ͯͨ͠Ͳɺ1िؒ௕͍ ͳͬͯ͜ͱͰ࢝Ίͨ • ༑ୡͱ͔ಉ྅ͱ΍ͬͯΔ׬શʹݸਓతͳ࠵͠ • ࣮ࡍʹίʔυॻ͍ͯΔͷ͸12࣌ؒఔ౓ • Ͱ΋ΞσΟγϣφϧλΠϜ͸΍Γ͕ͪ 6

Slide 7

Slide 7 text

24࣌ؒͰήʔϜ࡞Δ΍ͭ • ڈ೥10ճ΍ͬͨ ࠓ೥͸2ճ • Ұ൪ଟ͘΍ͬͯΔߏ੒͸ ΤϯδχΞ2 σβΠφʔ1 • جຊతʹ੒Ռ෺͸ WebGL Ϗϧυ 7

Slide 8

Slide 8 text

࠷ۙͷ੒Ռ෺Λ঺հ͠·͢ • େסഋ THE GREAT KANPAI • POPPO SHOOTER 2019 • ൥೰ RUN • sun-ma 8

Slide 9

Slide 9 text

9

Slide 10

Slide 10 text

10

Slide 11

Slide 11 text

11

Slide 12

Slide 12 text

12

Slide 13

Slide 13 text

13

Slide 14

Slide 14 text

14

Slide 15

Slide 15 text

஌ݟͳͲ • 24࣌ؒͰ׬੒ͤ͞ΔͨΊʹɺࢲୡ͕͍Ζ͍Ζࢼͯ͠ࠓͷॴͨͲ Γண͍ͯΔΞϨίϨ • ڠۀ͢Δʹ͋ͨͬͯͳΔ΂͓͘ޓ͍ͷ࡞ۀΛϒϩοΫ͠ͳ͍ • ͋Δఔ౓ϝϯςφϏϦςΟ͸ࣺͯͯ଎౓ΛऔΔ • ͔͋͠͠·Γʹ΋ແடংͩͱ׬੒͠ͳ͍! 15

Slide 16

Slide 16 text

஌ݟͳͲ • ͜͜Ͱൃද͢Δ͜ͱ͸ϓϩμΫγϣϯίʔυͰ͸௨༻͠·ͤΜ • ήʔϜδϟϜͱ͔ϓϩτλΠϐϯάͷώϯτʹͳΕ͹޾͍ • Ͱ͖Δ͚ͩଟ͘ͷ tips Λ঺հ͢ΔͨΊʹͻͱͭͻͱͭৄ͍͠આ ໌͸͠·ͤΜ • ؾʹͳͬͨ͜ͱɺΑ͘Θ͔Βͳ͔ͬͨ͜ͱͳͲ͸͋ͱͰฉ͍ ͍ͯͩ͘͞! 16

Slide 17

Slide 17 text

஌ݟͳͲϦετ 1/2 • ઃܭ͸ࡶʹ΍Δ • 1scene ͰλΠτϧʙϦβϧτ·Ͱ΍Δ • Zenject ͸ϛχϚϜʹ࢖͏ • UniRx ͸࠷௿ݶ class ؒͷΠϕϯτ௨஌Ͱ࢖͏ • Input ͸ interface Ͱ͍͍ײ͡ʹ 17

Slide 18

Slide 18 text

஌ݟͳͲϦετ 2/2 • nested prefab ͸ਆ • CPU ͷ࣮૷͸ Random Ͱे෼ • UniRx.Async ͸ήʔϜશମͷεςʔτ؅ཧʹศར • Cloud Build ͸ΘΓͱΦεεϝ • deploy ͸ࣗಈԽ͓ͯ͜͠͏ 18

Slide 19

Slide 19 text

ઃܭ͸ࡶʹ΍Δ • શମͷߏ੒֬ೝͱ෼୲ͷՄࢹԽͷͨΊʹ͢Δ • namespace ͱ class ͱґଘͷ޲͖͘Β͍ • property ͱ͔͸શ෦ॻ͜͏ͱ͠ͳ͍ 19

Slide 20

Slide 20 text

20

Slide 21

Slide 21 text

21

Slide 22

Slide 22 text

1scene ͰλΠτϧʙϦβϧ τ·Ͱ΍Δ • ͦΜͳʹϦονͳλΠτϧ/ϦβϧτΛ࡞͍ͬͯΔՋ͸ͳ͍ • scene ભҠͱ͔ॻ͘͘Β͍ͳΒ UI ͷ active ੾Γସ͑Δ͚ͩͰ͍ ͍! • ੩తͰ͍͍΋ͷ͸ͱʹ͔͘ scene ʹ͓͍͍ͯ͘ • ίϯϑϦΫτ͢Δͱ஍ࠈͳͷͰ prefab ʹ͢Δͷ͸ඞਢ!! 22

Slide 23

Slide 23 text

23

Slide 24

Slide 24 text

Zenject ͸ϛχϚϜʹ࢖͏ Zenject ͕ԿͰ͋Δ͔͸Έͳ͞Μ஌ͬͯΔମͰߦ͖·͢ 24

Slide 25

Slide 25 text

Zenject Binding (ͱ Zen Auto Injecter) ͸ੵۃతʹ࢖͍ͬͯ͘ • scene ͷϧʔτΦϒδΣΫτಉ࢜ͷґଘ͸ SerializeField Ͱղܾ ͠ͳ͍΄͏͕ྑ͍ • γʔϯʹอଘ͞ΕΔͷͰίϯϑϦΫτϦεΫ͕ߴ͍ • Factory ͸ॻ͘ྔ͕૿͑Δ͚ͩͰࢫΈ͕গͳ͍ • ࣮ߦίετ͸ؾʹͯ͠͸͍͚ͳ͍ 25

Slide 26

Slide 26 text

GameObjectContext ͸ player Λಈత ʹ࡞Δͱ͖ͳͲʹ༗ޮ͕ͩ… • ී௨ʹ Instantiate ͨ͠΄͏͕ૣ͍ • input ͷࠩ͠ସ͑ΛͲ͏΍Δ͔͸೉͍͠ͱ͜Ζ • ཧ૝͸ pure class Ͱ΍Γ͍͕ͨ GameObject Context Installer ʹ Ҿ਺౉͢ͷͱ͔ΊΜͲ͍͘͞ • Monobehaviour ʹͯ͠ GetComponent(); Ͱे෼Ά͍ 26

Slide 27

Slide 27 text

UniRx ͸࠷௿ݶ class ؒͷΠ ϕϯτ௨஌Ͱ࢖͏ UniRx ͕ԿͰ͋Δ͔͸Έͳ͞Μ஌ͬͯΔମͰߦ͖·͢ 27

Slide 28

Slide 28 text

ґଘੑ͸ٯస͠Α͏ • interface Λա৒ʹ੾ͬͯ΋ɺ24࣌ؒ಺ʹ͏Ε͍͜͠ͱ͸ͦΜͳ ʹͳ͍ • ݫີʹґଘੑٯసΛ͢Δඞཁ͸ͳ͍͕… • ந৅ʹґଘͤ͞ͳ͍ͱͯ͠΋ Observer ύλʔϯͰґଘͷ޲͖͸ ٯʹ͓ͯ͘͠ • class ͷ੹຿͕෼͚΍͘͢ɺػೳ௥Ճ͕͠΍͍͢ɺίϯϑϦΫ τϦεΫ΋Լ͕Δ 28

Slide 29

Slide 29 text

كʹΑ͘ݟΔίʔυ 29

Slide 30

Slide 30 text

public class PlayerCore : MonoBehaviour { [Inject] IInputEventProvider inputEventProvider; bool CanJump { get; set; } // ஍໘ʹ͍͍ͭͯΔ͔ͱ͔ void Start() { inputEventProvider.Jump .Where(b => b && CanJump) .Subscribe(_ => Jump()) .AddTo(this); } 30

Slide 31

Slide 31 text

[SerializeField] PlayerMover mover; void Jump() { mover.Jump(); } } 31

Slide 32

Slide 32 text

δϟϯϓͨ͠ͱ͖ʹΞχϝʔγϣϯ Λͭͭ͠SE΋໐Β͍ͨ͠! 32

Slide 33

Slide 33 text

[SerializeField] PlayerMover mover; + [SerializeField] PlayerAnimator animator; + [SerializeField] SeEmitter seEmitter; void Jump() { mover.Jump(); + animator.Jump(); + seEmitter.Jump(); } } 33

Slide 34

Slide 34 text

΍Γ͍ͨ͜ͱ͕૿͑Δͨͼʹ PlayerCore ʹॲཧ͕૿͍͑ͯ͘ 34

Slide 35

Slide 35 text

35

Slide 36

Slide 36 text

public class PlayerCore : MonoBehaviour { [Inject] IInputEventProvider inputEventProvider; bool CanJump { get; set; } // ஍໘ʹ͍͍ͭͯΔ͔ͱ͔ public IObservable OnJump => inputEventProvider.Jump .Where(b => b && CanJump) .AsUnitObservable(); } 36

Slide 37

Slide 37 text

public class PlayerMover : MonoBehaviour { [SerializeField] PlayerCore core; [SerializeField] Rigidbody rb; void Start() { core.OnJump .ObserveOn(Scheduler.MainThreadFixedUpdate) .Subscribe(_ => rb.AddForce(0, jumpPower, 0, ForceMode.Impulse)) .AddTo(this); } } 37

Slide 38

Slide 38 text

public class PlayerAnimator : MonoBehaviour { [SerializeField] PlayerCore core; [SerializeField] Animator animator; void Start() { core.OnJump .Subscribe(_ => animator.SetTrigger("Jump")) .AddTo(this); } } 38

Slide 39

Slide 39 text

39

Slide 40

Slide 40 text

Input ͸ interface Ͱ͍ ͍ײ͡ʹ 40

Slide 41

Slide 41 text

interface IInputEventProvider { IReadOnlyReactiveProperty<float> Move { get; } } 41

Slide 42

Slide 42 text

public class PlayerCore : MonoBehaviour { void Start() { var input = GetComponent(); } } 42

Slide 43

Slide 43 text

public class PlayerInput : MonoBehaviour, IInputEventProvider { readonly ReactiveProperty<float> move = new ReactiveProperty<float>(); IReadOnlyReactiveProperty<float> IInputEventProvider.Move => move; void Update() { move.Value = Input.GetAxis("Horizontal"); } } 43

Slide 44

Slide 44 text

public class CpuInput : MonoBehaviour, IInputEventProvider { readonly ReactiveProperty<float> move = new ReactiveProperty<float>(); IReadOnlyReactiveProperty<float> IInputEventProvider.Move => move; void Update() { move.Value = Random.insideUnitCircle.x; } } 44

Slide 45

Slide 45 text

nested prefab ͸ਆ • Ϟσϧͷࠩ͠ସ͕͑ඵͰऴΘΔ • 2PΧϥʔͱ͔ɺίʔυͰϚςϦΞϧม͑ΔΑΓѹ౗తʹָ 45

Slide 46

Slide 46 text

• ϞσϧʹجૅతͳεΫϦϓτ͚ͩ଍͠ ͨ΋ͷΛ variant • 1PΧϥʔͷϚςϦΞϧઃఆͨ͠΋ͷ Λ variant' • 2PΧϥʔͷϚςϦΞϧઃఆͨ͠΋ͷ Λ variant'' • ͜Ε͸2PΑΓ૿͑ͳ͍લఏͩͬͨ ͷͰ 46

Slide 47

Slide 47 text

CPU ͷ࣮૷͸ Random Ͱे෼ 47

Slide 48

Slide 48 text

ద౰ʹ Update loop ʹ Random Ͱॻ ͍͓͚ͯ͹ͱΓ͋͑ͣͦΕͬΆ͘ͳΔ • value ͱ͔ Range ͚ͩͰͳ͘ɺ insideUnitCircle Λ࢖͏ͱ͔ • ৚݅ʹԠͯ֬͡཰Λม͑ͨΓ 48

Slide 49

Slide 49 text

ʰେסഋʱͷ CPU ͸΋͸΍ϓϨΠ ϠʔͷҐஔ͢Β஌Βͳ͍ 1. ҰఆҎ্୺ʹ͍Δͱδϟϯϓ͢Δ֬཰্͕Δ 2. ໨త஍͸ਅΜதΛબͼ΍͘͢ • insideUnitCircle.x Λ࢖͍ͬͯΔ 3. ໨త஍ʹ͍ۙͮͨΒҰఆ֬཰Ͱ࣍ͷ໨త஍ΛܾΊΔ 49

Slide 50

Slide 50 text

UniRx.Async ͸ήʔϜશମͷ εςʔτ؅ཧʹศར • λΠτϧը໘ͰʰελʔτʱϘλϯ͕ԡ͞ΕͨΒήʔϜ͕͸͡ ·ͬͯɺࢮΜͩΒϦβϧτΛදࣔ͢Δ • ॲཧ͸Ұຊಓ • async/await Ͱॻ͘ͱ͍͍ײ͡ 50

Slide 51

Slide 51 text

async void Start() { await Title(); await StartGame(); await GameOver(); await Result(); } async UniTask Title() { titleUi.Show(); await titleUi.OnStartClickAsObservable.ToUniTask(); } 51

Slide 52

Slide 52 text

Cloud Build ͸ΘΓͱΦεε ϝ • ݶΒΕͨ࣌ؒͱϚγϯϦιʔεͷதͰɺϏϧυʹୣΘΕΔͷ͸ ΋͍ͬͨͳ͍ • ͱʹ͔͘Ϗϧυ͸ճ͓͔ͯ͠ͳ͍ͱɺ౔ஃ৔ͰʮΤσΟλͰ͸ ಈ͘ͷʹϏϧυͰಈ͔ͳ͍!!ʯ͕ى͖͕ͪ(Կճ͔΍ͬͯΔ) 52

Slide 53

Slide 53 text

ͱΓ͋͑ͣ $9/month ෷͓͚ͬͯ • ࠷ۙ͸ΘΓͱ·ͱ΋ʹͳͬͨ • ͪΌΜͱ࠷৽ͷόʔδϣϯ͕࢖͑Δ͠ • WebGL ͷ custom template ͸࢖Θͤͯ΄͍͠ 53

Slide 54

Slide 54 text

෷͍ͨ͘ͳ͍ਓ͸ • Ҏલࢲ͕࢖͍ͬͯͨࣗಈϏϧυͷεΫϦϓτΛ͓࢖͍͍ͩ͘͞ • git worktree Ͱ৽͍͠ϫʔΫεϖʔεΛ࡞ͬͯϏϧυͯ͠ gh- pages ϒϥϯνʹ push ͢Δ • ϚγϯϦιʔε͸࢖͏͚ͲɺϏϧυதʹ࡞ۀ͸ετοϓ͠ͳ͍ https:/ /github.com/noir-neo/unity-webgl-ghpages/blob/master/ build.sh 54

Slide 55

Slide 55 text

deploy ͸ࣗಈԽ͓ͯ͜͠͏ • static ͳϦϯΫ͕΄͍͠ • ࠷ऴ੒Ռ෺Λެ։͓ͯ͘͠ͷʹɺ github pages ͸૬ੑ͕͍͍ • zip ΛσϓϩΠ͢Δ shell • ͱʹ͔͘ऴΘΓࠒ͸όλόλ͢ΔͷͰɺࣗಈԽͰ͖Δ෦෼͸ ͓ͯ͘͠ https:/ /gist.github.com/noir-neo/ 3a2071dc6d8ea8300caed4bc2bb2de26 55

Slide 56

Slide 56 text

24࣌ؒͰήʔϜ࡞Δ΍ͭએ఻ • աڈͷ࡞඼ू͸͸ͯͳϒϩάʹ • http:/ /noir-neo.hatenablog.com • ιʔε͸͢΂ͯ github ʹ • https:/ /github.com/one-night-game-jam • ຖճ twitch Ͱ഑৴ͯ͠Δ • https:/ /www.twitch.tv/noirneo 56

Slide 57

Slide 57 text

·ͱΊ • ୹࣌ؒͰήʔϜΛ׬੒ͤ͞ΔͨΊͷ tips ूΛ঺հ͠·ͨ͠ • جຊతͳઃܭͷߟ͑ํͱɺͦͷ࣮૷ྫɺ͋ͱϏϧυ Έ͍ͨͳ࿩ Ͱͨ͠ • ήʔϜδϟϜͱ͔ϓϩτλΠϐϯά͢Δͱ͖ͷώϯτʹͳΕ͹ ޾͍Ͱ͢ 57