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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
yomotsu
November 21, 2014
Programming
250
0
Share
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
860
PBR in three.js
yomotsu
1
1.2k
dialog要素でつくるモーダルダイアログ
yomotsu
0
1.1k
IE to Edge
yomotsu
1
400
A Camera Control Library for three.js
yomotsu
1
1.5k
Let’s try AR on mobile Web with <model-viewer>
yomotsu
0
590
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
エージェンティックRAGにAWSで入門しよう!
har1101
5
410
Old Dog, New Tricks: The Java 25 Reinvention - JNation
bazlur_rahman
0
140
IBM Bobを活用したレガシーアプリの最新化
oniak3ibm
PRO
1
170
GitHub Copilot CLIのいいところ
htkym
2
1.3k
DynamoDBには集計系のクエリがないけどなんとかしたい
musan
1
130
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
440
さぁV100、メモリをお食べ・・・
nilpe
0
130
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
kuranuki
1
610
Swiftのレキシカルスコープ管理
kntkymt
0
210
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.4k
肥大化するレガシーコードに立ち向かうためのインターフェース分離と依存の逆転 / JJUG CCC 2026 Spring
hirokunimaeta
0
480
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
o0h
PRO
2
220
Featured
See All Featured
Building AI with AI
inesmontani
PRO
1
1k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
210
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
410
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
140
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
150
The Limits of Empathy - UXLibs8
cassininazir
1
350
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
190
How to build a perfect <img>
jonoalderson
1
5.6k
Testing 201, or: Great Expectations
jmmastey
46
8.2k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
300
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
55k
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