vincentmvdm

{
  "objects": [
    {
      "name": "Frame 13834",
      "visible": true,
      "locked": false,
      "attachedConnectors": [],
      "componentPropertyReferences": null,
      "opacity": 1,
      "blendMode": "PASS_THROUGH",

vincentmvdm

const data = Data({
    // Arrival flag so we know when to stop our global timer
    hasArrived: false,
})

vincentmvdm

function timer(timestamp) {
    console.log("The current time is: ", timestamp)
    window.requestAnimationFrame(timer)
}

window.requestAnimationFrame(timer)

vincentmvdm

export function ProgressBar(): Override {
    const getProgressBarWidth = transform([0, 48000], [48, 375], {
        ease: t => t,
    })

    return {
        width: `${getProgressBarWidth(data.elapsedMs)}px`,
    }
}

vincentmvdm

const data = Data({
    elapsedMs: 0,
})

let startTime = null

function timer(timestamp) {
    if (!startTime) startTime = timestamp

    data.elapsedMs = timestamp - startTime

vincentmvdm

const data = Data({
    elapsedMs: 0,
})

vincentmvdm

export function ArtistName(): Override {
    const opacity = useTransform(scrollDistance, [0, -224], [1, 0], {
        ease: bezierCurve,
    })
    const scale = useTransform(scrollDistance, [0, -224], [1, 0.85], {
        ease: bezierCurve,
    })

    return {
        opacity,

vincentmvdm

export function ArtistName(): Override {
    const opacity = useTransform(scrollDistance, [0, -224], [1, 0])
    const scale = useTransform(scrollDistance, [0, -224], [1, 0.85])
    
    return {
        opacity,
        scale,
    }
}

vincentmvdm

export function ArtistName(): Override {
    const opacity = useTransform(scrollDistance, [0, -224], [1, 0])
    
    return {
        opacity,
    }
}

vincentmvdm

export function ArtistName(): Override {
    let opacity = 1
    
    return {
        opacity: opacity,
    }
}