"use strict";
|
cc._RF.push(module, '693f99CVQFBN5FORw91LWR9', 'mainscene');
|
// Scripts/mod/mainscene/view/mainscene.js
|
|
"use strict";
|
|
// --------------------------------------------------------------------
|
// @author: shiraho@syg.com(必填, 创建模块的人员)
|
// @description:
|
// 主城
|
// <br/>Create: new Date().toISOString()
|
// --------------------------------------------------------------------
|
var LoaderManager = require("loadermanager");
|
|
var SceneCtrl = require("mainscene_controller");
|
|
var SceneEvent = require("mainscene_event");
|
|
var SceneConst = require("scene_const");
|
|
var BuildItem = require("build_item");
|
|
var GuideController = require("guide_controller");
|
|
var MainScene = cc.Class({
|
"extends": BaseClass,
|
properties: {
|
build_list: null,
|
effect_render_list: [],
|
config: null,
|
cur_time_type: 1,
|
// 当前时间类型
|
map_type: null,
|
last_map_res: [],
|
// 存储地图的资源路径
|
scene_effect: [],
|
get_build_cb: {
|
"default": {}
|
},
|
build_items: {
|
"default": {}
|
}
|
},
|
ctor: function ctor() {
|
this.config = arguments[0];
|
this.initConfig();
|
this.createRootWnd();
|
this.registerEvent();
|
this.createScene();
|
},
|
// 初始化一些配置数据
|
initConfig: function initConfig() {
|
this.size = cc.size(1440, 1280); // 地图尺寸
|
|
this.layer_num = 4; // 当前地图层数
|
|
this.map_layer = []; // 地图层级
|
|
this.speed_list = [0.2, 0, -0.15, 0]; // 各层地图相对一定的速度
|
|
this.init_x = 0;
|
this.init_y = 0;
|
this.map_cache = []; // 带创建的地图列表
|
|
this.layer_img_list = ["1.png", "2.png", "3.png", "4.jpg"];
|
this.last_point = null;
|
},
|
setTimeType: function setTimeType(timevalue) {
|
var cur_type;
|
|
if (timevalue >= 6 && timevalue < 18) {
|
cur_type = 1;
|
} else {
|
cur_type = 2;
|
}
|
|
if (this.cur_time_type !== cur_type) {
|
this.cur_time_type = cur_type;
|
if (this.root.active) this.changeSceneMap();
|
}
|
},
|
getTiemType: function getTiemType() {
|
var myDate = new Date();
|
var curTime = myDate.getHours();
|
var cur_time_type = 2;
|
|
if (curTime >= 6 && curTime <= 18) {
|
cur_time_type = 1;
|
}
|
|
return cur_time_type;
|
},
|
// 创建主城相关节点
|
createRootWnd: function createRootWnd() {
|
this.root = new cc.Node("base_root");
|
this.root.setAnchorPoint(0, 0);
|
var scene_scale = this.scene_scale = 1;
|
var width_scale = this.width_scale = 1;
|
|
if (window.FIT_HEIDGHT) {
|
width_scale = FIT_SCALE;
|
}
|
|
if (window.FIT_WIDTH) {
|
scene_scale = FIT_SCALE;
|
}
|
|
this.root.setContentSize(SCREEN_WIDTH * width_scale, SCREEN_HEIGHT);
|
this.root.setPosition(-SCREEN_WIDTH * 0.5 * width_scale, -SCREEN_HEIGHT * 0.5 * scene_scale);
|
this.root.addComponent(cc.Mask); // 设置剪辑区域
|
|
ViewManager.getInstance().addToSceneNode(this.root, SCENE_TAG.scene);
|
this.root.scale = scene_scale;
|
this.rootShowY = this.root.y;
|
this.rootHideY = -this.root.height * 2; // 主的操作节点
|
|
this.root_wnd = new cc.Node("handle_root");
|
this.root_wnd.setAnchorPoint(0, 0);
|
this.root_wnd.setContentSize(this.size);
|
this.root_wnd.parent = this.root; // 地图层级
|
|
for (var index = 0; index < this.layer_num; index++) {
|
var map_layer = new cc.Node("map_layer" + index);
|
map_layer.setAnchorPoint(0, 0);
|
map_layer.setContentSize(this.size);
|
this.root_wnd.addChild(map_layer, 10 - index);
|
this.map_layer[index] = {
|
node: map_layer,
|
index: index,
|
sprite: null,
|
frame: null,
|
res: null
|
};
|
} // 初始化坐标
|
|
|
this.init_x = (SCREEN_WIDTH - this.size.width) * 0.5;
|
this.init_y = (SCREEN_HEIGHT - this.size.height) * 0.5;
|
this.updateMainScene(this.init_x, this.init_y);
|
this.playBackgroundMusic();
|
},
|
// 注册监听事件,这里包含场景的
|
registerEvent: function registerEvent() {
|
var self = this;
|
this.root.on(cc.Node.EventType.TOUCH_START, function (event) {
|
self.last_point = null;
|
var _iteratorNormalCompletion = true;
|
var _didIteratorError = false;
|
var _iteratorError = undefined;
|
|
try {
|
for (var _iterator = self.map_layer[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
var iterator = _step.value;
|
|
if (iterator.node) {
|
iterator.node.stopAllActions();
|
}
|
}
|
} catch (err) {
|
_didIteratorError = true;
|
_iteratorError = err;
|
} finally {
|
try {
|
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
|
_iterator["return"]();
|
}
|
} finally {
|
if (_didIteratorError) {
|
throw _iteratorError;
|
}
|
}
|
}
|
|
self.root_wnd.stopAllActions();
|
}, this);
|
this.root.on(cc.Node.EventType.TOUCH_MOVE, function (event) {
|
var touches = event.getTouches();
|
self.last_point = touches[0].getDelta();
|
self.moveMainScene(self.last_point.x);
|
}, this);
|
this.root.on(cc.Node.EventType.TOUCH_END, function (event) {
|
if (self.last_point == null) {
|
return;
|
}
|
|
var interval_x = self.last_point.x * 3; // var interval_x = (self.last_point.x/Math.abs(self.last_point.x)) * 30;
|
|
var temp_x = self.root_wnd.getPosition().x + interval_x;
|
var target_x = self.scaleCheckPoint(temp_x);
|
var _iteratorNormalCompletion2 = true;
|
var _didIteratorError2 = false;
|
var _iteratorError2 = undefined;
|
|
try {
|
for (var _iterator2 = self.map_layer[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
|
var iterator = _step2.value;
|
|
if (iterator.node) {
|
var speed = self.speed_list[iterator.index];
|
var move_to = cc.moveTo(2, (target_x - self.init_x) * speed, 0).easing(cc.easeBackOut());
|
iterator.node.runAction(move_to);
|
}
|
}
|
} catch (err) {
|
_didIteratorError2 = true;
|
_iteratorError2 = err;
|
} finally {
|
try {
|
if (!_iteratorNormalCompletion2 && _iterator2["return"] != null) {
|
_iterator2["return"]();
|
}
|
} finally {
|
if (_didIteratorError2) {
|
throw _iteratorError2;
|
}
|
}
|
}
|
|
var root_move_to = cc.moveTo(2, target_x, self.init_y);
|
self.root_wnd.runAction(root_move_to.easing(cc.easeBackOut()));
|
}, this);
|
},
|
// 设置主城是否可见
|
setVisible: function setVisible(status) {
|
if (!status) {
|
// this.rootY = this.root.y;
|
this.root.y = this.rootHideY; // this.root.active = status;
|
} else {
|
var cur_time_type = this.getTiemType();
|
|
if (cur_time_type !== this.cur_time_type) {
|
this.changeSceneMap();
|
}
|
|
this.root.y = this.rootShowY;
|
}
|
},
|
// 移动主城位置
|
updateMainScene: function updateMainScene(x, y) {
|
y = y ? y : this.init_y;
|
|
for (var index = 0; index < this.map_layer.length; index++) {
|
var element = this.map_layer[index];
|
var speed = this.speed_list[index];
|
element.node.setPosition((x - this.init_x) * speed, y - this.init_y);
|
}
|
|
this.root_wnd.setPosition(x, y);
|
},
|
// 创建具体显示数据,包括背景,马赛克等
|
createScene: function createScene() {
|
this.cur_time_type = this.getTiemType(); // this.changeSceneMap();
|
|
this.renderSmallPic();
|
gcore.Timer.set(function () {
|
this.changeSceneMap();
|
}.bind(this), 2000, 1);
|
var build_list = SceneCtrl.getInstance().getBuildList();
|
|
if (Utils.isEmpty(build_list) && !this.wait_create_build_event) {
|
this.create_build_vo = gcore.GlobalEvent.bind(SceneEvent.CreateBuildVoOver, function () {
|
this.wait_create_build_event = null;
|
gcore.GlobalEvent.unbind(this.create_build_vo);
|
this.beforeCreateBuild();
|
}.bind(this));
|
} else {
|
this.beforeCreateBuild();
|
} // this.quequeCreateEffect();
|
// 开始预加载资源
|
|
|
DownloadManager.getInstance().checkAnimaCache();
|
},
|
// 延迟创建地图
|
mainLoop: function mainLoop() {
|
if (this.map_cache && this.map_cache.length > 0) {
|
var map_info = this.map_cache.shift();
|
|
if (map_info.res) {
|
LoaderManager.getInstance().loadRes(map_info.res, function (limit_num, res_object) {
|
var map_layer = this.map_layer[map_info.layer];
|
|
if (map_layer && map_layer.node) {
|
if (map_layer.sprite == null) {
|
map_layer.sprite = new cc.Node();
|
map_layer.sprite.setPosition(map_info.pos);
|
map_layer.sprite.setAnchorPoint(map_info.ap);
|
|
if (map_info.layer == 3) {
|
//最后一层的时候需要放大4倍
|
if (this.cur_time_type == 1) {
|
map_layer.sprite.setScale(4);
|
} else {
|
map_layer.sprite.setScale(1);
|
}
|
}
|
|
map_layer.node.addChild(map_layer.sprite, -1);
|
map_layer.frame = map_layer.sprite.addComponent(cc.Sprite);
|
}
|
|
map_layer.frame.spriteFrame = res_object;
|
|
if (map_layer.res) {
|
LoaderManager.getInstance().releaseRes(map_layer.res);
|
}
|
|
map_layer.res = map_info.res; // 储存资源,到时候切换时间的时候要释放掉的
|
}
|
|
if (limit_num == 0) {
|
if (this.small_sprite) {
|
this.small_sprite.destroy();
|
this.small_sprite = null;
|
LoaderManager.getInstance().deleteRes("res/centerscene/preview/centercity_1");
|
}
|
}
|
}.bind(this, this.map_cache.length));
|
}
|
}
|
|
if (this.effect_render_list.length > 0) this.quequeCreateEffect();
|
|
if (this.effect_render_list == 0 && this.map_cache.length == 0) {
|
gcore.Timer.del(this.timer);
|
this.timer = null;
|
}
|
},
|
// 创建马赛克地图
|
renderSmallPic: function renderSmallPic() {
|
var small_path = "res/centerscene/preview/centercity_" + this.cur_time_type + ".jpg";
|
if (small_path && this.small_path) return;
|
LoaderManager.getInstance().loadRes(small_path, function (res_object) {
|
this.small_sprite = new cc.Node();
|
this.small_sprite.setPosition(0, 0);
|
this.small_sprite.setAnchorPoint(0, 0);
|
this.root_wnd.addChild(this.small_sprite, 1);
|
var sprite = this.small_sprite.addComponent(cc.Sprite);
|
sprite.spriteFrame = res_object;
|
var size = this.small_sprite.getContentSize();
|
this.small_sprite.setScale(this.size.width / size.width, this.size.height / size.height);
|
}.bind(this));
|
this.small_path = small_path;
|
},
|
// 设置待创建资源
|
renderMapPic: function renderMapPic() {
|
var map_res = "res/centerscene/centercity/" + this.map_type;
|
|
for (var index = 0; index < this.layer_img_list.length; index++) {
|
var pos = cc.v2(0, 0);
|
var ap = cc.v2(0, 0);
|
var element = this.layer_img_list[index]; // var res_path = map_res + "/" + (index + 1) + "/" + element;
|
|
var res_path = map_res + "/" + element;
|
|
if (index == 0) {
|
pos.x = -80;
|
} else if (index == 1) {} else if (index == 2) {
|
pos.x = 59;
|
pos.y = 472;
|
} else {
|
pos.y = this.size.height;
|
ap.y = 1;
|
}
|
|
this.map_cache.push({
|
res: res_path,
|
layer: index,
|
pos: pos,
|
ap: ap
|
});
|
}
|
},
|
// 地图移动
|
moveMainScene: function moveMainScene(x) {
|
if (GuideController.getInstance().isInGuide()) return;
|
x = this.root_wnd.getPosition().x + x;
|
|
var _x = this.scaleCheckPoint(x);
|
|
this.updateMainScene(_x);
|
},
|
moveToBuild: function moveToBuild(id) {
|
if (this.build_items[id]) {
|
var build_nd = this.build_items[id].root_wnd;
|
var build_word_pos = build_nd.convertToWorldSpaceAR(cc.v2(0, 0));
|
var final_pso = this.root_wnd.convertToNodeSpaceAR(build_word_pos); // var _x = this.scaleCheckPoint(-(final_pso.x - cc.winSize.width * 0.5));
|
|
var _x = this.scaleCheckPoint(-(final_pso.x - SCREEN_WIDTH * 0.5));
|
|
this.updateMainScene(_x);
|
}
|
},
|
// 判断点是否越界
|
scaleCheckPoint: function scaleCheckPoint(x) {
|
var _x = x;
|
|
if (x > 0) {
|
_x = 0;
|
} else if (x < this.root.width - this.size.width) {
|
_x = this.root.width - this.size.width;
|
}
|
|
return _x;
|
},
|
beforeCreateBuild: function beforeCreateBuild() {
|
var build_list = SceneCtrl.getInstance().getBuildList();
|
var listNum = Object.keys(build_list).length;
|
var scheIndex = 0;
|
var createItemSche = gcore.Timer.set(function () {
|
var buildKey = Object.keys(build_list)[scheIndex];
|
var buildInfo = build_list[buildKey];
|
this.createBuildItem(buildInfo);
|
|
if (scheIndex == listNum - 1) {
|
gcore.Timer.del(createItemSche);
|
}
|
|
scheIndex++;
|
}.bind(this), 100, listNum); // var battle_drama_model = require("battle_drama_controller").getInstance().getModel();
|
// battle_drama_model.preloadDramaScene();
|
},
|
createBuildItem: function createBuildItem(buildInfo) {
|
var build_item = new BuildItem(buildInfo, SceneConst.BuildItemType.build);
|
var layerIndex = buildInfo.config.layer;
|
this.map_layer[layerIndex - 1].node.addChild(build_item.root_wnd, 999); // 判断节点
|
|
this.build_items[buildInfo.config.bid] = build_item;
|
|
if (this.get_build_cb[buildInfo.config.bid]) {
|
var calbacks = this.get_build_cb[buildInfo.config.bid];
|
|
for (var cb_i in calbacks) {
|
calbacks[cb_i](build_item);
|
}
|
}
|
},
|
changeSceneMap: function changeSceneMap() {
|
if (!this.map_type || this.map_type !== this.cur_time_type) {
|
this.map_type = this.cur_time_type;
|
this.renderSmallPic();
|
this.renderMapPic();
|
this.changeSceneEffect(); // 开始创建地图
|
|
if (!this.timer) {
|
this.timer = gcore.Timer.set(function () {
|
this.mainLoop();
|
}.bind(this), 400, -1);
|
}
|
}
|
},
|
// 改变当前场景的一些特效
|
changeSceneEffect: function changeSceneEffect() {
|
if (this.effect_render_list.length > 0) {
|
this.effect_render_list.length = [];
|
}
|
|
for (var effectIndex in this.scene_effect) {
|
this.scene_effect[effectIndex].deleteMe(); // var effectIten = this.scene_effect.shift();
|
// effectIten.deleteMe();
|
}
|
|
this.analysisEffect();
|
},
|
// 解析特效数据
|
analysisEffect: function analysisEffect() {
|
this.effect_render_list = [];
|
|
if (this.config && this.config.building_list) {
|
for (var buildIndex in this.config.building_list) {
|
var buildItem = this.config.building_list[buildIndex];
|
|
if (buildItem.dun_id == 0 || this.cur_time_type == buildItem.dun_id) {
|
if (buildItem.type !== SceneConst.BuildItemType.build) {
|
if (buildItem && buildItem.res) {
|
if (buildItem.res == "E54539" || buildItem.res == "E54540") {
|
continue;
|
}
|
}
|
|
this.effect_render_list.push(buildItem);
|
}
|
}
|
}
|
}
|
},
|
// 创建场景特效
|
quequeCreateEffect: function quequeCreateEffect() {
|
// for (var effectIndx = 0; effectIndx < this.effect_render_list.length; effectIndx ++) {
|
var effectConf = this.effect_render_list.shift();
|
var buildItem = new BuildItem(effectConf, effectConf.type);
|
this.map_layer[effectConf.layer - 1].node.addChild(buildItem.root_wnd);
|
this.scene_effect.push(buildItem); // }
|
},
|
playBackgroundMusic: function playBackgroundMusic() {
|
Utils.playMusic(AUDIO_TYPE.SCENE, "s_002", true);
|
},
|
getBuildById: function getBuildById(id, finish_cb) {
|
if (this.build_items[id]) {
|
finish_cb(this.build_items[id]);
|
} else {
|
if (!this.get_build_cb[id]) this.get_build_cb[id] = [];
|
this.get_build_cb[id].push(finish_cb);
|
}
|
|
cc.log(this.get_build_cb);
|
}
|
});
|
module.exports = MainScene;
|
|
cc._RF.pop();
|
