cocoscreator - cocos creater中的背景图重复效果

Question

cocos creater中如何设置背景图片重复效果？

如果字符运行，则背景图像应该向后流动，但我想通过使用一个设备大小的图像文件反复不断地重复背景。

Answer 1

我认为您可以通过使用两个背景图像来做到这一点，一个接一个地放置，锚点为 0,0，大小假定与画布大小相同（图像未放置在画布内）。应用于两个图像的此脚本可以以最简单的形式实现该效果。

cc.Class({
    extends: cc.Component,

    properties: {
        // speed of scrolling
        speed: 0,
        // reset to position
        bgwidth: 0
    },

    // use this for initialization
    onLoad: function () {
    },

    // called every frame, uncomment this function to activate update callback
    update: function (dt) {
        var x = this.node.x;
        x -= this.speed * dt;
        if (x <= -this.bgwidth) {
            x += this.bgwidth*2;
        }
        this.node.x = x;
    },
});