今日會延續昨天講的animation, 會用到gsap library
喺 terminal 輸入 npm install –save gsap@3.5.1就會自動安裝

在javascript file 中加入import gsap from 'gsap'就可使用這個library

//gsap
gsap.to(group.position,{duration:1, delay:1, x:4})
gsap.to(group.position,{duration:1, delay:3, x:0})

// Animations
const tick =() =>
{
    renderer.render(scene, camera)
    window.requestAnimationFrame(tick)
}

tick()

Gsap不單止係position, 仲可以包括rotation,scale等等

gsap.to(group.position,{duration:1, delay:1, x:4})
gsap.to(group.position,{duration:1, delay:3, x:0})
gsap.to(group.rotation,{duration:1, delay:4, z: Math.PI * 0.5})
gsap.to(group.rotation,{duration:1, delay:6, z:0})

今日做簡短少少, 第八日完