ゼロからはじめるゲームプログラミング

by kaidouji85

Slide 1

Slide 1 text

θϩ͔Β͸͡ΊΔ ήʔϜϓϩάϥϛϯά ϓϩάϥϛϯάੜ์ૹษڧձୈճˏαΠϘ΢ζגࣜձ ࣾদࢁΦϑΟε։࠵ ஛಺ɹ༎հ

Slide 2

Slide 2 text

ࣗݾ঺հ ஛಺ɹ༎հ ϓϩάϥϚʔ +4େ޷͖ ϓϩੜͪΌΜେ޷͖

Slide 3

Slide 3 text

Ѫඤݝͱ͍͑͹ ԿΛࢥ͍ු͔΂·͔͢ʁ

Slide 4

Slide 4 text

ͺͬ΍ΓϙϯδϡʔεͰ͢ΑͶʂ

Slide 5

Slide 5 text

Ͱ͸ɺϙϯͱ͍͑͹ɺ ԿΛࢥ͍ු͔΂·͔͢ʁ

Slide 6

Slide 6 text

ήʔϜͷ10/(Ͱ͢ΑͶʂ

Slide 7

Slide 7 text

Ѫඤ ˣ ϙϯδϡʔε ˣ 10/( ˣ ήʔϜ

Slide 8

Slide 8 text

ͱ͍͏༁Ͱ ήʔϜϓϩάϥϛϯά ͷ࿩Λ͠·͢

Slide 9

Slide 9 text

ࠓ೔ͷΰʔϧ

Slide 10

Slide 10 text

αϯϓϧίʔυ ࠓ೔ղઆ͢Δαϯϓϧίʔυ͸͜͜Ͱ͢ IUUQTHJUIVCDPNLBJEPVKJCFHJOHBNF

Slide 11

Slide 11 text

ΞδΣϯμ Ξχϝʔγϣϯ͢Δ ΩϟϥΫλʔΛૢ࡞͢Δ ఢͱ౰ͨΓ൑ఆΛ࡞Δ ఢΛྔ࢈͢Δ

Slide 12

Slide 12 text

ΞδΣϯμ Ξχϝʔγϣϯ͢Δ ΩϟϥΫλʔΛૢ࡞͢Δ ఢͱ౰ͨΓ൑ఆΛ࡞Δ ఢΛྔ࢈͢Δ

Slide 13

Slide 13 text

αϯϓϧͷσϞ

Slide 14

Slide 14 text

αϯϓϧ֓ཁ ΩϟϥΫλʔ͕ӈʹಈ͚ͩ͘ )5.-ʹ͸ը૾ɺ+4ϑΝΠϧ͕഑ஔ͞Ε͍ͯΔ +4Ͱը૾ΛΞχϝʔγϣϯ͍ͤͯ͞Δ

Slide 15

Slide 15 text

Ξχϝͷجຊ͸ ύϥύϥອըͰ͢

Slide 16

Slide 16 text

ͦͷୈҰา͸ ੩ࢭըΛඳ͘͜ͱͰ͢

Slide 17

Slide 17 text

ղઆ Ξχϝʔγϣϯ͞ΕΔʹ͸ɺ  ੩ࢭը͕ඳ͚ͳ͍ͱ࿩ʹͳΒͳ͍ ͜ͷ৔߹͸ϓϨΠϠʔΛ޷͖ͳҐஔʹදࣔ͢Δ ͜ͱ͕Ͱ͖ͳ͍ͱବ໨ Ͳ͏͢Ε͹ɺ)5.-ը૾Λ޷͖ͳҐஔʹ  දࣔͰ͖Δͷ͔

Slide 18

Slide 18 text

USBOTGPSNUSBOTMBUF ը૾Λ޷͖ͳҐஔʹදࣔͰ͖ΔελΠϧ \USBOTGPSNUSBOTMBUF Y࠲ඪ Z࠲ඪ ^ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC $44USBOTGPSN

Slide 19

Slide 19 text

)5.-ͷ࠲ඪܥ 9 :

Slide 20

Slide 20 text

