Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for yomotsu yomotsu
November 21, 2014
Programming
260
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
1k
PBR in three.js
Avatar for yomotsu yomotsu
1
1.5k
dialog要素でつくるモーダルダイアログ
Avatar for yomotsu yomotsu
0
1.1k
IE to Edge
Avatar for yomotsu yomotsu
1
410
A Camera Control Library for three.js
Avatar for yomotsu yomotsu
1
1.6k
Let’s try AR
 on mobile Web with <model-viewer>
Avatar for yomotsu yomotsu
0
610
WebXR: Beyond
 WebGL
Avatar for yomotsu yomotsu
2
2k
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
Agentic Software Factoryに、すごく賢いIF文を。 / super smart IF statement into the Agentic Software Factory.
Avatar for r-kagaya rkaga
8
2.1k
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
When benchmarks go bad - what I learned from measuring performance wrong
Avatar for Holly Cummins hollycummins
0
200
WebRTC映像をAirPlayに対応させる挑戦.pdf
Avatar for monolithic-adam monolithic_adam
0
350
ジョジョの世界をXRで再現する
Avatar for mofurune mofurune
0
150
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
300
Unity6 URPによる海底をテーマにしたVJシステムの解説 | Unity Shader 完全に理解した 勉強会
Avatar for がむ gam0022
0
350
技術的負債を組織課題として解く-増えすぎたマイクロサービスとの戦い-
Avatar for reimaru reimaru
1
3k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
Avatar for Vladimir Dementyev palkan
1
700
なぜCTOを降りてFDEを選んだのか？〜なぜプロダクト企業がFDEで顧客の現場に踏み込むのか〜
Avatar for ryuta sakamoto gonta
1
190
見えないものを探る要求要件定義に必要な基本的思考 / invisible-requirement-thinking
Avatar for MinoDriven minodriven
15
8.2k
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
650

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
7.1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
68
58k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
490
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
516
110k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
433
67k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.6k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
300
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
260
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
600
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.9k

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