Forked from: edo_m18's Three.jsのTransformController.jsでオブジェクトを操作する View Diff (178)

Fork
5
Fav
2
View
7810
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 156 lines
  • HTML 3 lines
  • SCSS / Compass 22 lines

Three.jsのRayCasterでオブジェクトのヒットテストを視覚化

RayCasterの仕組みを視覚化してみました。

distanceで得られる値は、Rayの位置から交差したオブジェクトの面までの距離。
今回のデモだと中央のCubeのサイズが10で作られ、[position: 0 0 0]。
RayのYの位置が20なので、差し引き15が中央部分のdistanceとなります。

  • [Three.js] RayCasterでオブジェクトのヒットテスト
  • [Three.js] RayCasterでオブジェクトのヒットテスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

edo_m18

Author

Unity/VRエンジニア。 最近のもっぱらの興味は機械学習(ディープラーニング)とレイマーチング(とレイトレ)。

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by