今回はThree.jsのRaycaster機能を使用して、glTF形式の3Dモデルへのクリック操作を認識、取得できるか試してみました。 以下のサイト、コードを参考にさせていただきました。 まず「その1」では、自分でMagicaVoxelというソフトで作成した3Dモデルと、あまり複雑 ...

この記事はthreejs journeyを利用しての学習メモです。 このthreejs journeyはthree.jsを学ぶのに非常に有用ですので、是非視聴してみてください。おすすめです！！ Raycasterとは Three.jsで光線(Ray)を使ってオブジェクトとの交差を検出するためのものです。これを利用 ...

Welcome to my raycaster program! If you don't know what a raycaster is, put simply, it's a 3D simulation of a 2D space. This simulation is accomplished by sending rays out from the player's position ...