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
キャンフェスにゲームを出そう -StruckOut 編-
Search
Yuichi Sato
December 23, 2020
Programming
0
18
キャンフェスにゲームを出そう -StruckOut 編-
Yuichi Sato
December 23, 2020
Tweet
Share
More Decks by Yuichi Sato
See All by Yuichi Sato
深層学習学習中
satoyuichi
0
27
深層学習はじめました
satoyuichi
0
43
瞑想アプリ
satoyuichi
0
39
SDF を作りたかった
satoyuichi
0
430
初めての iPhone ネイティブアプリ
satoyuichi
0
54
ミクちゃんが歌ったら 家に帰ろう
satoyuichi
0
13
体温記録送信アプリ
satoyuichi
0
15
コロナ横目にバージョンアップ
satoyuichi
0
69
本日のシェーダー芸
satoyuichi
1
530
Other Decks in Programming
See All in Programming
アンドパッドの Go 勉強会「 gopher 会」とその内容の紹介
andpad
0
270
Benchmark
sysong
0
270
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
100
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
440
なぜ「共通化」を考え、失敗を繰り返すのか
rinchoku
1
560
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
160
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
530
WindowInsetsだってテストしたい
ryunen344
1
200
Haskell でアルゴリズムを抽象化する / 関数型言語で競技プログラミング
naoya
17
5k
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
860
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.6k
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
170
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Navigating Team Friction
lara
187
15k
Writing Fast Ruby
sferik
628
61k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
The Invisible Side of Design
smashingmag
300
51k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Transcript
キャンフェスにゲームを出そう -StruckOut 編- 2021年12月23日 佐藤雄一
自己紹介 名前:佐藤 雄一(ゆーいち) 好物:エレキギター、(初期)仏教、Smalltalk Twitter:@satoyuichi80 趣味:読書、ギター練習、映画鑑賞
デモ
開発の思ひ出 Unity で作り始めたものの、「ミニゲーム程度だったら全部プログラミングした方が早い わ!」と思って、JavaScript でやり直した。 トータルの工数では気分的にはトントンな気がしているが、いらぬ苦労もいろいろした けど、そういう苦労が良い経験になりますよね。 隙間時間の8日程度で実装できて一安心。
構成 • Three.js: 3D 描画 • Cannon-es.js: 3D 物理演算 •
(Vue.js → UI 更新が面倒くさいという理由で無駄遣い) • Glitch: デプロイ先
苦労したところ • 表示と当たり判定の合致 ◦ 表示(Three.js)と当たり判定(cannon-es.js)は別物なので、初期に困惑した ◦ cannon-es-debuggerというのを使えば、視覚的に確認できるらしい? • すり抜け対策 ◦
初めて使ってみた Cannon-es.js ◦ リアルスケールに従ってパラメータを設定したところ、すり抜けまくり ◦ セオリーに従って、計算回数を調整したがうまくいかず … ◦ 仕方ないのでリアルは無視して、すり抜けにくい値に調整した • パラメータ調整 ◦ 結局、ゲームの面白さの肝はパラメータ調整 ◦ すり抜け対策にも時間を取られながらギリギリまで調整
資料 GitHub: https://github.com/satoyuichi/StruckOut Three.js: https://github.com/mrdoob/three.js Cannon-es: https://github.com/pmndrs/cannon-es Glitch: https://glitch.com/signin