three + gasp

gasp 安装

npm install gsap

引入

import gsap form 'gsap';

设置动画

gsap.to(cube.position,{ x:5, duration: 5, ease: 'power1.inOut',

onComplate:()=>{

//回调函数

console.log('动画完成')

},

onStart:()=>{

//回调函数

console.log('动画开始')

},

})

var animate1 = gsap.to(cube.rotation,{ x:2*Math.PI, duration: 5, ease: 'power1.inOut'

,onComplate:()=>{

//回调函数

console.log('动画开始')

},

repeat: 2, // 循环次数无限循环：-1，

yoyo:true // 往还运动

delay: 2, // 延迟运动

})

window.addEventListener('dblclick',()=>{

if(animate1.isActive()){

// 暂停动画
animate1.pause()

}else{

// 启动

animate1.resume()

}

})

three + gasp相关推荐

【java】Deepin 解决JDK出现Picked up _JAVA_OPTIONS: -awt.useSystemAAFontSettings=gasp的问题
国产Deepin Linux操作系统,在手动按照JDK后,出现只要一运行Java相关命令就出现这样的的一句话 Picked up _JAVA_OPTIONS: -Dawt.useSystemAAFon ...
Deepin Linux设置环境变量时出现【Picked up _JAVA_OPTIONS: -Dawt.useSystemAAFontSettings=gasp】的解决方法
在Deepin Linux的终端使用[java -version]命令查看Java环境变量是否配置成功时提示[Picked up _JAVA_OPTIONS: -Dawt.useSystemAAFo ...
关于TrueType字体的gasp技术说明
在JDK的TrueTyepFont类中,看到以下注释: /* This is to obtain info from the TT 'gasp' (grid-fitting and sca ...
关于linux下，安装jdk后，会有Picked up _JAVA_OPTIONS: -Dawt.useSystemAAFontSettings=gasp的报错
原因:系统默认了openjdk,并增加了相应的配置解决方法:只需在/etc/profile文件中,默认文件后增加 unset _JAVA_OPTIONS 保存退出并且 source /etc/pr ...
GASP动画和ScrollMagic
一.GSAP基础 1.GSAP开篇 1.什么是ScrollMagic? ScrollMagic是一个滚动视差插件 ScrollMagic本身比较简单,只包含2个类: crollMagic.Contro ...
9个让PyTorch模型训练提速的技巧！
↑↑↑关注后"星标"Datawhale 每日干货 & 每月组队学习,不错过 Datawhale干货来源:AI公园,译者:ronghuaiyang 作者:William F ...
代码详解 | 用Pytorch训练快速神经网络的9个技巧
点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达作者丨William Falcon 来源丨稀牛Xiniu 编辑丨极市 ...
9个技巧让你的PyTorch模型训练变得飞快！
公众号关注 "视学算法" 设为"星标",第一时间知晓最新干货~ 作者丨William Falcon 来源丨AI公园不要让你的神经网络变成这样让我们面对现实吧 ...
加速 PyTorch 模型训练的 9 个技巧
点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达导读一个step by step的指南,非常的实用. 不要让你的 ...

three + gasp

three + gasp相关推荐

最新文章

热门文章