TweenJS模块

傷城~ 2022-05-06 06:46 168阅读 0赞

# TweenJS模块 #

[官网][Link 1]链接

> TweenJS Javascript库提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性,并允许您链接补间动画和行动结合起来,创造出复杂的序列。

简单的补间动画

这个渐变将渐变目标alpha属性用一秒从0渐变到1,然后调用`handleComplete`函数。

target.alpha = 0;
        createjs.Tween.get(target).to({alpha:1}, 1000).call(handleComplete);
        function handleComplete() {
            //渐变完成执行
        }

**参数和范围** Tween总是提供一个`call()`伴随着参数和/或一个范围。如果没有传递范围,那么称为匿名函数(正常JavaScript行为)。 在面向对象的风格发展，范围是有用的维护范围。

createjs.Tween.get(target).to({alpha:0})
         .call(handleComplete, [argument1, argument2], this);

可链式编程的补间动画

这个渐变将会先等待0.5秒，渐变目标的alpha属性从0到1，并且visible属性从true变为false，这个过程用时1秒，最后调用`handleComplete`函数。

target.alpha = 1;
        createjs.Tween.get(target).wait(500).to({alpha:0, visible:false}, 1000).call(handleComplete);
        function handleComplete() {
            //渐变完成执行
        }

浏览器支持

TweenJS会在现代浏览器工作。TweenJS在IE8或者更早的版本上,使用一个旧版本的PreloadJS(0.4.1和更早的版本)。

[Link 1]: http://www.createjs.cc/src/docs/tweenjs/modules/TweenJS.html

发表评论取消回复

表情：

评论列表（有 0 条评论，168人围观）

还没有评论，来说两句吧...

相关阅读

相关用户模块开发分类模块商品模块购物车模块

![70][] ![70 1][] ![70 2][] 分类表 ![70 3][] ![70 4][] ![70 5][] ![70 6][] ![70 7][

谁借莪１个温暖的怀抱￠/ 2023年10月17日 23:55/ 0 赞/ 169 阅读

相关模块 python_Python模块学习 smtplib模块

![648f79065f0d70b6280f8da377685fda.png][] 点击这段文字：获取2020年，最强Python学习资料 SMTP

柔光的暖阳◎/ 2023年01月07日 10:25/ 0 赞/ 280 阅读

相关 keras模块_Keras-模块

![keras模块][keras] keras模块 Keras-模块 (Keras - Modules) As we learned earlier, Keras m

阳光穿透心脏的1/2处/ 2022年12月10日 01:27/ 0 赞/ 290 阅读

相关 tweenjs-移动threejs中的物体

效果图 ![在这里插入图片描述][1b6cda8319ba46f495666a0791acafff.gif_pic_center] 方法一： <el-bu

谁践踏了优雅/ 2022年09月05日 05:28/ 0 赞/ 370 阅读

相关 tweenjs-实现threejs的转场动画（基于vue）

注意！文章主讲tweenjs的使用，省去了threejs部分的代码，请自行添加！ [参考博文][Link 1] 链式补间：tween.chain 如果有多组补间动

- 日理万妓/ 2022年09月05日 05:23/ 0 赞/ 619 阅读

相关 nodejs模块——fs模块

fs模块用于对系统文件及目录进行读写操作。一、同步和异步使用require('fs')载入fs模块，模块中所有方法都有同步和异步两种形式。异步方法中回调函数的第

心已赠人/ 2022年05月27日 00:35/ 0 赞/ 496 阅读

相关 TweenJS模块

TweenJS模块 [官网][Link 1]链接 > TweenJS Javascript库提供了一个简单但强大的渐变界面。它支持渐变的数字对象属性&CSS样式属性,并

傷城~/ 2022年05月06日 06:46/ 0 赞/ 169 阅读

相关 TweenJS

\[TOC\] [文档][Link 1] TweenJS：用于做动画效果设置一个Tween，你需要调用Tween(target, \[props\], \[plug

ゞ浴缸里的玫瑰/ 2022年02月25日 03:22/ 0 赞/ 240 阅读

相关模块---安装模块

模块： import模块是先从当前目录下查找引入的模块，当前目录找不到则去环境变量里面找。查看环境变量： import sys print(sys.path) 添加环境

傷城~/ 2021年12月20日 16:17/ 0 赞/ 486 阅读

相关 time模块/datetime模块/calendar模块

time模块时间的表示形式时间戳：以整型或浮点型表示⼀个时间，该时间以秒为单位，这个时间是以1970年1⽉1⽇0时0分0秒开始计算的。导入

淩亂°似流年/ 2021年11月05日 00:56/ 0 赞/ 547 阅读