将补间添加到场景中,但不要立即播放

时间:2019-08-05 17:18:21

标签: phaser-framework

我正在使用scene.add.tween({config})向场景中添加补间,并且添加的补间会自动播放。我该如何预防?

    var config = {
        type: Phaser.AUTO,
        width: 800,
        height: 600,
        physics: {
            default: 'arcade',
            arcade: {
                gravity: { y: 200 }
            }
        },
        scene: {
            preload: preload,
            create: create
        }
    };

    var game = new Phaser.Game(config);

    function preload ()
    {
        this.load.setBaseURL('http://labs.phaser.io');

        this.load.image('logo', 'assets/sprites/phaser3-logo.png');
    }

    function create ()
    {
        var logo = this.add.image(config.width / 2, config.height / 2, 'logo');
        
        var tween_logo = this.add.tween({
          targets: logo,
          duration: 1000,
          scale: 2,
          ease: 'Linear',
          yoyo: true,
          repeat: -1
        });
        


    }
<script src="https://cdn.jsdelivr.net/gh/photonstorm/phaser@3.18.1/dist/phaser.min.js"></script>

1 个答案:

答案 0 :(得分:0)

在补间配置中添加暂停的属性并将其设置为true。

因此,您的补间配置将是:

var tween_logo = this.add.tween({
  targets: logo,
  duration: 1000,
  paused: true,
  scale: 2,
  ease: 'Linear',
  yoyo: true,
  repeat: -1
});

Here是指向配置文档的链接,以查看其他属性: