test.js

console.log(sevenTween)

// let person = {
//     height: 1
// }

// person.self = person

let div = document.getElementById('div')

// sevenTween.set(div, { top: '30px', marginLeft: })
sevenTween.fromTo(div, 3, { top: 30, marginLeft: 40 }, { top: 300, marginLeft: 100, repeat: 2 })

// sevenTween.fromTo(person, 5, {height: '2px'}, { height: '100px', delay: 5,
//     onStart: () => {
//         console.log(`The person initial height is ${person.height}"!`)
//     },
//     onUpdate: (progress) => {
//         console.log(`The person is ${person.height}" height!`)
//         console.log(`Growth progress: ${progress * 100}%`)
//     },
//     onComplete: () => {
//         console.log('Person has reached their max height!')
//         console.log(sevenTween)
//         // setTimeout(() => {
//         //     sevenTween.to(person, 1, { height: 1, onComplete: () => { console.log('Done', person ) }})
//         // }, 1500)
//     }
// })

// window.person = person




// sevenTween.clear(person)

// console.log(person.height)

// sevenTween.setEase('easeInCustom', (x, t, b, c, d) => { return c*t/d + b })

// // Then later...
// sevenTween.to(person, 1.5, {height: 100, ease: 'easeInCustom', onComplete: () => {
//     console.warn(person.height)
// }})

// setTimeout( cancelTween, 2000 )