scrollTrigger: {
onUpdate({ direction }) {
if (direction === 1) {
gsap.set("#rect-inner", { scaleX: 1, transformOrigin: "50% 50%" });
console.log('forward ⬇');
}
else {
gsap.set("#rect-inner", { scaleX: -1, transformOrigin: "50% 50%" });
console.log('backward ⬆');
}
}
}
По началу хотела задать background-repeat: repeat;
получается нужно установить wsl и в нем уже сделать importда
gl_FragColor.a = 1.0 - noize;
наgl_FragColor.a = tex.a * (1.0 - noize);
renderer.setSize(300, 200);
и uResolution: { value: new Vec3(300, 200, 1) },
их можно поменять на другие. Чтоб анимация начиналась и заканчивалась не началом и концом