This commit is contained in:
parent
87d2eee3ec
commit
256b04b565
225
game/game.js
225
game/game.js
|
@ -1043,6 +1043,12 @@
|
|||
init:true,
|
||||
unfrequent:true,
|
||||
},
|
||||
show_charactercard:{
|
||||
name:'显示武将资料',
|
||||
intro:'在武将界面单击时弹出武将资料卡',
|
||||
init:true,
|
||||
unfrequent:true
|
||||
},
|
||||
show_favourite:{
|
||||
name:'显示添加收藏',
|
||||
intro:'在角色的右键菜单中显示添加收藏',
|
||||
|
@ -3994,6 +4000,9 @@
|
|||
HTMLDivElement.prototype.setBackground=function(name,type,ext,subfolder){
|
||||
if(!name) return;
|
||||
var src;
|
||||
if(ext=='noskin'){
|
||||
ext='.jpg';
|
||||
}
|
||||
ext=ext||'.jpg';
|
||||
subfolder=subfolder||'default'
|
||||
if(type){
|
||||
|
@ -4036,7 +4045,7 @@
|
|||
else if(modeimage){
|
||||
src='image/mode/'+modeimage+'/character/'+name+ext;
|
||||
}
|
||||
else if(type=='character'&&lib.config.skin[name]){
|
||||
else if(type=='character'&&lib.config.skin[name]&&arguments[2]!='noskin'){
|
||||
src='image/skin/'+name+'/'+lib.config.skin[name]+ext;
|
||||
}
|
||||
else{
|
||||
|
@ -4401,7 +4410,7 @@
|
|||
lib.config.all.plays=[];
|
||||
lib.config.all.mode=[];
|
||||
|
||||
if(lib.config.dev){
|
||||
if(lib.config.debug){
|
||||
lib.init.js(lib.assetURL+'game','asset',function(){
|
||||
lib.skin=window.noname_skin_list;
|
||||
delete window.noname_skin_list;
|
||||
|
@ -10015,12 +10024,7 @@
|
|||
this.maxHp=info[2];
|
||||
this.hujia=0;
|
||||
this.node.intro.innerHTML=lib.config.intro;
|
||||
switch(this.group){
|
||||
case 'wei':this.node.name.dataset.nature='watermm';break;
|
||||
case 'shu':this.node.name.dataset.nature='soilmm';break;
|
||||
case 'wu':this.node.name.dataset.nature='woodmm';break;
|
||||
case 'qun':this.node.name.dataset.nature='metalmm';break;
|
||||
}
|
||||
this.node.name.dataset.nature=get.groupnature(this.group);
|
||||
if(lib.config.touchscreen){
|
||||
lib.setLongPress(this,ui.click.intro);
|
||||
}
|
||||
|
@ -22083,12 +22087,7 @@
|
|||
event.avatars[i].index=i+event.config.width;
|
||||
event.avatars[i].animate('start');
|
||||
event.nodes[event.avatars[i].index].style.display='none';
|
||||
switch(lib.character[name][1]){
|
||||
case 'wei':event.avatars[i].nodename.dataset.nature='watermm';break;
|
||||
case 'shu':event.avatars[i].nodename.dataset.nature='soilmm';break;
|
||||
case 'wu':event.avatars[i].nodename.dataset.nature='woodmm';break;
|
||||
case 'qun':event.avatars[i].nodename.dataset.nature='metalmm';break;
|
||||
}
|
||||
event.avatars[i].nodename.dataset.nature=get.groupnature(lib.character[name][1]);
|
||||
if(lib.config.touchscreen){
|
||||
lib.setLongPress(event.avatars[i],ui.click.intro);
|
||||
}
|
||||
|
@ -25212,7 +25211,12 @@
|
|||
}
|
||||
ui.click.touchpop();
|
||||
this._banning=connectMenu?'online':'offline';
|
||||
if(!connectMenu&&lib.config.show_charactercard){
|
||||
ui.click.charactercard(this.link,this);
|
||||
}
|
||||
else{
|
||||
ui.click.intro.call(this,e);
|
||||
}
|
||||
_status.clicked=false;
|
||||
delete this._banning;
|
||||
};
|
||||
|
@ -33696,6 +33700,138 @@
|
|||
delete _status.currentlogv.logvtimeout;
|
||||
}
|
||||
},
|
||||
charactercard:function(name,sourcenode){
|
||||
if(_status.dragged) return;
|
||||
ui.window.classList.add('shortcutpaused');
|
||||
ui.window.classList.add('systempaused');
|
||||
if(lib.config.blur_ui){
|
||||
ui.arena.classList.add('blur');
|
||||
ui.system.classList.add('blur');
|
||||
ui.menuContainer.classList.add('blur');
|
||||
}
|
||||
var layer=ui.create.div('.popup-container');
|
||||
var clicklayer=function(e){
|
||||
if(_status.touchpopping) return;
|
||||
if(_status.dragged) return;
|
||||
ui.window.classList.remove('shortcutpaused');
|
||||
ui.window.classList.remove('systempaused');
|
||||
ui.arena.classList.remove('blur');
|
||||
ui.system.classList.remove('blur');
|
||||
ui.menuContainer.classList.remove('blur');
|
||||
this.delete();
|
||||
e.stopPropagation();
|
||||
return false;
|
||||
}
|
||||
var uiintro=ui.create.div('.menubg.charactercard',layer);
|
||||
var playerbg=ui.create.div('.menubutton.large.ava',uiintro);
|
||||
var bg=ui.create.div('.avatar',playerbg,function(){
|
||||
if(changeskinfunc){
|
||||
changeskinfunc();
|
||||
}
|
||||
}).setBackground(name,'character');
|
||||
var changeskinfunc=null;
|
||||
var changeskin=function(){
|
||||
var node=ui.create.div('.changeskin','可换肤',playerbg);
|
||||
var avatars=ui.create.div('.avatars',playerbg);
|
||||
changeskinfunc=function(){
|
||||
playerbg.classList.add('scroll');
|
||||
if(node._created){
|
||||
return;
|
||||
}
|
||||
node._created=true;
|
||||
var createButtons=function(num){
|
||||
if(!num) return;
|
||||
if(num>=4){
|
||||
avatars.classList.add('scroll');
|
||||
}
|
||||
for(var i=0;i<=num;i++){
|
||||
var button=ui.create.div(avatars,function(){
|
||||
playerbg.classList.remove('scroll');
|
||||
if(this._link){
|
||||
lib.config.skin[name]=this._link;
|
||||
bg.style.backgroundImage=this.style.backgroundImage;
|
||||
sourcenode.style.backgroundImage=this.style.backgroundImage;
|
||||
game.saveConfig('skin',lib.config.skin);
|
||||
}
|
||||
else{
|
||||
delete lib.config.skin[name];
|
||||
bg.setBackground(name,'character');
|
||||
sourcenode.setBackground(name,'character');
|
||||
game.saveConfig('skin',lib.config.skin);
|
||||
}
|
||||
});
|
||||
button._link=i;
|
||||
if(i){
|
||||
button.setBackgroundImage('image/skin/'+name+'/'+i+'.jpg');
|
||||
}
|
||||
else{
|
||||
button.setBackground(name,'character','noskin');
|
||||
}
|
||||
}
|
||||
};
|
||||
var num=1;
|
||||
var loadImage=function(){
|
||||
var img=new Image();
|
||||
img.onload=function(){
|
||||
num++;
|
||||
loadImage();
|
||||
}
|
||||
img.onerror=function(){
|
||||
num--;
|
||||
createButtons(num);
|
||||
}
|
||||
img.src=lib.assetURL+'image/skin/'+name+'/'+num+'.jpg';
|
||||
}
|
||||
if(lib.config.change_skin){
|
||||
loadImage();
|
||||
}
|
||||
else{
|
||||
createButtons(lib.skin[name]);
|
||||
}
|
||||
};
|
||||
};
|
||||
if(lib.config.change_skin){
|
||||
var img=new Image();
|
||||
img.onload=changeskin;
|
||||
img.src=lib.assetURL+'image/skin/'+name+'/1.jpg';
|
||||
}
|
||||
else if(lib.config.debug&&lib.skin[name]){
|
||||
changeskin();
|
||||
}
|
||||
var ban=ui.create.div('.menubutton.large.ban.character',uiintro,'禁用',function(e){
|
||||
ui.click.touchpop();
|
||||
ui.click.intro.call(this,e);
|
||||
_status.clicked=true;
|
||||
});
|
||||
ban.link=name;
|
||||
ban._banning='offline';
|
||||
ban.updateBanned=function(){
|
||||
if(lib.config[get.mode()+'_banned']&&lib.config[get.mode()+'_banned'].contains(name)){
|
||||
ban.classList.add('active');
|
||||
}
|
||||
else{
|
||||
ban.classList.remove('active');
|
||||
}
|
||||
};
|
||||
ban.updateBanned();
|
||||
var fav=ui.create.div('.menubutton.large.fav',uiintro,'收藏',function(){
|
||||
this.classList.toggle('active');
|
||||
if(this.classList.contains('active')){
|
||||
lib.config.favouriteCharacter.add(name);
|
||||
}
|
||||
else{
|
||||
lib.config.favouriteCharacter.remove(name);
|
||||
}
|
||||
game.saveConfig('favouriteCharacter',lib.config.favouriteCharacter);
|
||||
});
|
||||
if(lib.config.favouriteCharacter.contains(name)){
|
||||
fav.classList.add('active');
|
||||
}
|
||||
|
||||
uiintro.addEventListener(lib.config.touchscreen?'touchend':'click',ui.click.touchpop);
|
||||
layer.addEventListener(lib.config.touchscreen?'touchend':'click',clicklayer);
|
||||
ui.window.appendChild(layer);
|
||||
},
|
||||
intro:function(e){
|
||||
if(_status.dragged) return;
|
||||
_status.clicked=true;
|
||||
|
@ -34492,6 +34628,15 @@
|
|||
if(info.locked) return true;
|
||||
return false;
|
||||
},
|
||||
},
|
||||
groupnature:function(group){
|
||||
switch(group){
|
||||
case 'wei':return 'watermm';
|
||||
case 'shu':return 'soilmm';
|
||||
case 'wu':return 'woodmm';
|
||||
case 'qun':return 'metalmm';
|
||||
default:return '';
|
||||
}
|
||||
},
|
||||
sgn:function(num){
|
||||
if(num>0) return 1;
|
||||
|
@ -36184,18 +36329,10 @@
|
|||
uiintro.add(addFavourite);
|
||||
}
|
||||
if(!simple||get.is.phoneLayout()){
|
||||
if(lib.config.change_skin&&(!node.classList.contains('unseen')||!node.classList.contains('unseen2'))){
|
||||
if((lib.config.change_skin||lib.skin)&&(!node.classList.contains('unseen')||!node.classList.contains('unseen2'))){
|
||||
var num=1;
|
||||
var introadded=false;
|
||||
var loadImage=function(avatar2){
|
||||
var img=new Image();
|
||||
img.onload=function(){
|
||||
num++;
|
||||
loadImage(avatar2);
|
||||
}
|
||||
img.onerror=function(){
|
||||
num--;
|
||||
if(num){
|
||||
var createButtons=function(num,avatar2){
|
||||
if(!introadded){
|
||||
introadded=true;
|
||||
uiintro.add('<div class="text center">更改皮肤</div>');
|
||||
|
@ -36231,10 +36368,21 @@
|
|||
button.setBackgroundImage('image/skin/'+(avatar2?node.name2:node.name)+'/'+i+'.jpg');
|
||||
}
|
||||
else{
|
||||
button.setBackgroundImage('image/character/'+(avatar2?node.name2:node.name)+'.jpg');
|
||||
button.setBackground((avatar2?node.name2:node.name),'character','noskin');
|
||||
}
|
||||
}
|
||||
uiintro.add(buttons);
|
||||
};
|
||||
var loadImage=function(avatar2){
|
||||
var img=new Image();
|
||||
img.onload=function(){
|
||||
num++;
|
||||
loadImage(avatar2);
|
||||
}
|
||||
img.onerror=function(){
|
||||
num--;
|
||||
if(num){
|
||||
createButtons(num,avatar2);
|
||||
}
|
||||
if(!avatar2){
|
||||
if(!node.classList.contains('unseen2')&&node.name2){
|
||||
|
@ -36245,6 +36393,7 @@
|
|||
}
|
||||
img.src=lib.assetURL+'image/skin/'+(avatar2?node.name2:node.name)+'/'+num+'.jpg';
|
||||
}
|
||||
if(lib.config.change_skin){
|
||||
if(!node.classList.contains('unseen')){
|
||||
loadImage();
|
||||
}
|
||||
|
@ -36252,6 +36401,17 @@
|
|||
loadImage(true);
|
||||
}
|
||||
}
|
||||
else{
|
||||
setTimeout(function(){
|
||||
if(!node.classList.contains('unseen')&&lib.skin[node.name]){
|
||||
createButtons(lib.skin[node.name]);
|
||||
}
|
||||
if(!node.classList.contains('unseen2')&&lib.skin[node.name2]){
|
||||
createButtons(lib.skin[node.name2],true);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
uiintro.add(ui.create.div('.placeholder.slim'));
|
||||
|
@ -36525,7 +36685,7 @@
|
|||
}
|
||||
}
|
||||
var modepack=lib.characterPack['mode_'+get.mode()];
|
||||
if((node.parentNode.classList.contains('menu-buttons')||lib.config.show_favourite)&&
|
||||
if(lib.config.show_favourite&&
|
||||
lib.character[node.link]&&(!modepack||!modepack[node.link])&&(!simple||get.is.phoneLayout())){
|
||||
var addFavourite=ui.create.div('.text.center');
|
||||
addFavourite.link=node.link;
|
||||
|
@ -36542,7 +36702,14 @@
|
|||
else{
|
||||
uiintro.add(ui.create.div('.placeholder.slim'));
|
||||
}
|
||||
if((lib.config.change_skin||(lib.skin&&node.parentNode.classList.contains('menu-buttons')))&&(!simple||get.is.phoneLayout())){
|
||||
var addskin=false;
|
||||
if(node.parentNode.classList.contains('menu-buttons')){
|
||||
addskin=!lib.config.show_charactercard;
|
||||
}
|
||||
else{
|
||||
addskin=lib.config.change_skin||lib.skin;
|
||||
}
|
||||
if(addskin&&(!simple||get.is.phoneLayout())){
|
||||
var num=1;
|
||||
var introadded=false;
|
||||
var createButtons=function(num){
|
||||
|
@ -36570,7 +36737,7 @@
|
|||
button.setBackgroundImage('image/skin/'+node.link+'/'+i+'.jpg');
|
||||
}
|
||||
else{
|
||||
button.setBackgroundImage('image/character/'+node.link+'.jpg');
|
||||
button.setBackground(node.link,'character','noskin');
|
||||
}
|
||||
}
|
||||
uiintro.add(buttons);
|
||||
|
@ -36596,7 +36763,9 @@
|
|||
}
|
||||
}
|
||||
else{
|
||||
setTimeout(function(){
|
||||
createButtons(lib.skin[node.link]);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 250 KiB After Width: | Height: | Size: 53 KiB |
|
@ -157,6 +157,113 @@
|
|||
overflow:hidden;
|
||||
padding:0;
|
||||
}
|
||||
.removing>.menubg.charactercard{
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.menubg.charactercard{
|
||||
width: 500px;
|
||||
height: 300px;
|
||||
left: calc(50% - 250px);
|
||||
top: calc(50% - 150px);
|
||||
animation: dialog_start2 0.3s;
|
||||
-webkit-animation: dialog_start2 0.3s;
|
||||
}
|
||||
.menubg.charactercard>.menubutton.large.ava{
|
||||
width: 180px;
|
||||
height: 240px;
|
||||
left: 10px;
|
||||
top: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.menubg.charactercard>.menubutton.large{
|
||||
width: 85px;
|
||||
height: 30px;
|
||||
bottom: 10px;
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
.menubg.charactercard>.menubutton.ban{
|
||||
left: 10px;
|
||||
}
|
||||
.menubg.charactercard>.menubutton.fav{
|
||||
left: 105px;
|
||||
}
|
||||
.menubg.charactercard>.ava>.changeskin{
|
||||
bottom: 6px;
|
||||
left: 6px;
|
||||
font-family: 'xinwei';
|
||||
font-size: 16px;
|
||||
z-index: 2;
|
||||
color: white;
|
||||
text-shadow: black 0 0 2px;
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
pointer-events: none;
|
||||
opacity: 0.6;
|
||||
}
|
||||
#window:not(.nopointer) .menubg.charactercard .menubutton:not(.ava),
|
||||
#window:not(.nopointer) .menubg.charactercard>.ava>.avatars>div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.menubg.charactercard>.ava>.avatars{
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
line-height: 0;
|
||||
text-align: left;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
.menubg.charactercard>.ava>.avatars.scroll{
|
||||
overflow: scroll;
|
||||
}
|
||||
.menubg.charactercard>.ava>.avatars>div{
|
||||
position: relative;
|
||||
margin:3px;
|
||||
width: 81px;
|
||||
height: 111px;
|
||||
border-radius: 4px;
|
||||
background-size: cover;
|
||||
background-position: 50% 0;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 0 5px
|
||||
}
|
||||
.menubg.charactercard>.ava>.avatars>div:first-child,
|
||||
.menubg.charactercard>.ava>.avatars>div:first-child+div{
|
||||
margin-top: 6px;
|
||||
}
|
||||
.menubg.charactercard>.ava>.avatars>div:nth-of-type(odd){
|
||||
margin-left: 6px;
|
||||
}
|
||||
.menubg.charactercard>.ava.scroll>.avatars{
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
transform: scale(1);
|
||||
}
|
||||
.menubg.charactercard>.ava.scroll>.changeskin{
|
||||
opacity: 0;
|
||||
}
|
||||
.menubg.charactercard>.ava.scroll>.avatar{
|
||||
transform: translateX(-200px);
|
||||
pointer-events: none;
|
||||
}
|
||||
.menubg.charactercard>.ava>.avatar{
|
||||
left: 3px;
|
||||
top: 3px;
|
||||
width: calc(100% - 6px);
|
||||
height: calc(100% - 6px);
|
||||
background-position: 50% 0;
|
||||
border-radius: 4px !important;
|
||||
z-index: 1;
|
||||
box-shadow: rgba(0, 0, 0, 0.2) 0 0 0 1px, rgba(0, 0, 0, 0.45) 0 0 5px;
|
||||
}
|
||||
.menu.main>.menu-tab{
|
||||
height:37px;
|
||||
text-align:center;
|
||||
|
|
Loading…
Reference in New Issue