Don’t just buy a new video game,  make one! in JS!

Slide 1

Slide 1 text

1 Don’t just buy a new video game,  make one! in JS! Presented by Akihiro Oyamada (@yomotsu) Frontend Engineer at PixelGrid, Inc. Nov 21, 2014

Slide 2

Slide 2 text

2 Don’t just buy a new video game,  make one! in JS! Presented by Akihiro Oyamada (@yomotsu) Frontend Engineer at PixelGrid, Inc. Nov 21, 2014

Slide 3

Slide 3 text

3 Hello!  from Japan Frontend Engineer at PixelGrid, Inc. @yomotsu

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

How dose it work? Why do glitches appear? 6

Slide 7

Slide 7 text

I wanna make it! 7

Slide 8

Slide 8 text

8 https://yomotsu.github.io/walkthrough

Slide 9

Slide 9 text

9 https://www.youtube.com/watch?v=ABPyWx8puzs in IE 11 with touch

Slide 10

Slide 10 text

10 https://www.youtube.com/watch?v=xn8k0lEmKoU in Mobile Firefox on Android

Slide 11

Slide 11 text

11 iPhone6 or iPhone5s /w iOS8

Slide 12

Slide 12 text

12 https://www.youtube.com/watch?v=8qRwpHhD_hY

Slide 13

Slide 13 text

http://goo.gl/xXOJNV 13

Slide 14

Slide 14 text

Slide 15

Slide 15 text

15 plus… a game collision lib I made

Slide 16

Slide 16 text

16 while moving on a slope…

Slide 17

Slide 17 text

17 Actual

Slide 18

Slide 18 text

18 Expect

Slide 19

Slide 19 text

19 http://0.0.0.0:8888/example/5_terrain.html

Slide 20

Slide 20 text

20 https://github.com/yomotsu/threeﬁeld.js • Collision detection /w Octree • Height ﬁeld via THREE.js mesh • Camera vs walls collistion

Slide 21

Slide 21 text

video games are   not just for fun 21

Slide 22

Slide 22 text

22 https://www.youtube.com/watch?v=6XvmhE1J9PY “Don’t just buy a new video game,  make one” ʔ President Obama asks America to learn computer science