284 lines
9.6 KiB
JavaScript
284 lines
9.6 KiB
JavaScript
'use strict';
|
|
decadeModule.import(function (lib, game, ui, get, ai, _status) {
|
|
decadeUI.effect = {
|
|
dialog: {
|
|
create: function (titleText) {
|
|
return decadeUI.dialog.create('effect-dialog dui-dialog');
|
|
},
|
|
compare: function (source, target) {
|
|
var dialog = this.create();
|
|
|
|
dialog.characters = [
|
|
decadeUI.dialog.create('player1 character', dialog),
|
|
decadeUI.dialog.create('player2 character', dialog)
|
|
];
|
|
|
|
decadeUI.dialog.create('back', dialog.characters[0]),
|
|
decadeUI.dialog.create('back', dialog.characters[1]),
|
|
|
|
dialog.content = decadeUI.dialog.create('content', dialog),
|
|
dialog.buttons = decadeUI.dialog.create('buttons', dialog.content)
|
|
|
|
dialog.cards = [
|
|
decadeUI.dialog.create('player1 card', dialog.buttons),
|
|
decadeUI.dialog.create('player2 card', dialog.buttons)
|
|
];
|
|
|
|
dialog.names = [
|
|
decadeUI.dialog.create('player1 name', dialog.buttons),
|
|
decadeUI.dialog.create('player2 name', dialog.buttons)
|
|
];
|
|
|
|
dialog.buttons.vs = decadeUI.dialog.create('vs', dialog.buttons);
|
|
dialog.names[0].innerHTML = get.translation(source) + '发起';
|
|
dialog.names[1].innerHTML = get.translation(target);
|
|
|
|
dialog.set = function (attr, value) {
|
|
switch (attr) {
|
|
case 'player1':
|
|
case 'source':
|
|
if (get.itemtype(value) != 'player' || value.isUnseen()) {
|
|
dialog.characters[0].firstChild.style.backgroundImage = '';
|
|
dialog.names[0].innerHTML = get.translation(value) + '发起';
|
|
return false;
|
|
}
|
|
|
|
var avatar = value.isUnseen(0) ? value.node.avatar2 : value.node.avatar;
|
|
dialog.characters[0].firstChild.style.backgroundImage = avatar.style.backgroundImage;
|
|
dialog.names[0].innerHTML = get.translation(value) + '发起';
|
|
break;
|
|
|
|
case 'player2':
|
|
case 'target':
|
|
if (get.itemtype(value) != 'player' || value.isUnseen()) {
|
|
dialog.characters[1].firstChild.style.backgroundImage = '';
|
|
dialog.names[1].innerHTML = get.translation(value);
|
|
return false;
|
|
}
|
|
|
|
var avatar = value.isUnseen(0) ? value.node.avatar2 : value.node.avatar;
|
|
dialog.characters[1].firstChild.style.backgroundImage = avatar.style.backgroundImage;
|
|
dialog.names[1].innerHTML = get.translation(value);
|
|
break;
|
|
|
|
case 'card1':
|
|
case 'sourceCard':
|
|
if (dialog.cards[0].firstChild) dialog.cards[0].removeChild(dialog.cards[0].firstChild);
|
|
dialog.cards[0].appendChild(value);
|
|
break;
|
|
|
|
case 'card2':
|
|
case 'targetCard':
|
|
if (dialog.cards[1].firstChild) dialog.cards[1].removeChild(dialog.cards[1].firstChild);
|
|
dialog.cards[1].appendChild(value);
|
|
break;
|
|
|
|
default:
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
},
|
|
|
|
dialog.set('source', source);
|
|
dialog.set('target', target);
|
|
return dialog;
|
|
},
|
|
},
|
|
gameStart: function () {
|
|
game.playAudio('../extension', decadeUI.extensionName, 'audio/game_start.mp3');
|
|
var animation = decadeUI.animation;
|
|
var bounds = animation.getSpineBounds('effect_youxikaishi');
|
|
if (bounds == null) return;
|
|
var sz = bounds.size;
|
|
var scale = Math.min(animation.canvas.width / sz.x, animation.canvas.height / sz.y) * 0.76;
|
|
animation.playSpine({
|
|
name: 'effect_youxikaishi',
|
|
scale: scale
|
|
});
|
|
},
|
|
|
|
line: function (dots) {
|
|
decadeUI.animate.add(function (source, target, e) {
|
|
var ctx = e.context;
|
|
ctx.shadowColor = 'yellow';
|
|
ctx.shadowBlur = 1;
|
|
|
|
if (!this.head) this.head = 0;
|
|
if (!this.tail) this.tail = -1;
|
|
|
|
this.head += 0.07 * (e.deltaTime / 17);
|
|
if (this.head >= 1) {
|
|
this.head = 1;
|
|
this.tail += (0.07 * (e.deltaTime / 17));
|
|
}
|
|
|
|
var tail = this.tail < 0 ? 0 : this.tail;
|
|
var head = this.head;
|
|
if (this.tail <= 1) {
|
|
var x1 = decadeUI.get.lerp(source.x, target.x, tail);
|
|
var y1 = decadeUI.get.lerp(source.y, target.y, tail);
|
|
var x2 = decadeUI.get.lerp(source.x, target.x, head);
|
|
var y2 = decadeUI.get.lerp(source.y, target.y, head);
|
|
e.drawLine(x1, y1, x2, y2, 'rgb(250,220,140)', 2.6);
|
|
return false;
|
|
} else {
|
|
return true;
|
|
}
|
|
}, true, { x: dots[0], y: dots[1] }, { x: dots[2], y: dots[3] });
|
|
},
|
|
|
|
kill: function (source, target) {
|
|
if (get.itemtype(source) != 'player' || get.itemtype(target) != 'player') throw 'arguments';
|
|
if (source == target) return;
|
|
|
|
if (source.isUnseen() || target.isUnseen()) return;
|
|
|
|
var sourceAvatar = source.isUnseen(0) ? source.node.avatar2 : source.node.avatar;
|
|
var targetAvatar = target.isUnseen(0) ? target.node.avatar2 : target.node.avatar;
|
|
|
|
var effect = decadeUI.dialog.create('effect-window');
|
|
var killerWarpper = decadeUI.dialog.create('killer-warpper', effect);
|
|
killerWarpper.killer = decadeUI.dialog.create('killer', killerWarpper);
|
|
killerWarpper.killer.style.backgroundImage = sourceAvatar.style.backgroundImage;
|
|
|
|
|
|
var victim = decadeUI.dialog.create('victim', effect);
|
|
victim.back = decadeUI.dialog.create('back', victim);
|
|
victim.back.part1 = decadeUI.dialog.create('part1', victim.back);
|
|
victim.back.part2 = decadeUI.dialog.create('part2', victim.back);
|
|
victim.back.part1.style.backgroundImage = targetAvatar.style.backgroundImage;
|
|
victim.back.part2.style.backgroundImage = targetAvatar.style.backgroundImage;
|
|
|
|
effect.style.backgroundColor = 'rgba(0,0,0,0.7)';
|
|
effect.style.transition = 'all 4s';
|
|
effect.style.zIndex = 7;
|
|
|
|
var anim = decadeUI.animation;
|
|
var bounds = anim.getSpineBounds('effect_jisha1');
|
|
|
|
game.playAudio('../extension', decadeUI.extensionName, 'audio/kill_effect_sound.mp3');
|
|
if (bounds == void 0) {
|
|
var lightLarge = decadeUI.dialog.create('li-big', effect);
|
|
victim.rout = decadeUI.dialog.create('rout', victim);
|
|
victim.rout2 = decadeUI.dialog.create('rout', victim);
|
|
victim.rout.innerHTML = '破敌';
|
|
victim.rout2.innerHTML = '破敌';
|
|
victim.rout2.classList.add('shadow');
|
|
ui.window.appendChild(effect);
|
|
var height = ui.window.offsetHeight;
|
|
var x, y, scale;
|
|
for (var i = 0; i < 10; i++) {
|
|
x = decadeUI.getRandom(0, 100) + 'px';
|
|
y = decadeUI.getRandom(0, height / 4) + 'px';
|
|
x = decadeUI.getRandom(0, 1) == 1 ? x : '-' + x;
|
|
y = decadeUI.getRandom(0, 1) == 1 ? y : '-' + y;
|
|
scale = decadeUI.getRandom(1, 10) / 10;
|
|
|
|
setTimeout(function (mx, my, mscale, meffect) {
|
|
var light = decadeUI.dialog.create('li', meffect);
|
|
light.style.transform = 'translate(' + mx + ', ' + my + ')' + 'scale(' + mscale + ')';
|
|
}, decadeUI.getRandom(50, 300), x, y, scale, effect);
|
|
}
|
|
} else {
|
|
var sz = bounds.size;
|
|
var scale = anim.canvas.width / sz.x * 1.2;
|
|
anim.playSpine('effect_jisha1', { scale: scale });
|
|
ui.window.appendChild(effect);
|
|
ui.refresh(effect);
|
|
}
|
|
|
|
decadeUI.delay(2000);
|
|
effect.style.backgroundColor = 'rgba(0,0,0,0)';
|
|
effect.close(3000);
|
|
effect = null;
|
|
},
|
|
|
|
skill: function (player, skillName, vice) {
|
|
if (get.itemtype(player) != 'player') return console.error('player');
|
|
|
|
var animation = decadeUI.animation;
|
|
var asset = animation.spine.assets['effect_xianding'];
|
|
if (!asset) return console.error('[effect_xianding]特效未加载');
|
|
if (!asset.ready) animation.prepSpine('effect_xianding');
|
|
|
|
var camp = player.group;
|
|
var playerName, playerAvatar;
|
|
if (vice === 'vice') {
|
|
playerName = get.translation(player.name2);
|
|
playerAvatar = player.node.avatar2;
|
|
} else {
|
|
playerName = get.translation(player.name);
|
|
playerAvatar = player.node.avatar;
|
|
}
|
|
|
|
var url = getComputedStyle(playerAvatar).backgroundImage;
|
|
var image = new Image();
|
|
var bgImage = new Image();
|
|
|
|
image.onload = function () {
|
|
bgImage.onload = function () {
|
|
var animation = decadeUI.animation;
|
|
var sprite = animation.playSpine('effect_xianding');
|
|
var skeleton = sprite.skeleton;
|
|
var slot = skeleton.findSlot('shilidipan');
|
|
var attachment = slot.getAttachment();
|
|
var region;
|
|
|
|
if (attachment.camp !== camp) {
|
|
if (!attachment.cached) attachment.cached = {};
|
|
|
|
if (!attachment.cached[camp]) {
|
|
region = animation.createTextureRegion(bgImage);
|
|
attachment.cached[camp] = region;
|
|
} else {
|
|
region = attachment.cached[camp];
|
|
}
|
|
|
|
attachment.width = region.width;
|
|
attachment.height = region.height;
|
|
attachment.setRegion(region);
|
|
attachment.updateOffset();
|
|
attachment.camp = camp;
|
|
}
|
|
|
|
slot = skeleton.findSlot('wujiang');
|
|
attachment = slot.getAttachment();
|
|
region = animation.createTextureRegion(image);
|
|
|
|
var scale = Math.min(288 / region.width, 378 / region.height);
|
|
attachment.width = region.width * scale;
|
|
attachment.height = region.height * scale;
|
|
attachment.setRegion(region);
|
|
attachment.updateOffset();
|
|
|
|
|
|
var size = skeleton.bounds.size;
|
|
sprite.scale = Math.max(animation.canvas.width / size.x, animation.canvas.height / size.y);
|
|
|
|
var effect = decadeUI.element.create('effect-window');
|
|
effect.view.skillName = decadeUI.element.create('skill-name', effect);
|
|
effect.view.skillName.innerHTML = skillName;
|
|
effect.view.skillName.style.top = 'calc(50% + ' + 165 * sprite.scale + 'px)';
|
|
|
|
animation.canvas.parentNode.insertBefore(effect, animation.canvas.nextSibling);
|
|
effect.removeSelf(2180);
|
|
};
|
|
|
|
bgImage.onerror = function () {
|
|
bgImage.onerror = void 0;
|
|
bgImage.src = decadeUIPath + 'assets/image/bg_xianding_qun.png';
|
|
};
|
|
|
|
bgImage.src = decadeUIPath + 'assets/image/bg_xianding_' + camp + '.png';
|
|
};
|
|
if(url.indexOf("url(\"") == 0){
|
|
image.src = url.slice(5, url.indexOf("\")"));
|
|
}else if(url.indexOf("url('") == 0){
|
|
image.src = url.slice(5, url.indexOf("\')"));
|
|
}
|
|
},
|
|
|
|
};
|
|
});
|