ήʔϜϧʔϓ ήʔϜϓϩάϥϜͰ͸ɺύϥύϥອըͷཁྖͰ ΞχϝʔγϣϯΛ࣮ݱ͍ͯ͠Δ ύϥύϥອըΛϓϩάϥϜͰ࠶ݱ͢Δͱɺ  ແݶϧʔϓʹͳΔ ͜ͷΑ͏ͳϧʔϓΛɺήʔϜϧʔϓͱ͍͏ αϯϓϧͰ͸ɺҰఆִؒͰϓϨΠϠʔ9࠲ඪ ʹ͍ͯ͠Δ

Slide 21

Slide 21 text

SFRVFTU"OJNBUJPO'SBNF )5.-ͰήʔϜϧʔϓΛ࣮ݱ͢ΔͨΊͷ΋ͷ Ҿ਺ʹࢦఆͨؔ͠਺Λɺ͍͍ײ͡ͷλΠϛϯά Ͱݺͼग़ͯ͘͠ΕΔ '14͘Β͍ʹ͸ͳΔ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC "1*8JOEPXSFRVFTU"OJNBUJPO'SBNF

Slide 22

Slide 22 text

SFRVFTU"OJNBUJPO'SBNFྫ function gameLoop(time) { requestAnimationFrame(gameLoop); playerPos.x += 4; } requestAnimationFrame(gameLoop);

Slide 23

Slide 23 text

ΞδΣϯμ Ξχϝʔγϣϯ͢Δ ΩϟϥΫλʔΛૢ࡞͢Δ ఢͱ౰ͨΓ൑ఆΛ࡞Δ ఢΛྔ࢈͢Δ

Slide 24

Slide 24 text

αϯϓϧͷσϞ

Slide 25

Slide 25 text

αϯϓϧ֓ཁ Ϛ΢εΛԡ͍ͯ͠Δ͚࣌ͩɺΩϟϥ͕ӈʹਐΉ

Slide 26

Slide 26 text

Ϛ΢εΠϕϯτͰ ૢ࡞ঢ়ଶΛͱΖ͏

Slide 27

Slide 27 text

ղઆ JG ϘλϯΛԡͨ͠ Yͱ͍ͨ͠ )5.-ʹ͸NPVTFEPXOɺNPVTFVQͱ͍͏  Πϕϯτ͕༻ҙ͞Ε͍ͯΔ Πϕϯτ͸ى͖ͨॠؒʹ໋ྩ͕࣮ߦ͞ΕΔ΋ͷ ͳͷͰɺήʔϜϧʔϓ಺Ͱ௚઀࢖͑ͳ͍ ͔ͩΒɺม਺ʹ݁ՌΛอ͓࣋ͯ͘͠

Slide 28

Slide 28 text

αϯϓϧͷσϞ

Slide 29

Slide 29 text

αϯϓϧ֓ཁ Ϛ΢εΛԡ͍ͯ͠ΔؒɺϓϨΠϠʔ͕Ϛ΢εϙ Πϯλʹ޲͔ͬͯҠಈ͢Δ ϓϨΠϠʔ͕Ϛ΢εʹۙͮ͘ͱɺ  Կނ͔ϒϨΔ ݁ߏͳස౓ͰɺϓϨΠϠʔ͕બ୒ঢ়ଶʹͳΔ

Slide 30

Slide 30 text

ϕΫτϧԋࢉͰ ΩϟϥͷڍಈΛ࣮ݱ

Slide 31

Slide 31 text

Ϛ΢εΛԡͨ࣌͠ͷڍಈ Ϛ΢εͷํ޲ʹ ϐΫηϧҠಈ

Slide 32

Slide 32 text

1 QY QZ ϓϨΠϠʔ࠲ඪ . UY UZ Ϛ΢ε࠲ඪ Ҡಈྔ1.c1.cY଎౓ c.1c 1. WY WZ

Slide 33

Slide 33 text

1 QY QZ ϓϨΠϠʔ࠲ඪ . UY UZ Ϛ΢ε࠲ඪ 1. WY WZ   UYQY UZQZ c1.c 1. WY WZ

