我试图在Flash(CS5)项目中的音乐中淡入/淡出.我将声音导入库,为"Export for ActionScript"设置了一个类名,我试图使用TweenLite/TweenMax淡化,如下所示:
var sound = new MySound();
sT = new SoundTransform(0.1);
sound.play(0,99999, c_sndEnvironment);
TweenLite.to(sound, 1, {volume: 1.0});
但它只是不起作用.我试图在TweenLite上导入卷插件,但仍然没有.我没有任何错误.
我做错了吗？
另外,有没有好的(完整的)AS3音乐库？
谢谢.:)
的的性能提升使用GreenSock动画引擎是相当显着的.
这个图书馆为实现这些收益而制定了什么基础架构决策和权衡取舍？特别是,这个引擎与jQuery动画有什么不同？
我正在尝试使用GreenSocks TweenLite for Javascript进行顶级边距的简单动画.我已多次使用该库,但由于某种原因,这次它不起作用.注意:"onComplete"正在触发,但无论我使用什么元素,我都无法为HTML元素上的任何CSS属性设置动画.
HTML
<div id="GS_PipelineHeadline h2"></div>
JAVASCRIPT
TweenLite.to("#GS_PipelineHeadline h2", 0.5,
{
"margin-top": 0,
ease: "Back.easeOut",
onComplete: function ()
{
console.log("Crap");
}
});
这是我创建的一个真正的快速JSFiddle,包括所有CSS,JS和HTML. http://jsfiddle.net/mBPug/
如果有人有任何想法,我将不胜感激!
TweenMax&之间是否有任何速度或垃圾收集差异TweenLite？
实际上目前我正在网站上工作,我正在使用超过500补间TweenMax,并且网站在Firefox中完美运行但在chrome和safari tween非常糟糕.
garbage-collection google-chrome tweenlite greensock tweenmax
如何在javascript中使用Greensock:TweenMax,TweenLite补间整数变量？
我正在对Timeline lite中的一些补间进行排序,但我希望它们中的一些同时发生在不同的对象上.没有onComplete函数有没有办法做到这一点.我目前的补间序列是:
tl.to($slideTitle, 0.3, {opacity: 0, left: -50 })
.set($slideTitle, { css: { left: 50 } })
.to($slideTitle,0.3, { opacity: 1, left: 0 })
.to($slideDesc,0.3, {opacity: 0, left: -50 }) //Here is where I want a tween to happen to another item at the same time as I am animating $slideDesc
.set($slideDesc, { css: { left: 50 } })
.to($slideDesc,0.3, {opacity: 1, left: 0, onComplete: function(){
}})
所以在那里,与$ slideDesc的第一个动画同时,我想要执行这个动画:
.to($bodyCopy,0.3, {opacity: 0, left: -50, delay: .05 })
我该怎么做呢？如果我在$ slideDesc之后将其粘贴在序列中,则在$ slideDesc完成之后才会执行.
我想知道当我尝试补间这样的几个对象并使用onComplete属性时是否会出现错误或其他问题:
TweenLite.to(restartBtn, .5, {alpha:0});
TweenLite.to(mainMenuBtn, .5, {alpha:0, onComplete:quitFadeIn});
我想要做的是一次淡出几个对象,当它们完成时,会调用一个特殊的函数.使用tweenlite时还有其他可能性吗？还是我必须使用timelinelite？
我有一个动画,我已切成120帧.每个帧都在精灵上.精灵由十行十二个100px x 100px帧组成.为了创建动画,我按顺序从左到右,从上到下移动精灵的背景位置.
我必须以100px的步长递增以产生帧效果,所以我不能只从一组左到右的值(0到1000像素)进行动画处理.
我假设我遗漏了一些关于Greensock/TweenLite库如何工作的简单方法,因为除了直率(120行代码)之外我似乎找不到更好的方法来做到这一点:
new TweenLite('#selector', 1, {delay: 0, useFrames: true, css: {'background-position-x': '-100px'}});
new TweenLite('#selector', 1, {delay: 1, useFrames: true, css: {'background-position-x': '-200px'}});
new TweenLite('#selector', 1, {delay: 2, useFrames: true, css: {'background-position-x': '-300px'}});
new TweenLite('#selector', 1, {delay: 3, useFrames: true, css: {'background-position-x': '-400px'}});
new TweenLite('#selector', 1, {delay: 4, useFrames: true, css: {'background-position-x': '-500px'}});
new TweenLite('#selector', 1, {delay: 5, useFrames: true, css: {'background-position-x': '-600px'}});
new TweenLite('#selector', 1, {delay: 6, useFrames: true, css: {'background-position-x': '-700px'}});
new TweenLite('#selector', 1, {delay: 7, …我想使用THREE.JS和补间3D线TweenLite.但是,适用于例如球体位置的方法在这里不起作用.我不知道为什么.
// add a line to the scene using THREE.js
var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(0, 0, 0));
geometry.vertices.push(new THREE.Vector3(500, 500, 500));
var line = new THREE.Line(geometry, new THREE.LineBasicMaterial());
scene.add( line );
// using TweenLite to animate
var tl = new TimelineLite();
var target = { x: 0, y: 0, z:0 };
line.geometry.verticesNeedUpdate = true;
tl.add(TweenLite.to(line.geometry.vertices[1] , 1, target));
tl.play();
结果:什么都没发生.为什么？
PS.原因可能会在这篇文章中解释,但我不明白.
我试图使用TweenLite来动画一些元素,但它不起作用!console.log命令工作,没有错误发生,但也没有任何反应.
这是脚本:
<script type="application/javascript">
window.onload = function(){
var back = document.getElementById("back");
var table = document.getElementById("table");
console.log(table);
//TweenLite.to(table,4,{top:"4500px" , height:"0px"});
TweenLite.to(table,4,{top:"4500"});
TweenLite.to(back, 1.5, {width:100});
};
</script>