background image repeat effect in 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; 
 
    }, 
 
});