Slide 34

Slide 34 text

1 ϓϨΠϠʔ࠲ඪ . Ϛ΢ε࠲ඪ 1. WY WZ c1.c㲋 WY?WZ? c1.c

Slide 35

Slide 35 text

1 QY QZ ϓϨΠϠʔ࠲ඪ . UY UZ Ϛ΢ε࠲ඪ Ҡಈྔ WYc1.cY଎౓ WZc1.cY଎౓ c1.c 1. WY WZ

Slide 36

Slide 36 text

αϯϓϧͷσϞ

Slide 37

Slide 37 text

αϯϓϧ֓ཁ ϓϨΠϠʔ͕બ୒ঢ়ଶʹͳΔόά͕࣏͍ͬͯΔ ϓϨΠϠʔ͕Ϛ΢εʹۙͮ͘ͱϒϨΔόά͕  ࣏͍ͬͯΔ

Slide 38

Slide 38 text

*.(Λ΍ΊΑ͏

Slide 39

Slide 39 text

ͳͥબ୒Ͱ͖Δͷ͔ ը૾λάͳͷͰɺ  Ϛ΢εΫϦοΫͰબ୒Ͱ͖ͯ͠·͏ ͔ͩΒɺը૾λάͰͳ͘͢ EJWλάʹͯ͠ɺഎܠը૾ͱͯ͠  ݩʑͷը૾Λઃఆ͢Δ

Slide 40

Slide 40 text

ڑ཭ʹԠͯ͡ ҠಈྔΛௐ੔͠Α͏

Slide 41

Slide 41 text

ղઆ ϓϨΠϠʔɺϚ΢εͷڑ཭͕ҠಈྔΑΓখ͍͞ ৔߹ɺϓϨΠϠʔ͕Ϛ΢εΛಥ͖ൈ͚ͯ͠·͏ ۩ମྫ͸࣍Ͱղઆ

Slide 42

Slide 42 text

ϒϨΔݪҼ ϐΫηϧ ϐΫηϧ ϓϨΠϠʔ Ϛ΢ε

Slide 43

Slide 43 text

ϒϨΔݪҼ ϐΫηϧ ϐΫηϧ ϓϨΠϠʔ Ϛ΢ε

Slide 44

Slide 44 text

ϒϨΔݪҼ ϐΫηϧ ϐΫηϧ ϓϨΠϠʔ Ϛ΢ε ϐΫηϧ

Slide 45

Slide 45 text

ϒϨΔݪҼ ϐΫηϧ ϓϨΠϠʔ Ϛ΢ε ϐΫηϧ

Slide 46

Slide 46 text

ϒϨΔݪҼ ϐΫηϧ ϓϨΠϠʔ Ϛ΢ε ϐΫηϧ

Slide 47

Slide 47 text

ղܾࡦ Ҡಈྔڑ཭ Ҡಈྔͷ෼͚ͩਐΉ Ҡಈྔڑ཭ ڑ཭ͷ෼͚ͩਐΉ

Slide 48

Slide 48 text

ϓϨΠϠʔ Ϛ΢ε ϓϨΠϠʔ Ϛ΢ε ϐΫηϧ ϐΫηϧ ϐΫηϧ ϐΫηϧ Ҡಈྔڑ཭ Ҡಈྔڑ཭

Slide 49

Slide 49 text

ΞδΣϯμ Ξχϝʔγϣϯ͢Δ ΩϟϥΫλʔΛૢ࡞͢Δ ఢͱ౰ͨΓ൑ఆΛ࡞Δ ఢΛྔ࢈͢Δ

Slide 50

Slide 50 text

αϯϓϧͷσϞ

Slide 51

Slide 51 text

αϯϓϧ֓ཁ ࠨʹҠಈ͢Δ͚ͩͷఢΛ௥Ճͨ͠ )5.-ϑΝΠϧʹఢը૾Λ௥Ճ ͦΕҎ֎͸ɺࠓ·Ͱ΍ͬͨ͜ͱͷ૊Έ߹Θͤ

Slide 52

Slide 52 text

αϯϓϧͷσϞ

