Требуется анимация картинки на js?

Question

[IvankoPo]

Как реализовать перемещение картинки по кривой траектории на js ?
Приведите примеры или методы которые надо использовать.

Answer 1

[Алексей Ярков]

Откройте консоль браузера и выполните код:

( function ( window ) {
    let DIS;
    let R = 0;
    const x1 = .1;
    const y1 = .05;
    const x2 = .25;
    const y2 = .24;
    const x3 = 1.6;
    const y3 = .24;
    const x4 = 300;
    const y4 = 200;
    const x5 = 300;
    const y5 = 200;
    const DI = document.getElementsByTagName( "img" );
    const DIL = DI.length;

    window.A = function () {
        for ( i = 0; i < DIL; i++ ) {
            DIS = DI[ i ].style;
            DIS.position = 'absolute';
            DIS[ 'z-index' ] = 9999999;
            DIS.left = ( Math.sin( R * x1 + i * x2 + x3 ) * x4 + x5 ) + "px";
            DIS.top = ( Math.cos( R * y1 + i * y2 + y3 ) * y4 + y5 ) + "px"
        }
        R++;
    };
    setInterval( () => window.A(), 50 );
} )( window );

Comments

[IvankoPo]

спасибо за ответ, еще вопросик позиция обьязательно должна быть абсолют или можно относительную ?

[Алексей Ярков]

IvankoPo: ну я же не знаю ваших потребностей. Тут задаются left и top координаты. А там смотрите сами что нужно ))

[IvankoPo]

что означает () =>

[Милок Мурлыка]

IvankoPo: стрелочная функция