$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
730
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
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
360
マスタデータ問題、マイクロサービスでどう解くか
kts
0
120
AIコーディングエージェント(NotebookLM)
kondai24
0
220
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
tomokon
0
140
認証・認可の基本を学ぼう後編
kouyuume
0
250
Findy AI+の開発、運用におけるMCP活用事例
starfish719
0
1.7k
エディターってAIで操作できるんだぜ
kis9a
0
750
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
210
ゆくKotlin くるRust
exoego
1
160
從冷知識到漏洞,你不懂的 Web,駭客懂 - Huli @ WebConf Taiwan 2025
aszx87410
2
3k
Canon EOS R50 V と R5 Mark II 購入でみえてきた最近のデジイチ VR180 事情、そして VR180 静止画に活路を見出すまで
karad
0
140
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
590
Featured
See All Featured
Abbi's Birthday
coloredviolet
0
3.7k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.4k
We Have a Design System, Now What?
morganepeng
54
7.9k
Agile that works and the tools we love
rasmusluckow
331
21k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
330
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
49
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
0
31
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
210
How STYLIGHT went responsive
nonsquared
100
6k
Getting science done with accelerated Python computing platforms
jacobtomlinson
0
76
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.8k
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