Безье интервал воспроизведения звука

Я создал следующую анимацию с использованием кубического Безье и translate3d. Я использовал следующее, чтобы заставить его двигаться;

    css({
        'transition-timing-function':'cubic-bezier(0.125, 0.75, 0.35, 1)',
        'transition-duration':'7.5s',
        'transform':'translate3d(-'+winnerPos+'px, 0px, 0px)'
    });

Я хочу, чтобы аудиоэффект воспроизводился каждый раз, когда стрелка проходит через промежуток в интервалах. Я пытался делать это со столкновениями, но это не получалось так хорошо; см. рисунок здесь: https://gyazo.com/3ed482c40408f0cb105c81b7706fc347

Я чувствую, что должен быть какой-то способ вычисления, когда стрелка проходит через пробел, размеры div составляют 120 пикселей с пробелом 6px (или 3px на каждой стороне, поэтому 126px).

Есть идеи?

0 ответов

Другие вопросы по тегам