标签: tween

我正在对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完成之后才会执行.

我有一个只使用EaselJS加载和显示图像的工作动画.整个动画效果很好,但图像立即出现和消失.我希望它们随着时间的推移逐渐消失.这是一个可以更好地说明问题的小jsfiddle:http://jsfiddle.net/tNLyx/

var stage = new createjs.Stage("canvas");
var shape = new createjs.Shape(new createjs.Graphics().f("#f00").dc(0,0,100)).set({x:100,y:100});
stage.addChild(shape);
stage.update();

shape.addEventListener("click", function(){
     //Shape will now disappear quickly. I would like it to fade out, by tweening its alpha or opacity or something. Any help would be greatly appreciated!
     stage.removeChild(shape);
     stage.update();
});

当您单击红色圆圈时,它会立即消失.我希望它能慢慢消失.我做了一些研究,但我找不到好的文档 - 看来我需要的是TweenJS"姐妹"库,至少有以下一些代码:

createjs.Ticker.setFPS(30); //Sets frames-per-second for TweenJS
createjs.Tween.get(shape).to({alpha: 0},1000);

我相信最后一行应该是我之前制作的"形状"对象,然后设置一个动画来动画它的alpha属性(我假设在添加到舞台时默认为1,但我不确定) ,并在1000毫秒内将其减少到0.代码实际上没有做任何事情 - 任何帮助将不胜感激!

我是Three.js的新手(1天经验大声笑)我想创建一个太阳系模型,所以我得到的行星应该沿着他们的轨迹(圆圈)移动.

function render() { 
    requestAnimationFrame(render); 

    sun.rotation.y += 0.01;
    mercury.rotation.y +=0.03;

    renderer.render(scene, camera); 
} 
render();

我尝试使用样条线,但没有动画,因为我没有得到如何使用requestAnimationFrame与变量(只有这个最简单的增量的东西,如+ = 0.03)

mercury.position = spline.getPoint(t);

也尝试用数学做,但结果相同.不知道如何动画变量.

mercury.position.x = 20*Math.cos(4) + 0;

但我没有任何在JS中动画的经验.所以我的思绪被这个requestAnimationFrame的东西所震撼,我从一些教程中得到的东西,对我来说就像一个黑盒子.

我已经解析了一些来自电子游戏反恐精英的手榴弹投掷数据。下面的示例数据显示，我有关于手榴弹从何处投掷、手榴弹在何处引爆以及手榴弹何时投掷的位置。

df <- data.frame(pos_x = c(443.6699994744587,459.4566921116250, 443.5131582404877, 565.8823313012402, 725.3048665125078, 437.3428992800084, 475.7286794460795, 591.4138769182258),
             pos_y = c(595.8564633895517, 469.8560006170301, 558.8543552036199, 390.5840189222542, 674.7983854380914, 688.0909476552858, 468.4987145207733, 264.6016042780749), 
             plot_group = c(1, 1, 2, 2, 3, 3, 4, 4),
             round_throw_time = c(31.734375, 31.734375, 24.843750, 24.843750, 35.281250, 35.281250, 30.437500, 30.437500), 
             pos_type = c("Player position", "HE detonate", "Player position", "HE detonate", "Player position", "HE detonate", "Player position", "HE detonate"))

使用 ggplot2 我可以绘制手榴弹的静态轨迹，如下所示

但我想为手榴弹轨迹设置动画，并按照round_throw_time规定的顺序启动每个轨迹的动画，并从玩家位置移动到引爆位置。到目前为止，我已经尝试过这个：

