Поворот изображения сцены Three.js на холсте - PullRequest
Новая
       31

Поворот изображения сцены Three.js на холсте

0 голосов
/ 02 ноября 2019

Я нашел эту статью здесь на codrops: https://tympanus.net/codrops/2019/05/22/creating-grid-to-fullscreen-animations-with-three-js/

Скрипт работает нормально, как есть, но у меня есть проблема, когда я начинаю поворачивать изображения, которые я хотел бы получить в соответствии с дизайном. Начальная краска, происходящая на элементе canvas, не отражает поворот изображения.

Я настроил скрипку, показывая проблему на изображении в середине.

https://jsfiddle.net/w3cu974s/

Попытка, которую я пытался сделать, состояла в том, чтобы установить поворот натекстура, но она даже не поворачивала изображение. 

const smallTexture = new THREE.Texture(imageSet.small.image);
            smallTexture.generateMipmaps = false;
            smallTexture.wrapS = smallTexture.wrapT = THREE.ClampToEdgeWrapping;
            smallTexture.minFilter = THREE.LinearFilter;
            smallTexture.needsUpdate = true;
            smallTexture.rotation = 45;

Этот файл https://github.com/Anemolo/GridToFullscreenAnimations/blob/master/js/GridToFullscreenEffect.js показывает код, обрабатывающий сцену и панели.

Было бы замечательно, если бы кто-то могНаправьте меня в правильном направлении, где я могу передать поворот изображения в сцену three.js.

Буду признателен за любую помощь.

Лучший

...