Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Don’t just buy a new video game, make one! in JS!
Search
yomotsu
November 21, 2014
Programming
260
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Don’t just buy a new video game, make one! in JS!
at JSONC Asia 2014
yomotsu
November 21, 2014
More Decks by yomotsu
See All by yomotsu
three.jsとRapierでレースゲームが3日でできた話
yomotsu
0
970
PBR in three.js
yomotsu
1
1.5k
dialog要素でつくるモーダルダイアログ
yomotsu
0
1.1k
IE to Edge
yomotsu
1
410
A Camera Control Library for three.js
yomotsu
1
1.5k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
600
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
AGENTS.md Is Not Enough:Build Skills, Don't Download Them
lx_t
0
120
Webの地図
yosuke_furukawa
PRO
6
4.6k
Heart of Swift Concurrency
koher
0
920
AgentCore CLI で進化した AWS での AI エージェントの作り方 : 必要な機能を必要な時に
icoxfog417
PRO
3
360
JPUG勉強会 OSSデータベースの内部構造を理解しよう(第2回)
oga5
0
260
Java 27新機能 / Java 27 new features
kishida
2
150
スマート反転とウェブアクセシビリティ
camiha
0
210
cdk deploy JawsSonic #MARATHONしながらAWSリソースをデプロイしてみよう
akihisaikeda
2
140
海上で動くGoサーバー: goroutineとchannelでさばく航行データストリーム
atsuki_seo
0
730
Are APIs Still Relevant in the AI Era?
soyuka
0
280
TiDB Cloudのカスタムコントローラーによるオートスケール対応
takaidohigasi
0
130
新卒PdEのリアル
ryu1013
1
510
Featured
See All Featured
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
65k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
320
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
signer
PRO
0
3.8k
WENDY [Excerpt]
tessaabrams
14
39k
Claude Code のすすめ
schroneko
67
230k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
2k
Done Done
chrislema
186
16k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3k
4 Signs Your Business is Dying
shpigford
187
23k
How Software Deployment tools have changed in the past 20 years
geshan
1
34k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.2k
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