TweenMax和pixi怎么进行缩放效果

发布于 2022-09-11 17:12:41 字数 746 浏览 0 评论 0

我想实现放大消失的效果。
alpha 设置 透明度从 1 到 0 有效果
但是 scale 无论怎么设置都不起作用,不知道哪里出了问题,求大神帮帮忙

function initAnimation(){
  // delay=0.1 表示滚动到10%开始播放动画
  // duration=0.1 表示运动时间占滚动的百分比
  console.log(bg.bg1.scale);
  let act1_1 = TweenMax.to(bg.mother,0.3,{x:1120}),
      act1_2 = TweenMax.to(bg.bg1,0.1,{alpha:0}),
      act1_3 = TweenMax.to(bg.bg1.scale,0.1,{x:2,y:2}),  // 问题代码,缩放无效
      act2 = TweenMax.to(sprites.mother_left,2,{rotation:-1}),
      act3 = TweenMax.to(sprites.mother_right,2,{rotation:1});
  let tm1 = new TimelineMax({delay:0.01}),
      tm2 = new TimelineMax({delay:0.01});
  tm1.add(act1_1);
  tm2.add(act1_2)
     .add(act1_3)
     .add(act2)
     .add(act3);
  timeline.add(tm1)
          .add(tm2);
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

淡看悲欢离合 2022-09-18 17:12:41 2 楼

在手机上没法实验,也确实看不出是什么问题,唯一的猜想是,scale的x,y的起始值会不会不是数字?

不过如果硬要实现的话,可以通过修改width height来实现囖。

染墨丶若流云 2022-09-18 17:12:41 1 楼
        this.hT.to(fail.scale, 1, {
            x: 1.5,
            y: 1.5
        });
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击“接受”或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。