Slide 53

Slide 53 text

αϯϓϧ֓ཁ ఢͱͷ౰ͨΓ൑ఆΛ࣮૷ͨ͠ ήʔϜΦʔόʔ͕ग़ଓ͚Δόά͕͋Δ

Slide 54

Slide 54 text

౰ͨΓ൑ఆ͸ ఺ؒͷڑ཭ΛݟΑ͏

Slide 55

Slide 55 text

౰ͨΓ൑ఆ ౰ͨΓ൑ఆͷํ๏͸৭ʑ͋Δ͕ɺ  ఺ؒͷڑ཭Ͱ൑ఆ͢Δํ๏ָ͕Ͱ͢ ϓϨΠϠʔɺఢͷڑ཭͕Ұఆ஋ҎԼͳΒ  ౰͍ͨͬͯΔͱ൑ఆ͠·͢

Slide 56

Slide 56 text

1 QY QZ ϓϨΠϠʔ࠲ඪ & FY FZ ఢ࠲ඪ ఺ؒͷڑ཭ 㲋 FYQY ? FZQZ ? ڑ཭

Slide 57

Slide 57 text

αϯϓϧͷσϞ

Slide 58

Slide 58 text

αϯϓϧ֓ཁ ήʔϜΦʔόʔ͕ճ͚ͩग़ΔΑ͏ʹͳͬͨ ήʔϜΦʔόʔͨ͠Βɺ  ϓϨΠϠʔ͕ফ͑ΔΑ͏ʹͳͬͨ

Slide 59

Slide 59 text

ऴΘΒͳ͍(BNF0WFSͷݪҼ ήʔϜΦʔόʔ൑ఆϩδοΫ͕ɺ  ϓϨΠϠʔͱఢͷ઀৮͚͔ͩͩΒ Ϛ˓ΦͰɺνϏʹͳͬͨ࣌ͷແఢ͕࣌ؒ  ͳ͍ͱͲ͏ͳΔͰ͠ΐ͏ ˢσΧΠঢ়ଶͰ΋ɺҰॠͰࢮʹ·͢ ࠓճ΋ͦΕͱಉ͡ݪҼͰ͢

Slide 60

Slide 60 text

ࢮ๢ϑϥάΛ ௥Ճ͠·͠ΐ͏

Slide 61

Slide 61 text

ղઆ ϓϨΠϠʔ͕ੜ͖͍ͯΔ͔ɺࢮΜͰ͍Δ͔Λ  දݱ͢Δม਺Λ௥Ճ͠·͠ΐ͏ ϓϨΠϠʔ͕ੜ͖͍ͯΔ৔߹ͷΈɺ(BNF0WFS Λදࣔ͠·͢ ˢಉ͡λΠϛϯάͰɺϓϨΠϠʔΛࢮ๢ঢ়ଶʹ ͠·͠ΐ͏

Slide 62

Slide 62 text

ΞδΣϯμ Ξχϝʔγϣϯ͢Δ ΩϟϥΫλʔΛૢ࡞͢Δ ఢͱ౰ͨΓ൑ఆΛ࡞Δ ఢΛྔ࢈͢Δ

Slide 63

Slide 63 text

αϯϓϧͷσϞ

Slide 64

Slide 64 text

αϯϓϧ֓ཁ ڍಈ͸Կ΋มΘ͍ͬͯ·ͤΜ ίʔυͷߦ਺͕૿͑ͨͷͰɺϑΝΠϧ෼ׂͨ͠

Slide 65

Slide 65 text

ΫϥεԽ͢Ε͹ ྔ࢈Ͱ͖Δ

Slide 66

Slide 66 text

ͳͷͰɺطଘϑΝΠϧΛ  Ϋϥε෼ׂ͠·͠ΐ͏

Slide 67

Slide 67 text

Ϋϥεͱ͸ σʔλͱͦΕʹؔ͢Δૢ࡞ΛɺҰͭͷ෦඼  ʹ·ͱΊΔ ˢͷ͜ͱΛΫϥεͱ͍͏ ΫϥεΛ࡞Δج४ɺ࢖͍ํͳͲ͸  ΦϒδΣΫτࢦ޲Λษڧ͢Δͱ͍͍

Slide 68

Slide 68 text

σʔλ ૢ࡞ ࢀর ϓϩάϥϜͷجຊߏ੒

Slide 69

Slide 69 text

σʔλ ૢ࡞ ࢀর ϓϩάϥϜͷجຊߏ੒ ϞδϡʔϧͰ·ͱΊΔ

Slide 70

Slide 70 text

σʔλ ૢ࡞ ࢀর ϓϩάϥϜͷجຊߏ੒ Ϋϥε ϝϯόม਺ ϝιου

Slide 71

Slide 71 text

ࠓճͷΫϥε෼͚ ϓϨΠϠʔ ఢ λονؔ࿈ ౰ͨΓ൑ఆ ϕΫτϧεΧϥྔܭࢉ

Slide 72

Slide 72 text

αϯϓϧͷσϞ

Slide 73

Slide 73 text

αϯϓϧ֓ཁ ୔ࢁͷఢ͕ग़ΔΑ͏ʹͳͬͨ ιʔεͷ)5.-ϑΝΠϧ͔ΒΩϟϥΫλʔ  %*7͕ফ͑ͨ Ͱ΋ΠϯεϖΫλͰݟΔͱɺ%*7͸ͪΌΜͱ ͋Δ

Slide 74

Slide 74 text

ఢ͕ྔ࢈Ͱ͖ͳ͍ʁ ΦϒδΣΫτࢦ޲తʹ͸ɺఢΛྔ࢈͚ͨ͠Ε͹  ͦͷ෼͚ͩఢΫϥεΛOFX͢Ε͹͍͍ ͦΕͰ΍Ζ͏ͱͨ͠Βɺఢ͕ମ͔͠  දࣔ͞Εͳ͔ͬͨ ˢఢΫϥε͸)5.-্ͷ%*7Λࢀর͍ͯ͠Δ  ͷͰɺఢͷ਺͚ͩಉλά͕ඞཁʹͳΔ

