drunk video script

drunk_videospeed.js

/**
 * seeing how @thespite gets drunk
 * https://twitter.com/thespite/status/1056264007450062848
 */

e = t => t < .5 ? 2 * t * t : -1 + (4 - 2 * t ) * t,
n = _ => performance.now(), cT = n(),
nT = cT,
cV = 1,
nV = 1,
r = Math.random;

function u() {
    requestAnimationFrame(u)
    t = ( n() - cT ) / ( nT - cT )
    v = cV + e(t) * (nV - cV)
    if (t > 1) {
        v = nV
        nV = .55 + .25 * r()
        cT = n()
        nT = cT + 200 + 800 * r()
        // console.log(nV, nT - cT)
    }
    [...document.querySelectorAll('video')].map(e => {e.playbackRate = v})
}

u()

josh_drunk_version.js

function u() {
    requestAnimationFrame(u)
    ;[...document.querySelectorAll('video')].map(e => {
        e.playbackRate = Math.sin(Date.now() * 0.004) * 0.2 + 0.6
    })
}

u()

plot.js

// visualize t values

plot = (() => {
    const
        canvas = document.createElement('canvas'),
    ctx = canvas.getContext('2d'),
    w = canvas.width = 800,
    h = canvas.height = 400
    let
        t = 0

    document.body.appendChild(canvas)
    

    return function plot(x) {
        console.log(x)
        ctx.clearRect(t, 0, 1, h)
        ctx.fillRect(t, x * h * 0.5 | 0, 1, 1)

        t = (t + 1) % w
    }
})()