Javascript编写

cc.Class({

extends: cc.Component,

properties: {

near_bg: [cc.Node],//背景云   2幅图

far_bg: [cc.Node],//背景小山  2幅图

near_speed: 5,

far_speed: 0.5,

},

// use this for initialization

onLoad: function () {

this.fixBgPos(this.far_bg[0], this.far_bg[1]);

this.fixBgPos(this.near_bg[0], this.near_bg[1]);

},

fixBgPos: function (bg1, bg2)

{

bg1.x = 0;

var bg1BoundingBox = bg1.getBoundingBox();

//                                      最大                                最小

bg2.setPosition(bg1BoundingBox.xMax, bg1BoundingBox.yMin);

},

// called every frame, uncomment this function to activate update callback

update: function (dt)

{

this.bgMove(this.far_bg, this.far_speed);

this.bgMove(this.near_bg, this.near_speed);

this.checkBgReset(this.far_bg);

this.checkBgReset(this.near_bg);

},

bgMove:function(bgList, speed)

{

for (var index = 0; index < bgList.length; index++)

{

var element = bgList[index];

element.x -= speed;

}

},

/***

* 检查背景是否要重置位置  两个背景图循环切换

*/

checkBgReset:function(bgList)

{

var winSize = cc.director.getWinSize();

var first_xMax = bgList[0].getBoundingBox().xMax;

if (first_xMax <= 0)

{//shift() 删除并返回数组的第一个元素

var preFirstBg = bgList.shift();

bgList.push(preFirstBg);

var curFirstBg = bgList[0];

preFirstBg.x = curFirstBg.getBoundingBox().xMax;

}

}

});

Cocos creator 游戏背景循环滚动也可以参考

https://blog.csdn.net/baidu_38630622/article/details/79074151

平台的随机产生

cc.Class({

extends: cc.Component,

properties: {

platform_list:[],

move_speed:0.1,

platform_prafab: [cc.Prefab],

platform_layer: cc.Node,

gold_group_list: [cc.Prefab],

maxMoveSpeed:8, //平台最大移动速度

},

initPlatforms: function (list) {

this.platform_list = list;

list.forEach(function(element) {

element.setAnchorPoint(0, 0);

}, this);

},

generate: function (last_platform) {

//随机N种平台

//生成随机数,范围在0到1

var random_num = Math.random() * 4;

//Math.floor() 方法可对一个数进行下舍入   例如5.6为5

random_num = Math.floor(random_num);

var platform_temp = cc.instantiate(this.platform_prafab[random_num]);

platform_temp.setAnchorPoint(0,0);

/**

*设置坐标

*/

//x

var layer_size = this.platform_layer.getContentSize();

platform_temp.x = layer_size.width;

//随机Y值(不能太高，所以-100)

platform_temp.y = Math.random() * (layer_size.height - 100);

cc.log(platform_temp.y);

//防止Y对于前面的平台过高，跳不上去

var max_offy = 100;

if (platform_temp.y > last_platform.y + max_offy) {

platform_temp.y = last_platform.y + max_offy;

}

//添加到节点

this.platform_list.push(platform_temp);

this.platform_layer.addChild(platform_temp);

//一定的几率平台添加金币

// if (Math.random() >= 0.5) {

var index = Math.random() * 3;

index = Math.floor(index);

var gold_group = cc.instantiate(this.gold_group_list[index]);

var platform_size = platform_temp.getContentSize();

gold_group.setPosition(platform_size.width / 2, platform_size.height);

platform_temp.addChild(gold_group);

// }

cc.log("产出一个平台,平台数=", this.platform_list.length);

},

// // use this for initialization

// onLoad: function () {

//     this.schedule(this.onAddSpeed,10);

// },

// onAddSpeed:function(){

//     this.move_speed += 0.1;

// },

// onDestroy: function onDisabled() {

//      this.unschedule(this.onAddSpeed);

// },

// called every frame, uncomment this function to activate update callback

update: function (dt) {

var platform;

var remove_count = 0;

var list_new = [];

for (var index = 0; index < this.platform_list.length; index++) {

platform = this.platform_list[index];

platform.x -= this.move_speed;

if (platform.getBoundingBox().xMax > 0) {

list_new.push(platform);

}

else{

platform.removeFromParent();

}

}

this.platform_list = list_new;

if (!platform) {

return;

}

var winSize = cc.director.getWinSize();

var last_platform_bounding_box = platform.getBoundingBox();

var right_x = last_platform_bounding_box.x + last_platform_bounding_box.width;

if (right_x < winSize.width * 0.8) {

this.generate(platform)    //如果最后一个已经跑到距离左边长度小于总长度的 0.8 倍，，在产生一个新的。

}

//平台移动速度变更

if (this.move_speed < this.maxMoveSpeed) {

this.move_speed += 0.001;

}

},

});