Slide 75

Slide 75 text

ίϯετϥΫλͰ EJWΛੜ੒͍ͯ͠Δ

Slide 76

Slide 76 text

ղઆ ఢΫϥεͷίϯετϥΫλͰ%*7λάΛੜ੒ ˢͷ%*7λάΛɺ+BWB4DSJQUͰ)5.-ʹ௥Ճ ͜ΕͰɺ%*7λά͕ಈతʹ௥Ճ͞ΕΔ࢓૊Έ͕ ੔ͬͨ

Slide 77

Slide 77 text

αϯϓϧͷσϞ

Slide 78

Slide 78 text

αϯϓϧ֓ཁ ڍಈ͸มߋͳ͠ ݟ௨͠Λྑ͘͢ΔͨΊɺఢͷੜ੒ॲཧɺ  ήʔϜϧʔϓॲཧΛ·ͱΊͨΫϥεΛ௥Ճ ·ͱΊΔ࣌ʹ΋ίπ͕͋ΔɺͦΕ͸ʜʜ

Slide 79

Slide 79 text

഑ྻʹಥͬࠐΜͰ ϧʔϓͰҰׅॲཧ͢Δ

Slide 80

Slide 80 text

#&'03& const enemy1 = new Enemy(); const enemy2 = new Enemy(); const enemy3 = new Enemy(); enemy1.gameLoop(); enemy2.gameLoop(); enemy3.gameLoop();

Slide 81

Slide 81 text

"'5&3 this._enemyList = [ new Enemy(), new Enemy(), new Enemy() ]; this._enemyList.forEach(enemy => { enemy.gameLoop(); });

Slide 82

Slide 82 text

ղઆ ఢΛྔ࢈ͯ͠΋ɺݺͼग़͢ϝιου͸શͯಉ͡ ಉ͡΋ͷΛఢͷ਺͚ͩίϐϖ͢Δͷ͸͠ΜͲ͍ ͔ͩΒɺఢΛ഑ྻม਺ʹηοτͯ͠ϧʔϓ෼Ͱ ճͯ͠ಉ͡ॲཧΛͤ͞Δ

