[rukh]

Udało mi się w czystym Javascript (Vanilla JS ( ͡° ͜ʖ ͡°) ) napisać kilkulinijkowy kod, za pomocą którego mogę obracać Element wokół osi X i Y.
3 funkcje były potrzebne:
- 1: odczyt współrzędnych kliknięcia, oraz wywołanie funkcji 2.
- 2: Nowe wartości obrotowe przez przeciąganie myszą (dodaj różnicę między - obecnymi współrzędnymi myszki, a pierwotnymi z funkcji 1 - oraz obecny stan obrotu obiektu)
(wsp.Nowe - wsp.Stare + poprzednie wartości obrotowe)
- 3: zakończenie odczytu poprzez opuszczenie klawisza.

Przyda mi się do grafiki 3D z animacjami w CSS. Jakość mojego kodu poprawiła się od tego momentu. JavaScript "pobrudził" mi kod HTML w przykładzie z linku, przez co stał się mało wydajny.
#webdev #css #html #javascript ( #programowanie )

[M.....s]

@rukh: poka na codeopen

[rbielawski]

@rukh: css3d zawsze na propsie. Wołaj jak coś więcej zrobisz, mam podobne hobby ( ͡° ͜ʖ ͡°)

[rukh]

@rbielawski: Ale wszyscy tak rozpisują kody, trudno się odczytać. Przekombinowałem kody z drag and drop i gotowe. Wszystkie kody IE wywaliłem, bo na co mi, gdy IE nawet porządnie 3d nie wspiera. Zamiast do left-right, wrzuciłem wartości odczytu myszki do transform: rotateX() rotateY();

[rbielawski]

transform: rotateX() rotateY();

@rukh: no, to jest jedyne rozsądne rozwiązanie, które przychodzi mi do głowy ( ͡° ͜ʖ ͡°)

[rukh]

@rbielawski: matrix3d(), to byłoby zabawy z sinusami i cosinusami i ćwiartkami, co przełożyłoby się na długość kodu.

[rukh]

@MirkoStats: @rbielawski: codepen