Javascript编写
cc.Class({
extends: ponent,
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 游戏背景循环滚动也可以参考
/baidu_38630622/article/details/79074151
平台的随机产生
cc.Class({
extends: ponent,
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;
}
},
});
