02: Raycaster based look interaction

================================================================================

For today’s Cardboctober hack I’m doing some basic look interaction.

As you look at each ghost in the circle surrounding you the ghost will cover
their eyes.

[IMAGE: https://blog.omgmog.net/images/2016-10/02/giphy.gif]

This is really basic, and uses Three’s built-in THREE.Raycaster. You can imagine
a raycaster as a laser beam shining from your eye to the point that you’re
looking at.

[IMAGE: https://blog.omgmog.net/images/2016-10/02/raycasting.png]

In this hack I’m grabbing the first object that the raycaster hits and then
changing the material.

================================================================================
Published October 02, 2016

Generated from the original post:
https://blog.omgmog.net/cardboctober/cardboctober-02/


Max Glenister is an interface designer and senior full-stack developer from
Oxfordshire. He writes mostly about front-end development and technology.

- Mastodon: https://indieweb.social/@omgmog
- Github: https://github.com/omgmog
- Reddit: https://reddit.com/u/omgmog
- Discord: https://discordapp.com/users/omgmog#6206