キャンフェスにゲームを出そう -StruckOut 編-

キャンフェスにゲームを出そう -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

キャンフェスにゲームを出そう -StruckOut 編-

キャンフェスにゲームを出そう -StruckOut 編-

Yuichi Sato

More Decks by Yuichi Sato

Other Decks in Programming

Featured

Transcript