CODEWITHSUNDEEP
3dthree.jsrender
codeartist
codeartist

Reputation: 103

Three.js: Reflection on ground. How it works?

I want something like this.


(source: pagenstecher.de)

And I tried it with cubeCamera, but it seems to work only with cubes, spheres and so on, but on a plane as a ground with a character on it, the reflection looks broken.

Any ideas?

Upvotes: 7

Views: 5714

Answers (2)

prahadeesh
prahadeesh

Reputation: 323

1) Set the floor to be translucent. material.opacity = 0.5;

2) Place a Mirror just below the floor.

Mirror Example : http://threejs.org/examples/webgl_mirror.html

Upvotes: 5

zz85
zz85

Reputation: 521

One easy way to fake reflection is to duplicate the object under a translucent plane. One example is http://mrdoob.github.com/three.js/examples/webgl_geometry_text.html

Upvotes: 3

Related Questions