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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for yomotsu yomotsu
November 21, 2014
Programming
240
0

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

at JSONC Asia 2014

Avatar for yomotsu

yomotsu

November 21, 2014

More Decks by yomotsu

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

Other Decks in Programming

See All in Programming
Terraform言語の静的解析 / static analysis of Terraform language
Avatar for Kazuma Watanabe wata727
1
150
20260514 - build with ai 2026 - build LINE Bot with Gemini CLI
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
450
Skillは並べた。動かなかった。契約で繋いだ。— 65個のSkillから、自走する開発サイクルへ
Avatar for じゅん junholee
0
610
関係性から理解する"同一性"の型用語たち
Avatar for pvcresin pvcresin
1
150
サークル参加から学ぶ、小さな事業の回し方
Avatar for yuzneri yuzneri
0
190
「なんか〇〇ライブラリで脆弱性あるみたいなんだけど。。。」から始める脆弱性対応 / First Steps in Vulnerability Response
Avatar for mackey0225 mackey0225
2
130
要はバランスからの卒業 #yumemi_grow
Avatar for Takuma Kajikawa kajitack
0
170
Agentic Elixir
Avatar for Andrea Leopardi whatyouhide
0
450
AIを導入する前にやるべきこと
Avatar for Negima negima
2
360
Import assertionsが消えた日～ECMAScriptの仕様はどう決まり、なぜ覆るのか～
Avatar for おおいし bicstone
2
180
Lightning-Fast Method Calls with Ruby 4.1 ZJIT / RubyKaigi 2026
Avatar for Takashi Kokubun k0kubun
3
3.1k
GitHubCopilotCLIをはじめよう.pdf
Avatar for tkym htkym
0
330

Featured

See All Featured
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
890
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
140
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
170
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
44k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
110
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
240
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3.1k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
190
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
520

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