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
220
PBR in three.js
yomotsu
1
760
dialog要素でつくるモーダルダイアログ
yomotsu
0
910
IE to Edge
yomotsu
1
300
A Camera Control Library for three.js
yomotsu
1
980
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
510
WebXR: Beyond WebGL
yomotsu
2
1.6k
Non-DOM components with WebGL in Vue.js
yomotsu
5
12k
WebGL Libs for WebApp Frameworks
yomotsu
4
7.7k
Other Decks in Programming
See All in Programming
さきがけから振り返るアーキテクチャ刷新 / Reflecting on the Architectural Renewal from the Vanguard
nrslib
2
770
大規模マルチテナントを解決するYugabyteDBという選択肢
nnaka2992
1
250
ピグパーティにおけるMongoDB CommunityバージョンからAtlasへの移行事例
10969hotaka
0
130
企業向け生成AIアプリの 開発から得られた知見
takaakikakei
0
310
Prompt FlowによるLLMアプリケーション開発
yuto2000
1
1k
最近追加した型の紹介とその振り返り
aki19035vc
0
170
Play Billing Library 7.0.0 変更点まとめ@potatotips#88
kako351
0
160
Trial
cairolibrary720
1
130
Jetpack for KMP
fornewid
1
290
実用的かつリーズナブルな 「Azure × Gemini × LINE」~キャラクターBot 実装ライブデモ~
tomodo_ysys
1
170
Polarsの成長: v0.14からv1.0までの変遷と今後の展望
zerebom
1
350
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
239
11k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
29
2.5k
Designing for humans not robots
tammielis
247
25k
Infographics Made Easy
chrislema
238
18k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Making Projects Easy
brettharned
111
5.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
13
430
Practical Orchestrator
shlominoach
185
10k
Fantastic passwords and where to find them - at NoRuKo
philnash
42
2.7k
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