SamsaraGame/assets/Script/panel/ColoringRolePanel.js

import GameModel from "../ts/core/GameModel";
import MsgAlert from "../ts/game/msg/MsgAlert";

let CPubFunction = require('../game/PubFunction');
let GoodsMgr = require('../game/GoodsMgr');
cc.Class({
	extends: cc.Component,
	properties: {
		item_prefab: cc.Prefab,
		item_layout: cc.Node,
        runSprite: cc.Node,
	},

	start () {
		this.color_index1 = 0;
		this.color_index2 = 0;
		this.costs = {};
        CPubFunction.runAnimation(this.runSprite);
		let right = cc.find('Right', this.node);
		if (right) {
			right.runAction(cc.flipX(true));
		}
		this.setCurColor();
		this.onColorClick();
	},

	/*
* 當前染色方案
	 */
	setCurColor () {
		let color1 = GameModel.player.color1;
		let color2 = GameModel.player.color2;
		this.cur_color_index1 = this.color_index1;
		this.cur_color_index2 = this.color_index2;
		let data = GameModel.conf_role_color[GameModel.player.resid];
		for (let key in data) {
			if (key.indexOf('color1_') != -1) {
				if (parseInt(data[key].color, 16) == color1) {
					this.cur_color_index1 = parseInt(key.split('_')[1]);
				}
			}
			if (key.indexOf('color2_') != -1) {
				if (parseInt(data[key].color, 16) == color2) {
					this.cur_color_index2 = parseInt(key.split('_')[1]);
				}
			}
		}
		this.color_index1 = this.cur_color_index1;
		this.color_index2 = this.cur_color_index2;
		this.setColor();
		this.setTipLabel();
		this.setCost();
	},

	/*
* 自選
	 */
	onColorClick () {
		let node = cc.find('BtnColor', this.node);
		if (node) {
			node.setScale(1.2);
		}
	},

	/*
* 定制
	 */
	onSaveClick () {
MsgAlert.addMsg('暫時未開放');
	},

	/*
* 左點擊
	 */
	onLeftRoleClick () {
		let role = cc.find('role', this.node);
		if (role) {
			let logic = role.getComponent('ColoringRole');
			logic.playNextAction(-1);
		}
	},

	/*
* 右點擊
	 */
	onRightRoleClick () {
		let role = cc.find('role', this.node);
		if (role) {
			let logic = role.getComponent('ColoringRole');
			logic.playNextAction(1);
		}
	},

	/*
* 部位一左點擊
	 */
	onLeftColor1Click () {
		-- this.color_index1;
		if (this.color_index1 < 0) {
			this.color_index1 = 77;
		}
		this.setColor();
		this.setTipLabel();
		this.setCost();
	},

	/*
* 部位一右點擊
	 */
	onRightColor1Click () {
		++ this.color_index1;
		if (this.color_index1 > 77) {
			this.color_index1 = 0;
		}
		this.setColor();
		this.setTipLabel();
		this.setCost();
	},

	/*
* 部位二左點擊
	 */
	onLeftColor2Click () {
		-- this.color_index2;
		if (this.color_index2 < 0) {
			this.color_index2 = 77;
		}
		this.setColor();
		this.setTipLabel();
		this.setCost();
	},

	/*
* 部位二右點擊
	 */
	onRightColor2Click () {
		++ this.color_index2;
		if (this.color_index2 > 77) {
			this.color_index2 = 0;
		}
		this.setColor();
		this.setTipLabel();
		this.setCost();
	},

	/*
* 部位顏色顯示
	 */
	setColor () {
		let data = GameModel.conf_role_color[GameModel.player.resid];
		if(!data){
			console.log(data)
			return
		}
		let color1 = this.hxcolorTransfrom('000000'), color2 = this.hxcolorTransfrom('000000');
		if (this.color_index1 > 0 && this.color_index1 <= 77) {
			color1 = this.hxcolorTransfrom(data['color1_'+(this.color_index1)].color);
		}
		if (this.color_index2 > 0 && this.color_index2 <= 77) {
			color2 = this.hxcolorTransfrom(data['color2_'+(this.color_index2)].color);
		}

		cc.find('Color1/ImageColour', this.node).color = color1;
		cc.find('Color2/ImageColour', this.node).color = color2;
		cc.find('Color1/ImageCover', this.node).color = color1;
		cc.find('Color2/ImageCover', this.node).color = color2;

		let logic = cc.find('role', this.node).getComponent('ColoringRole');
		if (this.color_index1 == 0 && this.color_index2 == 0) {
			logic.unshowColorMask();
		}
		else {
			logic.showColorMask(color1, color2);
		}
	},

	/*
* 部位顏色提示
	 */
	setTipLabel () {
		let data = GameModel.conf_role_color[GameModel.player.resid];
		let tiplabel1 = cc.find('TipLabel1', this.node);
		let tiplabel2 = cc.find('TipLabel2', this.node);
		let colorlabel1 = cc.find('Color1/TextColourName', this.node);
		let colorlabel2 = cc.find('Color2/TextColourName', this.node);
		if (tiplabel1) {
let str = "部\n位\n一";
			if (this.color_index1 != 0) {
				str += "\n" + (this.color_index1);
			}
			tiplabel1.getComponent(cc.Label).string = str;
		}
		if (tiplabel2) {
let str = "部\n位\n二";
			if (this.color_index2 != 0) {
				str += "\n" + (this.color_index2);
			}
			tiplabel2.getComponent(cc.Label).string = str;
		}
		if (colorlabel1) {
let str = "原色";
			if (this.color_index1 != 0) {
				str = data['color1_'+(this.color_index1)].colorname;
			}
			colorlabel1.getComponent(cc.Label).string = str;
		}
		if (colorlabel2) {
let str = "原色";
			if (this.color_index2 != 0) {
				str = data['color2_'+(this.color_index2)].colorname;
			}
			colorlabel2.getComponent(cc.Label).string = str;
		}
	},

	/*
* 消耗顯示
	 */
	setCost () {
		let cost_node = cc.find('Cost', this.node);
		if (!cost_node) { return; }
		if ((this.color_index1 == 0 && this.color_index2 == 0) || (this.color_index1 == this.cur_color_index1 && this.color_index2 == this.cur_color_index2)) {
			cost_node.active = false;
		}
		else {
			cost_node.active = true;
			let costs = {};
			if ((this.color_index1 != 0) && (this.color_index1 != this.cur_color_index1)) {
				let item = GameModel.conf_role_color[GameModel.player.resid]['color1_'+this.color_index1];
				costs[item.itemid] = item.count;
			}
			if ((this.color_index2 != 0) && (this.color_index2 != this.cur_color_index2)) {
				let item = GameModel.conf_role_color[GameModel.player.resid]['color2_'+this.color_index2];
				if (!costs[item.itemid]) {
					costs[item.itemid] = 0;
				}
				costs[item.itemid] += item.count;
			}

			for (let node of this.item_layout.children) {
				let logic = node.getComponent('BagItem');
				let count = costs[logic.getItemid()];
				if (count) {
					logic.setItemCount(count);
					delete costs[logic.getItemid()];
				}
				else {
					node.destroy();
				}
			}
			for (let key in costs) {
				let node = cc.instantiate(this.item_prefab);
				node.setScale(0.5);
				node.parent = this.item_layout;
				let logic = node.getComponent('BagItem');
				logic.rmSelectedNode();
				logic.loadInfo({
					itemid: key,
					count: parseInt(costs[key]),
				});
			}
		}
	},

	/*
* 本色
	 */
	onOriginClick () {
		this.color_index1 = 0;
		this.color_index2 = 0;
		this.setColor();
		this.setTipLabel();
		this.setCost();
	},

	/*
* 還原本色
	 */
	onUseOriginClick () {
GameModel.notice.addMsg(1, '確定要還原未原始的顏色嗎！ ', () => {
			this.onOriginClick();
			if (this.cur_color_index1 != this.color_index1 || this.cur_color_index2 != this.color_index2) {
				GameModel.send('c2s_change_role_color', {
					index1: this.color_index1,
					index2: this.color_index2,
				});
			}
		}, () => {});
	},

	/*
* 顏色轉換
	 */
	hxcolorTransfrom (color) {
		let num = parseInt(color, 16);
		let r = Math.floor(num/256/256);
		let g = Math.floor(num/256%256);
		let b = Math.floor(num%256);
		return new cc.Color(r, g, b);
	},

	onCloseClick () {
		// console.log('close ColoringRolePanel');
		this.node.destroy();
	},

	/*
* 點擊變色
	 */
	onChangeClick () {
		let rolecolor = GameModel.conf_role_color[GameModel.player.resid];
		let data1, data2;
		if (this.color_index1 != 0) {
			data1 = rolecolor['color1_'+this.color_index1];
			if (parseInt(data1.color, 16) != GameModel.player.color) {
				let info = GoodsMgr.getItem(data1.itemid);
				if (info.count < data1.count) {
MsgAlert.addMsg(`${info.name}數量不夠`);
					return;
				}
			}
		}
		if (this.color_index2 != 0) {
			data2 = rolecolor['color2_'+this.color_index2];
			if (parseInt(data2.color, 16) != GameModel.player.color) {
				let info = GoodsMgr.getItem(data2.itemid);
				if (info.count < data2.count) {
MsgAlert.addMsg(`${info.name}數量不夠`);
					return;
				}
			}
		}

/* 不可以改會原色 */
		/* if (this.color_index1 == 0) {
			for (let key in rolecolor) {
				let item = rolecolor[key];
				if (parseInt(item.color, 16) == GameModel.player.color1 && key.indexOf('color1') != -1) {
					this.color_index1 = parseInt(key.split('_')[1]);
				}
			}
		} */

/* 不可以改會原色 */
		/* if (this.color_index2 == 0) {
			for (let key in rolecolor) {
				let item = rolecolor[key];
				if (parseInt(item.color, 16) == GameModel.player.color2 && key.indexOf('color2') != -1) {
					this.color_index2 = parseInt(key.split('_')[1]);
				}
			}
		} */

		GameModel.send('c2s_change_role_color', {
			index1: this.color_index1,
			index2: this.color_index2,
		});
	},
});