@kissmybutton/motorcortex-wheel-player v1.0.0

Wheel Player

Control your MotorCortex Clips' execution via mouse wheel or (touch) swipe. The Player can either operate on "free" mode where the more you scroll (or swipe) the more it moves forwards or backwards or on the "chapters" mode where chapters can be defined. On "chapters" mode the developer can define distinct chapters (by providing their milliseconds) and on end of each swipe or scroll the Clip will move either forwards or backwards (depending on the direction) in order to reach the closest chapter.

API

To use the Wheel Player you need to import it

const WheelPlayer = import('@kissmybutton/motorcortex-wheel-player');

and then you just instantiate a new Player object passing options:

Free mode example

const Player = new WheelPlayer({
    clip: myClip
});

Chapters mode example

const Player = new WheelPlayer({
    clip: myClip,
    speed: 5,
    mode: 'chapters',
    chapters: [{
            millisecond: 2000,
            name: 'chapter 1'
        },
        {
            millisecond: 4000,
            name: 'chapter 2'
        }
    ],
    transitionSpeed: 2,
    swipeAxis: 'horizontal',
    scrollbar: {
        color: 'pink',
        position: 'top'
    }
});

Options