three js clickable cube texture

Question

I am new on the JavaScript and HTML. I am on learning process. I successfully made a cube and textured it. I also want to add different html link to open pages in "iframe".

I used the example of http://mrdoob.github.com/three.js/examples/canvas_geometry_cube.html

This is what I did http://olcaysahin.com/pages/cube.html

If anyone knows any tutorial or similar approach to make each face clickable, appreciated.

Thanks

WestLangley · Accepted Answer · 2012-09-11 19:18:24Z

3

Have a look at http://mrdoob.github.com/three.js/examples/canvas_interactive_cubes.html.

The from variable intersects, you can determine which face was clicked on from either the faceIndex or the face normal.

answered Sep 11, 2012 at 19:18

WestLangley

105k11 gold badges288 silver badges285 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

WestLangley Over a year ago

@Hamdi Please ask a specific question in a new post. Thanks.

WestLangley Over a year ago

ray.intersectObjects() takes an array as an arg. Try ray.intersectObject(), without the s.

olcaysah Over a year ago

Thank you @Hamdi and WestLangley. It works perfect. clickable function for the each cube face determined by the the normals. For reference just in case somebody needed it as follows: 'if(intersects[0].face.normal.x==0 && intersects[0].face.normal.y==0 &&intersects[0].face.normal.z==-1){window.top.location="www.google.com";'

WestLangley Over a year ago

@Hamdi Please do not forget to "accept" answers that you find acceptable. :-)

Hamdi Over a year ago

I voted up for your answer :) Let's ask @olcaysah if he accepts

|

Collectives™ on Stack Overflow

three js clickable cube texture

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related