GSAP parallax

Question

Witam,

 

Natknąłem się na poniższe demo:

http://fiddle.jshell.net/Zuriel/qGcd9/show/

 

Chciałem podobny efekt zaimpelementować jako ilustracja bloga.

Problem polega na tym, że gdy na stornie jest tekst całość po najechaniu pochyla się, a nawet całkowicie obraca.

http://bakr.ayz.pl/gsap/#blog

 

Podobne rozwiązanie funkcjonuje na: https://nrly.co/#portfolio

Answer 1

Witam,

nie wnikałem zbytnio w kod i nie testowałem swojej teorii, jednak co wydaje się błędem to następujący fragment

var cx = window.innerWidth / 2;
var cy = window.innerHeight / 2;

$('.testt').mousemove(function(event) {
  
      mouse.x = event.pageX;
      mouse.y = event.pageY;
  
      cancelAnimationFrame(request);
      request = requestAnimationFrame(update);
});

W przeciwieństwie do kodu http://fiddle.jshell.net/Zuriel/qGcd9/show/  wykrywasz położenie myszki tylko w obrębie $('.testt') a jednocześnie zmienne cx i cy odnoszą się do środka window. Prawdopodobnie powinieneś dostosować te zmienne do  $('.testt')