$30 off During Our Annual Pro Sale. View Details »
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
230
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
720
PBR in three.js
yomotsu
1
980
dialog要素でつくるモーダルダイアログ
yomotsu
0
1k
IE to Edge
yomotsu
1
370
A Camera Control Library for three.js
yomotsu
1
1.4k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
570
WebXR: Beyond WebGL
yomotsu
2
1.9k
Non-DOM components with WebGL in Vue.js
yomotsu
5
13k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.9k
Other Decks in Programming
See All in Programming
tparseでgo testの出力を見やすくする
utgwkk
2
250
開発に寄りそう自動テストの実現
goyoki
2
1.2k
Rediscover the Console - SymfonyCon Amsterdam 2025
chalasr
2
180
認証・認可の基本を学ぼう後編
kouyuume
0
240
エディターってAIで操作できるんだぜ
kis9a
0
740
大規模Cloud Native環境におけるFalcoの運用
owlinux1000
0
130
まだ間に合う!Claude Code元年をふりかえる
nogu66
5
850
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.4k
Github Copilotのチャット履歴ビューワーを作りました~WPF、dotnet10もあるよ~ #clrh111
katsuyuzu
0
120
Graviton と Nitro と私
maroon1st
0
110
生成AIを利用するだけでなく、投資できる組織へ
pospome
2
360
Rubyで鍛える仕組み化プロヂュース力
muryoimpl
0
140
Featured
See All Featured
The Spectacular Lies of Maps
axbom
PRO
1
390
Scaling GitHub
holman
464
140k
Side Projects
sachag
455
43k
Embracing the Ebb and Flow
colly
88
4.9k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
180
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
Are puppies a ranking factor?
jonoalderson
0
2.3k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
0
930
Raft: Consensus for Rubyists
vanstee
141
7.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
47k
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