Rotate Sky Shader

[EvKoh]

Hello,

I need your help to understand how to rotate the sky.

I do not want to rotate the scene because it is too complicated for me to re-rotate each camera position in the scene.

I’m putting a Gitlab link to view the source code:

EvKoh / webgl

Overview :
http://misslolocreative.com/webgl/Projet_WebGL_2019.html

Thank you.

[Mugen87]

Try to change the up vector of the sky shader. Something like

sky.material.uniforms.up.value.set( 0, 0, 1 );

[EvKoh]

Hello and thank you for your answer,

I just tested 2 ways:

sky.material.uniforms.up.value.set( 0, 0, 1 );

The second works (indeed, it is a array):

sky.material.uniforms["up"].value = new THREE.Vector3(0, 0, 1);

Thank you very much

[Mugen87]

@EvKoh

(indeed, it is a array):

Um, what do you mean by “is an array”? uniforms is actually an object.

[dubois]

Do you want to rotate just the background or are you concerned with the reflections as well?

[akexinad]

I too am having this issue.

My setup is so that the z-axis is pointing up and now the sky is showing underneath my plane.

![Capture|690x484]

I tried changing the up value: sky.material.uniforms.up.value = new Vector3( 0, 0, 1 );

It’s just a black box.

Does anyone know how to properly rotate the sky shader?