ggplot(df, aes(pos_x, pos_y, group = plot_group)) +
 annotation_custom(grid::rasterGrob(img, width = unit(1,"npc"), height = 
 unit(1,"npc")), …

我最近切换到 EaselJs，并且想要为圆圈的颜色设置动画。

到目前为止我得到的代码是这样的：

var shape = new createjs.Shape();
shape.graphics.beginFill(createjs.Graphics.getRGB(255, 0, 0));
shape.graphics.drawCircle(0, 0, 10);
stage.addChild(shape);

var tween = createjs.Tween.get(shape, { loop: true }).
    to({color:"#00FF00" }, 1000);

但这行不通。什么是正确的动画属性？

我有一个div,#scrollable,带滚动条,我想滚动到最后.我可以通过将div的"scrollTop"属性设置为div的"scrollHeight"属性的值来实现:

var scrollable = d3.select("#scrollable");
scrollable.property("scrollTop", scrollable.property("scrollHeight"));

但我无法弄清楚,如果有的话,我可以补充它.

var scrollheight = scrollable.property("scrollHeight");
d3.select("#scrollable").transition().property("scrollTop", scrollheight);

不起作用.

谢谢你的任何想法.问候

我是LibGDX和Android的新手.对不起我的英语不好.

这是我的问题.我只想用libgdx制作一个启动画面,我在youtube上观看了Dustin Riley的libGDX教程.但我的代码不起作用,这里是关于错误的LogCat.

05-07 11:05:19.004: E/AndroidRuntime(838): FATAL EXCEPTION: GLThread
05-07 11:05:19.004: E/AndroidRuntime(838): java.lang.NoClassDefFoundError: com.me.secondGame.tween.SpriteTween
05-07 11:05:19.004: E/AndroidRuntime(838):  at com.me.secondGame.screens.SplashScreen.show(SplashScreen.java:57)
05-07 11:05:19.004: E/AndroidRuntime(838):  at com.badlogic.gdx.Game.setScreen(Game.java:62)
05-07 11:05:19.004: E/AndroidRuntime(838):  at com.me.secondGame.secondGame.create(secondGame.java:10)
05-07 11:05:19.004: E/AndroidRuntime(838):  at com.badlogic.gdx.backends.android.AndroidGraphics.onSurfaceChanged(AndroidGraphics.java:292)
05-07 11:05:19.004: E/AndroidRuntime(838):  at com.badlogic.gdx.backends.android.surfaceview.GLSurfaceViewCupcake$GLThread.guardedRun(GLSurfaceViewCupcake.java:708)
05-07 11:05:19.004: E/AndroidRuntime(838):  at com.badlogic.gdx.backends.android.surfaceview.GLSurfaceViewCupcake$GLThread.run(GLSurfaceViewCupcake.java:646)

首先,我编写代码,这是没有任何问题的工作.但我添加了一些补间代码,现在它不起作用.

这是添加的代码

Tween.registerAccessor(Sprite.class, new SpriteTween()); //MY ERROR ON HERE

manager = new TweenManager();

Tween.to(splashSprite, SpriteTween.ALPHA, 2f).target(1).ease(TweenEquations.easeInQuad).start(manager);

我猜有一个逻辑错误.因为没有错误输出.

和我的SpriteTween代码.

package com.me.secondGame.tween;

import com.badlogic.gdx.graphics.g2d.Sprite;
import aurelienribon.tweenengine.TweenAccessor;

public class SpriteTween implements TweenAccessor<Sprite> {
    public static final int ALPHA = …

我想清楚地了解什么是最pythonic和更清洁的实现方式:

1. 自定义记录器.
2. 一段代码,通过REST连接到第三方权利系统,与内部Pyramid ACL和权限系统相结合.

我是否应该编写一个WSGI中间件来获取应用程序作为参数或纯金字塔补间中的一个或两个我的要求？

另外,哪个wsgi中间件或补间最符合apache + mod_wsgi？

谢谢

我希望能够使用Paper.js定义补间动画。到目前为止，我已经确定Tween.js可能是为此最佳的库。但是，我在网络上没有看到任何示例，它们似乎都是针对Three.js的。

有人对我如何实现补间动画有其他建议吗？我正在尝试为mouseMove（）mouseDown（）和mouseUp（）事件上的某些路径设置动画。

我有以下代码：

var lion = game.add.sprite(2, 2,'lion');
var jump = game.add.tween(lion);
jump.to({x: 1000, y: 1000 }, 10000, Phaser.Easing.Linear.None);
// ... 
jump.start();

我创建了一个精灵，想让它在两点之间移动，这里我将狮子从左上角移动到右下角的某个点（1000,1000）。是否可以在这个动作中添加弹跳动作？

目前狮子正在直线移动，但我想让它看起来好像狮子在跳跃，如下所示：

我将如何实现这一目标？补间真的能够生成这样的复杂路径吗？