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
970
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.5k
Let’s try AR
 on mobile Web with <model-viewer>
Avatar for yomotsu yomotsu
0
600
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
FreeBSDでZabbixを動かす
Avatar for kenkino kenkino
0
300
Vue Fes Japan 2026 タイムテーブル徹底解説
Avatar for 448jp | OKI Yoshiya 448jp
1
250
Omarchy Tokyo やると聞いて UMPC 買ってセットアップしてきた
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
150
技術的負債の返済は、AI時代の複利で効く投資 — 経営としての意思決定とその遂行
Avatar for curekoshimizu curekoshimizu
0
1.5k
AIは賢い。でも実行環境は？ CLIおじさんがAI時代に伝えたいこと ~ CLIおじさんがAI時代に伝えたいこと ~
Avatar for curekoshimizu curekoshimizu
1
250
GraphRAGのKnowledge Graphを 直接！見る/View-GraphRAG's-KnowledgeGraph-directly!
Avatar for tyumugiko tyumugi1113
1
340
Heart of Swift Concurrency
Avatar for Yuta Koshizawa koher
0
890
モバイル交通系ICへのチャージ実例から考える、クロスプラットフォーム開発におけるiOS実機テスト設計とCI運用
Avatar for Yu Sugawara yusuga
1
490
大喜利で理解するLLM as a Judge / Understanding LLM-as-a-Judge through Ogiri
Avatar for rockname rockname
0
120
アクセシビリティから考える情報設計
Avatar for high-g high_g_engineer
0
380
C#の現在地 進化の歴史と、AI時代の.NET Everywhere
Avatar for Yoshifumi Kawai neuecc
4
2.5k
そのリトライ、死んだコネクションを使い回していませんか ── GoのHTTPクライアントとHTTP/2を実プロダクト障害から学び直す
Avatar for Yusa Matsuda myus4a
0
150

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
280
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
220k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
590
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
2.9k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Design in an AI World
Avatar for tapps tapps
1
320
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
50
10k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
480
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
570
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
990
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
280

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