Slide 83

Slide 83 text

͓ർΕ༷Ͱͨ͠ ղઆ͸Ҏ্Ͱ͢

Slide 84

Slide 84 text

·ͱΊ ήʔϜͷجຊ͸ύϥύϥອըͷݪཧͰ͋Δ Ҡಈɺ౰ͨΓ൑ఆͷ࣮ݱํ๏Λ஌Δʹ͸ɺ  ਺ֶɾ෺ཧΛษڧ͠Α͏ ΫϥεԽ഑ྻϧʔϓͰΩϟϥΛྔ࢈͠Α͏

Slide 85

Slide 85 text

͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠

Slide 86

Slide 86 text

͓·͚5XFFO

Slide 87

Slide 87 text

αϯϓϧͷσϞ

Slide 88

Slide 88 text

αϯϓϧ֓ཁ ϓϨΠϠʔɺఢͷಈ͖Λ5XFFOʹஔ͖׵͑ͨ ఢͷಈ͖͕೿खʹͳͬͨ (BNF0WFS͕ঃʑʹු͖ग़ΔΑ͏ʹͳͬͨ

Slide 89

Slide 89 text

5XFFOΛ࢖͍·͠ΐ͏

Slide 90

Slide 90 text

5XFFOͱ͸ 5XFFOͱ͸ಈ͖Λొ࿥ͯ͠ɺܦա࣌ؒʹԠͨ͡ ஋ʹࣗಈతʹηοτͯ͘͠ΕΔ΋ͷͰ͋Δ ʮ44ඵ͔͚ͯɺม਺9Λʹมߋ͢Δʯ  ͱ͍͏ײ͡ʹࢦఆ͢Δ 5XFFOΛ࢖͑͹ɺෳࡶͳಈ͖Ͱ΋؆୯ʹ  ࣮ݱͰ͖Δ

Slide 91

Slide 91 text

5XFFOͷྫ ඵޙͳΒ ʮඵޙʹʯͷ5XFFO 9

Slide 92

Slide 92 text

+4ͷ5XFFOϥΠϒϥϦ UXFFOKT  IUUQTHJUIVCDPNUXFFOKTUXFFOKT 5XFFO.BY  IUUQTHSFFOTPDLDPNUXFFONBY 7FMPDJUZKT  IUUQWFMPDJUZKTPSH

Slide 93

Slide 93 text

·ͨɺ  ࠓ·Ͱͷαϯϓϧʹ͸ க໋తͳ໰୊͕͋Γ·͢

Slide 94

Slide 94 text

ͦΕ͸ '14ͷมߋʹऑ͍͜ͱ

Slide 95

Slide 95 text

'14ͱ͸ 'SBNF1FS4FDPOEͷུ ඵؒʹԿճը໘͕ߋ৽͞ΕΔ͔ͱ͍͏͜ͱ SFRVFTU"OJNBUJPO'SBNF͸'14ʹͳΔΑ͏  Α͠ͳʹ΍ͬͯ͘ΕΔ

Slide 96

Slide 96 text

ࠓ·Ͱͷαϯϓϧͷ໰୊ ήʔϜϧʔϓ͕'14લఏͰॻ͔Ε͍ͯΔ '14͕ഒʹͳͬͨΒɺΩϟϥͷҠಈ଎౓΋ഒ SFRVFTU"OJNBUJPO'SBNF͸όοςϦʔɺ  ϒϥ΢βͷΞΫςΟϒঢ়ଶͳͲͰ'14ҎԼʹ ͳΔ͜ͱ͕͋Δ

Slide 97

Slide 97 text

ͳͥ5XFFOͰղܾ͢Δͷ͔ 5XFFO͸։͔࢝Βͷܦա࣌ؒʹͷΈґଘ͔Β ؒʹԿճߋ৽Λڬ΋͏͕ɺ։͔࢝ΒඵޙͳΒ ৗʹಉ͡஋ʹͳΔ ࣍Ͱ۩ମྫΛղઆ