iad_otomamay https://blog.hatena.ne.jp/iad_otomamay/ レベルエンター山本大のブログ https://daiyamamoto.hatenablog.com/ a-frame raycasterを使って高低差のある地形に沿って移動する - レベルエンター山本大のブログの続き 目的 a-frameではWASDキーおよび矢印キーでカメラの位置を移動させることができるものの、壁や物体への衝突判定は自分で作り込む必要があります。 以下の動画のように前進、右移動、左移動、後退のどの方向でも障害物に当たったら跳ね返されるようにすることがこの記事の目的です。 障害物に当たったら、その場にストップするという仕様も考えられますが、そうすると壁にめり込んだりというトラブルが発生しがちです。 めりこみを避けるためにぶつかったら、ちょっと跳ね返るという処理にしておきます。 … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fdaiyamamoto.hatenablog.com%2Fentry%2F2021%2F05%2F05%2F114217" title="a-frame raycasterを使って壁との衝突判定を実装する - レベルエンター山本大のブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/i/iad_otomamay/20210504/20210504014123.gif Hatena Blog https://hatena.blog 2021-05-05 11:42:17 rich https://daiyamamoto.hatenablog.com/entry/2021/05/05/114217 1.0 100%