Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Don’t just buy a new video game, make one! in JS!
Search
yomotsu
November 21, 2014
Programming
0
220
Don’t just buy a new video game, make one! in JS!
at JSONC Asia 2014
yomotsu
November 21, 2014
Tweet
Share
More Decks by yomotsu
See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
yomotsu
0
470
PBR in three.js
yomotsu
1
850
dialog要素でつくるモーダルダイアログ
yomotsu
0
980
IE to Edge
yomotsu
1
330
A Camera Control Library for three.js
yomotsu
1
1.2k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
540
WebXR: Beyond WebGL
yomotsu
2
1.7k
Non-DOM components with WebGL in Vue.js
yomotsu
5
12k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.8k
Other Decks in Programming
See All in Programming
dbt Pythonモデルで実現するSnowflake活用術
trsnium
0
270
ABEMA iOS 大規模プロジェクトにおける段階的な技術刷新 / ABEMA iOS Technology Upgrade
akkyie
1
230
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
790
PHPカンファレンス名古屋2025 タスク分解の試行錯誤〜レビュー負荷を下げるために〜
soichi
1
740
Unity Android XR入門
sakutama_11
0
180
バッチを作らなきゃとなったときに考えること
irof
2
550
DRFを少しずつ オニオンアーキテクチャに寄せていく DjangoCongress JP 2025
nealle
2
290
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
400
Formの複雑さに立ち向かう
bmthd
1
950
楽しく向き合う例外対応
okutsu
0
710
Learning Kotlin with detekt
inouehi
1
170
Better Code Design in PHP
afilina
0
180
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Optimizing for Happiness
mojombo
377
70k
Designing for Performance
lara
605
68k
GitHub's CSS Performance
jonrohan
1030
460k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Six Lessons from altMBA
skipperchong
27
3.6k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Code Review Best Practice
trishagee
67
18k
Building Applications with DynamoDB
mza
93
6.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Agile that works and the tools we love
rasmusluckow
328
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
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 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 Hello! from Japan Frontend Engineer at PixelGrid, Inc. @yomotsu
4
5
How dose it work? Why do glitches appear? 6
I wanna make it! 7
8 https://yomotsu.github.io/walkthrough
9 https://www.youtube.com/watch?v=ABPyWx8puzs in IE 11 with touch
10 https://www.youtube.com/watch?v=xn8k0lEmKoU in Mobile Firefox on Android
11 iPhone6 or iPhone5s /w iOS8
12 https://www.youtube.com/watch?v=8qRwpHhD_hY
http://goo.gl/xXOJNV 13
14
15 plus… a game collision lib I made
16 while moving on a slope…
17 Actual
18 Expect
19 http://0.0.0.0:8888/example/5_terrain.html
20 https://github.com/yomotsu/threefield.js • Collision detection /w Octree • Height field
via THREE.js mesh • Camera vs walls collistion
video games are not just for fun 21
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
Wanna make a game, in JS ? 23
24 Thank you! @yomotsu