Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 379
Erabong Avatar asked Feb 13 '13 15:02

Erabong


1 Answers

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

like image 149
prahadeesh Avatar answered Nov 30 '22 13:11

prahadeesh