A progress of this example shows how to interact with meshes inside a 3d scene. The mouseover and mouseout events are intercepted in order to produce a hover effect on the meshes.
The THREEx.DomEvent.js extension of Three.js has been used in order to intercept dom events inside your 3d scene.
xxxxxxxxxx<html> <head> <meta charset="utf-8"> <title>Three.js Collada loading </title><link type="text/css" href="index.css" rel="stylesheet"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r69/three.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js/r69/examples/js/loaders/colladaloader.js"></script> <script src="https://cdn.jsdelivr.net/gh/mrdoob/three.js/r69/examples/js/renderers/projector.js"></script> <script src="threex.domevent.js"></script> </head> <body> <script src="index.js"></script> </body></html> Modified http://cdnjs.cloudflare.com/ajax/libs/three.js/r69/three.min.js to a secure url
Updated missing url https://cdn.rawgit.com/mrdoob/three.js/r69/examples/js/loaders/ColladaLoader.js to https://cdn.jsdelivr.net/gh/mrdoob/three.js/r69/examples/js/loaders/colladaloader.js
Updated missing url https://cdn.rawgit.com/mrdoob/three.js/r69/examples/js/renderers/Projector.js to https://cdn.jsdelivr.net/gh/mrdoob/three.js/r69/examples/js/renderers/projector.js
https://cdnjs.cloudflare.com/ajax/libs/three.js/r69/three.min.js
https://cdn.rawgit.com/mrdoob/three.js/r69/examples/js/loaders/ColladaLoader.js
https://cdn.rawgit.com/mrdoob/three.js/r69/examples/js/renderers/Projector.js