ThreeJS CSS3DRenderer Lights

Question

I'm trying to add some lights to the scene but because of browser restrictions I can use CSS3DRenderer only.

Can I use lights with this type of renderer?

I've been trying to add this code but it doesn't seem to work

var ambiLight = new THREE.AmbientLight(0x111111);
scene.add(ambiLight);
var spotLight = new THREE.DirectionalLight(0xffffff);
spotLight.position.set(-20, 30, 40);
spotLight.intensity = 1.5;
scene.add(spotLight);

Thanks

Well, it's because I'm projecting some divs onto a sphere and it's easier using CSS3DRenderer (I think), also because WebGL is not fully supported on mobile devices — Alfonso
– Alfonso, Commented Jan 28, 2014 at 13:51
Well I need to add hexagons to a sphere and to be honest I think is easier with divs rather than canvas and points — Alfonso
– Alfonso, Commented Jan 28, 2014 at 15:12

WestLangley · Accepted Answer · 2014-01-28 13:39:18Z

4

No, CSS3DRenderer does not support lights.

You can fake lighting, of course, by judicious choice of your div colors. (In other words, bake the lighting in.)

three.js r.65

answered Jan 28, 2014 at 13:39

WestLangley

105k11 gold badges288 silver badges285 bronze badges

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

2 Comments

Alfonso Over a year ago

Many Thanks. Any examples of how to do this?

WestLangley Over a year ago

No examples of that, sorry. It just means you can make divs that face the light lighter. If orientations are changing, however, then you have to do it on the fly.

Collectives™ on Stack Overflow

ThreeJS CSS3DRenderer Lights

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related