kimizuka https://blog.hatena.ne.jp/kimizuka/ みかづきブログ・カスタム https://blog.kimizuka.org/ Three.js 以前、Three.jsでクリックされたオブジェクトを判定する際に使った、THREE.Raycasterを再び調査しました。blog.kimizuka.orgthreejs.orgクリックされたオブジェクトの判定では、Raycaster.setFromCameraというメソットを使い、クリックされた点の直線上に存在するオブジェクトを導き出しましたが、今回は、Raycaster.setRaycaster.setに基準点と方向を渡すことで、その直線上にオブジェクトが存在するか調べます。 DEMO キーボードの矢印でCubeの位置を調整できるのですが、直線上に存在する時のみ左上に「HIT」と表示されま… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2022%2F09%2F02%2F112815" title="THREE.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/k/kimizuka/20220902/20220902112756.gif Hatena Blog https://hatena.blog 2022-09-02 11:28:15 rich https://blog.kimizuka.org/entry/2022/09/02/112815 1.0 100%