Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

Avatar for yomotsu yomotsu
November 21, 2014
Programming
0
220

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

at JSONC Asia 2014
Avatar for yomotsu

yomotsu

November 21, 2014
Tweet

More Decks by yomotsu

See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
Avatar for yomotsu yomotsu
0
540
PBR in three.js
Avatar for yomotsu yomotsu
1
890
dialog要素でつくるモーダルダイアログ
Avatar for yomotsu yomotsu
0
990
IE to Edge
Avatar for yomotsu yomotsu
1
340
A Camera Control Library for three.js
Avatar for yomotsu yomotsu
1
1.2k
Let’s try AR
 on mobile Web with <model-viewer>
Avatar for yomotsu yomotsu
0
540
WebXR: Beyond
 WebGL
Avatar for yomotsu yomotsu
2
1.8k
Non-DOM components with WebGL in Vue.js
Avatar for yomotsu yomotsu
5
12k
WebGL Libs for
 WebApp Frameworks
Avatar for yomotsu yomotsu
4
7.8k

Other Decks in Programming

See All in Programming
JAWS DAYS 2025 re_Cheers: WEB
Avatar for komakichi komakichi
0
120
Duke on CRaC with Jakarta EE
Avatar for ivargrimstad ivargrimstad
1
110
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
Avatar for Masayuki Izumi izumin5210
6
1.6k
マイコンでもRustのtestがしたい/KernelVM Kansai 11
Avatar for Toshifumi NISHINAGA tnishinaga
1
910
Cursorを活用したAIプログラミングについて 入門
Avatar for 株式会社レクト rect
0
230
「理解」を重視したAI活用開発
Avatar for FastDOCTOR fast_doctor
0
310
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
610
ドメイン駆動設計とXPで支える子どもの未来 / Domain-Driven Design and XP Supporting Children's Future
Avatar for nrs nrslib
0
300
データと事例で振り返るDevin導入の"リアル" / The Realities of Devin Reflected in Data and Case Studies
Avatar for r-kagaya rkaga
3
2.3k
20250429 - CNTUG Meetup #67 / DevOps Taiwan Meetup #69 - Deep Dive into Tetragon: Building Runtime Security and Observability with eBPF
Avatar for ChengHao Yang tico88612
0
180
fieldalignmentから見るGoの構造体
Avatar for kuro kuro_kurorrr
0
140
Bedrock × Confluenceで簡単(?)社内RAG
Avatar for iharuoru iharuoru
1
130

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
5
610
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k

Transcript

  1. 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

  2. 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

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

  4. 4

  5. 5

  6. How dose it work? Why do glitches appear? 6

  7. I wanna make it! 7

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

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

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

  11. 11 iPhone6 or iPhone5s /w iOS8

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

  13. http://goo.gl/xXOJNV 13

  14. 14

  15. 15 plus… a game collision lib I made

  16. 16 while moving on a slope…

  17. 17 Actual

  18. 18 Expect

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

  20. 20 https://github.com/yomotsu/threefield.js • Collision detection /w Octree • Height field

    via THREE.js mesh • Camera vs walls collistion

  21. video games are 
 not just for fun 21

  22. 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

  23. Wanna make a game,
 in JS ? 23

  24. 24 Thank you! @yomotsu