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
340
PBR in three.js
yomotsu
1
800
dialog要素でつくるモーダルダイアログ
yomotsu
0
930
IE to Edge
yomotsu
1
310
A Camera Control Library for three.js
yomotsu
1
1.1k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
520
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
飲食業界向けマルチプロダクトを実現させる開発体制とリアルな現状
hiroya0601
1
400
Universal Linksの実装方法と陥りがちな罠
kaitokudou
1
220
Pinia Colada が実現するスマートな非同期処理
naokihaba
2
160
カスタムしながら理解するGraphQL Connection
yanagii
1
1.2k
Honoの来た道とこれから
yusukebe
19
3k
qmuntal/stateless のススメ
sgash708
0
120
Outline View in SwiftUI
1024jp
1
160
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
6
2.2k
ECS Service Connectのこれまでのアップデートと今後のRoadmapを見てみる
tkikuc
2
210
From Subtype Polymorphism To Typeclass-based Ad hoc Polymorphism- An Example
philipschwarz
PRO
0
170
Jakarta Concurrencyによる並行処理プログラミングの始め方 (JJUG CCC 2024 Fall)
tnagao7
1
230
LLM生成文章の精度評価自動化とプロンプトチューニングの効率化について
layerx
PRO
2
140
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Agile that works and the tools we love
rasmusluckow
327
21k
GraphQLの誤解/rethinking-graphql
sonatard
66
9.9k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
Build The Right Thing And Hit Your Dates
maggiecrowley
32
2.4k
Being A Developer After 40
akosma
86
590k
Building Adaptive Systems
keathley
38
2.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Testing 201, or: Great Expectations
jmmastey
38
7k
Fireside Chat
paigeccino
32
3k
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