在paperjs中链接补间
在Paper.js中，链接补间（Link Tween）是一种动画效果，用于在两个或多个路径之间创建平滑的过渡。补间动画是指在一段时间内逐渐改变对象的属性值，使其从一个状态平滑过渡到另一个状态。
Paper.js是一个强大的开源矢量图形库，用于在Web浏览器中创建交互式矢量图形和动画。它基于HTML5 Canvas技术，提供了丰富的绘图功能和易于使用的API。
链接补间在Paper.js中的应用场景包括但不限于：
- 动画效果：链接补间可以用于创建平滑的过渡动画，使路径在不同形状之间流畅地变化。这可以用于创建各种动态效果，如形状变换、渐变过渡等。
- 用户交互：链接补间可以与用户的交互行为结合使用，例如当用户点击或悬停在某个元素上时，路径可以通过链接补间动画来改变形状，从而提供更加生动的用户体验。
- 游戏开发：链接补间可以用于创建游戏中的动画效果，如角色移动、物体变形等。通过链接补间，可以实现平滑的过渡，使游戏画面更加流畅和逼真。
腾讯云提供了一系列与云计算相关的产品，其中与Paper.js的链接补间相关的产品包括：
- 腾讯云对象存储（COS）：腾讯云对象存储是一种高可用、高可靠、低成本的云存储服务，可以用于存储和管理Paper.js中使用的图形资源文件。了解更多信息，请访问：腾讯云对象存储
- 腾讯云云服务器（CVM）：腾讯云云服务器是一种弹性、安全、稳定的云计算基础设施，可以用于部署和运行Paper.js应用程序。了解更多信息，请访问：腾讯云云服务器
请注意，以上仅为示例产品，实际使用时需根据具体需求选择适合的腾讯云产品。
相关·内容
我正在使用tween.js。我有一个需要快速创建许多补间的用例。
我关心的是最小化CPU和垃圾收集，因此我尝试使用"new“最小化对象的创建。但是，似乎开始补间的唯一方法是创建一个新的补间对象。
有没有办法获取现有的补间对象并重新初始化/重用它？
浏览 8提问于2016-05-23得票数 0
1回答
我想简单地使用actionscript代码对形状进行动画处理。如何在代码中创建补间形状，并使用它来增加形状的宽度？
浏览 1提问于2013-12-10得票数 0
我需要在代码中创建一个补间动画，放大并返回到具有反弹效果的原始大小。
createjs.Tween.get(this.movieClip).wait(200).to({scaleX:1.10,scaleY:1.10}, 1000, createjs.Ease.bounceOut);
据我所知，这是规模与反弹效果，但停留在110%，我需要它返回到100%的反弹效果。我可以做到这一点与动画补间与反弹…，但需要能够在代码中做到这一点。
浏览 18提问于2019-07-09得票数 0
虽然我正在处理简单的动画，比如文本滚动..因为我为菜单创建了外部xml。因为我刚接触flash，所以我从教程中学到了它，但它并不清楚。我下载了tweenmax rar文件。我不知道如何将该文件导入到我的项目中。指引我
浏览 0提问于2012-03-02得票数 0
回答已采纳
1回答
我开始使用AS3的Tween功能，但偶尔会注意到一些奇怪的行为。基本上，它在完成补间之前就冻结了。
这个网站似乎提供了解决方案：
我的程序要求每次都能精确地旋转补间。我喜欢使用adobe放在适当位置的函数，但这让我很紧张，因为它有这么大的问题。
我应该使用as3的补丁，还是像greensock.com的TweenLite这样的外部补丁？
哪一个更可靠？
浏览 1提问于2011-07-07得票数 2
回答已采纳
我想拖动有补间的元件。我一拖动，补间就变得一团糟，因为flash认为我想手动调整补间。不，我只是改变了舞台的大小，想要补间开始和结束相同的方式，但在不同的位置。你可以拖动补间线条，但是这个补间只是改变了不透明度，所以不走运。是否有一些shift-control Some键序列可以在补间完好无损的情况下拖动符号？
浏览 1提问于2010-12-11得票数 0
1回答
我想在flex移动应用程序中补间图片的alpha。我试过tweenlite，但它运行得太快了。有没有什么优化的方法来做这件事，或者在objective C代码中进行链接？
谢谢
浏览 0提问于2011-11-19得票数 0
我遇到了一个有趣的情况，我想模拟一个守门员从顶部抛出的球。球将从右向左移动，它一开始很小，上半场变大，因为它增加了高度，最后又变小了。场景是这样的。而且我不想使用任何actionscript代码，因为事件侦听器会造成性能损失。
如何在FlashCS5.5的设计环境中模拟两种不同的补间(水平移动不方便，垂直移动使用easeOut和easeIn)
顺便说一句，我已经尝试过使用actionscript代码，因为有太多的并发事件，在每次补间开始时都会出现一些延迟。
提前感谢
浏览 0提问于2011-09-21得票数 0
2回答
我的计时器看起来很棒，指针在一个循环中旋转。我该如何给它添加轻松呢？
该计量器是从计时器事件中构建的。我想让指针在末端反弹。不只是添加一个变量，我需要一些控制它发生的时间，这样我就可以用动画来调整它。
工作代码"Thxs to member“
var timer:Timer = new Timer(20, 30);//tick 200, 36<br>
timer.addEventListener(TimerEvent.TIMER, onTimer);
timer.addEventListener(TimerEvent.TIMER_COMPLETE, startAgai
浏览 1提问于2010-02-09得票数 0
回答已采纳
我正在使用scene.add.tween({config})将补间添加到场景中，并自动添加补间播放。我如何防止这种情况发生？
var config = {
type: Phaser.AUTO,
width: 800,
height: 600,
physics: {
default: 'arcade',
arcade: {
gravity: { y: 200 }
}
},
浏览 12提问于2019-08-06得票数 0
是否可以仅使用AS3更改一个MovieClip的播放速度，而不更改帧速率？我的意思是，在MovieClip或其他什么地方有什么函数/属性可以在同一时间只改变一个MovieClip的播放速度而不影响普通的帧率吗？提前感谢您:-)
浏览 0提问于2011-08-18得票数 1
回答已采纳
我使用默认的时间轴，因为如果我使用TweenMax (AS3)设置动画，动画太难了。现在我需要把它转换成TimelineMax，因为它在操作上更灵活。提前谢谢。
浏览 4提问于2015-05-02得票数 0
1回答
好了，这是我的设想，请记住，我才刚刚开始使用flash，所以在这一点上我真的是一个完全的新手：
我想有两个按钮，加载不同的jpeg，这是相当大(约5000宽x600高)动画作为页面背景。因此，在我的主时间线的BG层中，我添加了一个容器影片剪辑(也是5000x600)，并且在容器影片剪辑的时间线中，我让它在舞台上来回地进行经典的补间。然后在主时间线上，我有我的两个按钮，这两个按钮应该加载背景。看起来把事情搞得一团糟的是，我在动作脚本中调用了" stop()；“，以在预加载器之后的主时间线的第三帧停止，等等。在我的测试中，我添加了另一个动画电影剪辑，当我调用stop ()时，它一直保持动画
浏览 0提问于2012-03-01得票数 0
回答已采纳
2回答
我试图在paperjs中链接补间，但由于某些原因，tween的start()函数在另一个补间的then()函数中不起作用。如果我在外部调用start()函数，它仍然可以工作。解决这个问题的唯一方法是如果我在then()函数中定义了补间，但在我看来我链接错了，.then()如何与promises链接错误。 var size = new Size(605, 605);
var back = new Path.Rectangle(view.center-size/2, size);
back.fillColor = 'black';
project.currentStyle =
浏览 32提问于2021-04-21得票数 0
我想在中绘制多条正弦曲线，但我想高效地完成，这样我就可以对它们的运动进行动画处理。以下是我尝试过的方法，但看起来并不流畅：
var game, DemoState;
//create the game state
function DemoState() {}
DemoState.prototype.create = function() {
var graphics = game.add.graphics(10, 10);
window.graphics = graphics;
window.startTime = game.time.time;
}
DemoState
浏览 0提问于2015-08-21得票数 1
2回答
如果我有一个为其分配了类的电影剪辑，并且我在代码中更改了该电影剪辑的属性，则似乎无法再在时间轴上对该属性进行补间。
例如，如果我的类设置this.x = 100，然后在时间线上补间对象的位置，时间线补间将不会发生。
更改scaleX或scaleY属性似乎也会阻止时间线补间的发生。
有没有其他人经历过这种情况，如果有，有没有办法绕过它？
浏览 2提问于2009-06-10得票数 2
回答已采纳
1回答
我是一个CreateJS的新手，我使用过这个示例代码，但我不太理解它，因为没有一个代码一个代码的解释。代码如下：
createjs.Tween.get(circle, { loop: true })
.to({ x: 400 }, 1000, createjs.Ease.getPowInOut(4))
.to({ alpha: 0, y: 175 }, 500, createjs.Ease.getPowInOut(2))
.to({ alpha: 0, y: 225 }, 100)
.to({ alpha: 1, y: 200 }, 500, createjs.Ease.get
浏览 4提问于2016-08-10得票数 0
回答已采纳
我有一个向量圆，下面要做什么：
我想用补间动画让它看起来像一个爆炸的冲击波，一开始它会淡入(从0到.5)并缩放，当它达到总动画时间的一半时它会淡出，但它仍然会缩放(希望你明白我的意思)。
目前它看起来很可怕，因为我不知道如何使用TweenLite实现从第1部分到第2部分的平滑过渡。我的动画在到达第1部分的末尾时停止，并突然跳到第2部分。
有人能帮我解决这个问题吗？非常感谢。：)
动画总时间：.75秒总伸缩量:5
part 1 of 2:
TweenLite.to(blastwave, .375, {alpha:.5, transformAroundCenter:{scale:2.23},
浏览 0提问于2011-10-27得票数 0
回答已采纳
我猜这篇文章会影响到另一群人，他们通常会帮助我理解PHP和MySQL……在部分了解了人们帮助我解决问题的一些东西之后，我现在开始学习Flash和Actionscript (完全没有任何知识)。
我已经设法用补间动画(我想)让一些单词在屏幕上飞过--我不得不说，我这样做给自己留下了深刻的印象，但我现在想要做的是，当单词都停下来的时候，我希望每个单词都“变形”成不同的颜色--所以当它们飞进来时，它们都是蓝色的，然后当它们都停止时(每个单词都是不同的层)，第一个单词变成红色，下一个单词变成绿色，依此类推……
我只是想知道人们对我如何能够做到这一点的想法，以及我这样做可能会带来什么巨大的影响。
在此之
浏览 0提问于2011-07-11得票数 0
回答已采纳
2回答
我有这个问题:有一个敌人轮换到我的球员身上。当我和我的玩家在“环绕”敌人的时候，我可以看到敌人正在向我的玩家旋转。
然后敌人突然转身360度，再次面对我的玩家。我不知道为什么它会做这个奇怪的360度转弯，但每次我绕敌人飞行几秒钟时都会发生这种情况。我不知道问题出在哪里。
tempEnemy.dX = tempEnemy.x - player.x;
tempEnemy.dY = tempEnemy.y - player.y;
tempEnemy.rotateTo = toDegrees(getRadians(tempEnemy.dX, tempE
浏览 0提问于2011-11-03得票数 1
回答已采纳
1回答
我已经使用as3补间创建了以下动画。
当您将鼠标悬停在圆圈的一部分上时，圆圈会显示动画，并显示标题。当您卷展栏时，它将动画恢复到其初始状态。
这一切都很好，但是出于某种原因，当你滚动一个部分时，一个完全不同部分的文本就会出现！
我不知道它是如何发生的，我也不能“让”它发生，所以我不知道它为什么会发生。我所能做的就是不断地将鼠标移动到这些部分上，直到出现故障。
有谁能帮帮忙吗？
这是我的代码示例，很抱歉它太长了！
import flash.filters.*;
import caurina.transitions.*;
import caurina.transitions.properti
浏览 8提问于2012-08-23得票数 0
3回答
我尝试将自己的方法添加到补间类中，以暂停/恢复所有补间。这就是我所拥有的：
createjs.Tween.pauseAllTweens = function()
{
for ( var i = 0, tweenObj; tweenObj = createjs.Tween._tweens[i++]; )
tweenObj.setPaused(true);
};
createjs.Tween.resumeAllTweens = function()
{
for ( var i = 0, tweenObj; tweenObj = createjs.Tween._
浏览 0提问于2015-05-19得票数 2
我正在用Unity3D设计一个迷宫。迷宫有许多分叉，玩家会在每个分叉前停下来，简单地选择左或右。然后，自动动画将移动玩家通过下一个分叉，直到迷宫的尽头(或直到死胡同)。
为了给播放器添加动画效果，我在Unity项目中使用了和C#。使用AniMate，我只是为每个分叉创建一个点对点的动画(例如，下面的图像:从开始/红色箭头到点5)
我的问题是，我的动画脚本(关联到“第一人称控制器”)不能正常工作，因为物理不受尊重(玩家穿过墙壁)。如果在同一个项目中，我在Unity中启用了标准的角色控制，那么我可以使用墙等的物理约束在迷宫中导航。(例如，我有对撞机)。
这是我使用的代码示例，当我按下left
浏览 1提问于2012-10-21得票数 1
回答已采纳
1回答
我在停止动画后恢复动画有问题。有什么建议吗？我使用kineticjs使元素沿着路径运行，在我到达终点后，动画停止2秒，然后重新开始。
下面是我的代码：
var stage = new Kinetic.Stage({
container: 'canvas',
height: 484,
width: 478
});
var layer = new Kinetic.Layer();
stage.add(layer);
浏览 1提问于2013-12-11得票数 0
1回答
我有两个MovieClips，我希望在屏幕上移动(一个是水平的，另一个是垂直的)，我理想的场景是一个像这样的安卓类型的动画……
TranslateAnimation moveDown;
if (isMainGuiVisible)
{
moveDown = new TranslateAnimation(0, 0, 0, 150);
}
else
{
moveDown = new TranslateAnimation(0, 0, 150, 0);
}
moveDown.setDuration(time);
moveDown.setFillAfter(true);
frmMai
浏览 3提问于2012-11-27得票数 0
回答已采纳
我需要更好地理解kinetic.js动画。我使用的是教程found 。我使用代码并将我的动画设置为x位置100的矩形。我的问题是如何使矩形的移动有一个平滑的过渡.我无法理解html5canvastutorials.com上kinetic.js动画的解释。这是我的代码。
var stage = new Kinetic.Stage({
container: 'container',
width: 960,
height: 480
});
var layer = new Kinetic.Layer();
var block = new Kinetic.Rec
浏览 0提问于2013-05-18得票数 1
回答已采纳
我是AS3的新手，我正在尝试为我的网站建立一个图像导航。
基本上，这4个类别由图像(或暂时的彩色矩形)表示。每个区域有4个不可见的mcs。rec开始模糊且较小，当鼠标悬停在invis mc上时，相应的rec将放大，然后在鼠标移出时，rec将缩小到起始位置。
当鼠标缓慢移动时，一切似乎都很正常，但当你快速移动鼠标时，图像会随机放大和冻结-基本上表现得出乎意料。
和。
我知道我可能写的代码太长了，但这是我知道如何自动取款机的唯一方法。所以请不要缩短太多，因为我不知道如何在未来更新它，或者如果你知道，如果你能给我一个清楚的解释，那就太好了。
代码：
import flash.net.navigate
浏览 1提问于2011-11-28得票数 0
1回答
我用它来补间许多参数。
var tween:Tween = new Tween(imageObject, "x", Regular.easeIn, imageObject.x,nextImageObject.x-imageStep, 1, true);
var tween1:Tween = new Tween(imageObject, "rotationY" , Regular.easeIn, imageObject.rotationY, rotationAngle,1, true);
var tween2:Twe
浏览 4提问于2011-10-24得票数 2
回答已采纳
1回答
好吧，解决了。将补间放在click函数中。
star.on('click', function() {
Spin60 = new Kinetic.Tween({
node: star,
rotationDeg: star.rotation()+60,
duration: 1,
easing: Kinetic.Easings.EaseInOut,
onFinish: function() {
console.log(star.rotation());
浏览 1提问于2014-08-04得票数 2
我有一个tween过渡。每次单击按钮X时，它都会将电影剪辑(矩形)移动到更远(varx + numberx)。
var myTween:Tween = new Tween(rectangle, "x", Strong.easeOut, currentposx, varx, 3, true);
不知何故，如果我垃圾邮件按钮X，我的电脑变慢了一段时间后。但不知何故，我找不到问题的根源。我的猜测是，每次我覆盖补间过渡时，之前的过渡仍然以某种方式完好无损。
那么，如果补间被其他补间覆盖，我必须中止它吗？
浏览 1提问于2011-08-05得票数 1
回答已采纳
在第一个示例中，补间偶尔会过早停止：
package {
//are main stage is a movieclip
import flash.display.MovieClip;
import flash.events.Event;
import flash.utils.Timer;
import flash.utils.*;
import flash.events.*;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl
浏览 2提问于2014-06-08得票数 0
我有一个使用Gephi生成的网络图可视化，其中包含许多节点和边。我需要生成一个摄像机(或移动的电影剪辑)的动画，沿着bezier曲线的路径“飞行”网络，随机访问每个(不一定是每个)节点。我已经快速制作了的动画。
如何通过AS3或在github上处理或使用mbostock D3 javascript库以编程方式实现这一点？
到目前为止，我在AS3中的尝试是使用将gephi生成的SVG转换为AS3代码，然后尝试改编贝塞尔补间库，如Zeh Fernando的示例，但我遇到了困难。
Medeiros的转换器将二次bezier分解为4个独立的二次bezier，我不确定如何将flash的curveTo方法
浏览 0提问于2011-11-09得票数 1
1回答
我想通过DoTween的DOMoveY快捷键在2D敌方宇宙飞船的某个部分上下移动。到目前为止还不错--它几乎可以工作了.但是，当我在游戏过程中尝试更改transitionTarget的值时，动画并没有相应地更改。
所以问题似乎是代码没有更新补间程序。现在我想知道我必须对我的代码进行哪些更改，以便在游戏过程中我更改transitionTarget的值(通过检查器)时补间程序会更新？
代码如下：
public float transitionTarget = 0f;
private Tweener transitionTweener;
private bool toggleTransition
浏览 2提问于2020-10-16得票数 1
我有一个带有Enter_Frame的函数正在运行，并在函数期间将其补间。我知道您可以使用object.y=object.y +1而不是我现在使用的TweenLite。但是TweenLite提供了我想要的最好的效果。我现在的问题是，我想在enter_frame函数彼此不冲突的时候删除它。但是当我跟踪hitTestObject时，它就像是瞬间hitTestObject结果返回'false‘。因此补间不能真正先完成，并在对象仍在碰撞时提早删除enter_frame run。
private function checkCollision (e:Event):void
{
浏览 2提问于2010-08-19得票数 0
回答已采纳
您好，我正在尝试创建一个对象，在本例中为'ship_mc'，在屏幕上移动到3个不同的点，但我想使用补间类。我不知道为什么它不工作，任何帮助都会非常感谢。我的代码如下所示
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
var myTween01:Tween = new Tween(this, "x", Regular.easeIn, 1416, 973, 4, true);
var myTween02:Tween
浏览 1提问于2012-10-25得票数 0
1回答
我正在使用神奇的KineticJS JavaScript框架来做一些说明。
我在我的插图中有一些Tweens用于一些时髦的过渡。
我的问题是，我试图在图中平滑地移动一个Kinetic.Line()对象。
KineticJS的文档说明您可以使用补间来转换“形状的任何数字属性”。我知道Kinetic.Line()对象中的点不是数字，它是一个对象属性。有没有办法访问在补间中使用的kLine_MovingLine.attrs.points[0].x。
我的台词很简单。它们只有两个点(起点和终点)。
浏览 3提问于2013-07-22得票数 1
回答已采纳
1回答
as3补间运行时错误
、、、
问候研究员探索，=)
我在这方面已经有一段时间了，不幸的是遇到了我的对手。为了简短起见，我会很快的。我有一个document类，它运行一个计时器，并以编程方式加载一个电影剪辑和一个for循环，将它们堆叠在另一个之上。然后，动态补间将它们从舞台的一端移动到另一端。这是我运行的issue.When，偶尔会有一两个年轻人中途停下来，我不知道为什么会这样。
文档文件
package {
import flash.display.MovieClip
import flash.events.Event;
import flash.utils.Timer;
import flash.utils.*;
i
浏览 2提问于2014-05-28得票数 0
我正在将一些Flex向下转换为Actionscript项目，需要在轻量级框架上尽可能快地加快速度，以便做基本的动画。
这些组件可能有一些非常简单的数据访问-例如读取图像列表，但并不聪明。
我真正想要的是一个等同于Flex的“AnimateProperty”或“Move”的东西。是的，非常简单！
我只是不想太低级，开始在onEnterFrame()事件处理程序中执行x+=。我只想用面向对象的脚本替换基于时间线的动画。
浏览 1提问于2009-04-10得票数 1
2回答
我已经遇到这个术语好几次了，但我找不到关于它的详细定义。
例如，某些jQuery方法中的参数fx为Tween.init。
有人能帮上忙吗？
浏览 0提问于2013-05-14得票数 22
回答已采纳
1回答
在变量中存储y坐标
、、、、
我正在尝试在鼠标单击时补间影片剪辑的y位置。到目前为止，我已经有了以下代码
import fl.transitions.Tween;
import fl.transitions.easing.*;
var posY:Number = infographic_mc.y
var redY:Number = -232
var orangeY:Number = -551
var yellowY:Number = -883
var greenY:Number = -1225
var blueY:Number = -1543
var purpleY:Number = -1873
var tween
浏览 2提问于2014-05-25得票数 0
我有三个电影剪辑：“instructions”，“uelButton”和“uelHover”。动画开始时uelHover不可见(alpha为0)。当我将鼠标悬停在uelButton上时，我希望指令消失，uelHover淡入。当我将鼠标悬停在uelButton上时，我希望uelHover消失，指令再次淡入。这是我的actionscript：
uelHover.alpha = 0;
uelButton.addEventListener(MouseEvent.MOUSE_OVER, uelButtonHovered);
uelButton.addEventListener(MouseEvent.
浏览 1提问于2014-02-03得票数 0
我正在试着找出一种方法，让一个数字在'x‘帧数中从'a’流畅地变为'b‘。
本质上，我有一堆箭头仪表，我将根据我的“模拟”中发生的事情来设置动画来增加或减少。在这些箭头旁边，我有一个数字输出来指示精确值。
我最初的计划是让箭头在补间上旋转，并在同一时间段内将数字从‘700更改为750。如果不手动更改单独符号中的数字并使其与箭头的运行时间相同，有代码可以做到这一点吗？
所以为了澄清，我想让我的数字从x变成y，一旦我决定了要改变多少帧。
浏览 3提问于2013-07-08得票数 0
回答已采纳
2回答
我在电影剪辑中有一个对象，我当前已经为其设置了一个补间。我是在舞台上设置的，而不是用actionscript。
我需要动态更改此补间的持续时间。我还没有找到这样做的方法的参考。
如果需要，我不介意动态创建补间，在代码中设置初始持续时间，但我仍然没有找到任何动态更改持续时间的引用。
这个是可能的吗？
我只是在学习as3，如果这是显而易见的事情，我很抱歉。
浏览 1提问于2012-03-29得票数 0
2回答
好了，伙计们，我要用Phaser3写一个游戏，这是我第一次使用Phaser。我需要写一个旋转旋转游戏(其中您旋转并赢得一些东西)。这里是一个示例图像的微调，为您了解的想法。 ? 所以现在我需要在几秒钟内将这个旋转器旋转到某个定义的角度。所以我的问题是，相位器3是否有一些旋转动画，我可以说在几秒钟内将图片旋转到某个角度？或者我需要在Phaser3的update(time，delta)函数中处理它，然后自己做所有的计算？
浏览 48提问于2020-07-20得票数 0
回答已采纳
2回答
我正在尝试拍摄10张图像，将它们加载到一个数组中，然后一次显示一个，依次淡出每个图像。我一直收到这个错误。
ReferenceError:错误#1056:无法在字符串上创建alpha属性。Tween/set position()在fl.transitions::Tween()的图像_fla：：MainTimeline/goPlay()
我的代码
import fl.transitions.Tween;
import fl.transitions.easing.*;
play_btn.addEventListener(MouseEvent.CLICK, goPlay)
var images
浏览 0提问于2010-11-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
