先传一部分吧

This commit is contained in:
枫谷剑仙 2020-12-30 20:56:08 +08:00
parent 62596345b3
commit 951ae61848
5 changed files with 69 additions and 45 deletions

View File

@ -27,6 +27,8 @@
random_skills: (element)=>[`Activates these random skills:`, element], random_skills: (element)=>[`Activates these random skills:`, element],
delay: ()=> `Delays enemies' next move`, delay: ()=> `Delays enemies' next move`,
mass_attack: ()=> `plus Mass Attack`, mass_attack: ()=> `plus Mass Attack`,
leader_change: ()=> `Switches places with Leader Monster; use again to switch back`,
no_skyfall: ()=> `No Skyfall Combos`,
}, },
} }

View File

@ -6,6 +6,8 @@ const localTranslating = {
random_skills: (element)=>[`随机执行以下技能:`, element], random_skills: (element)=>[`随机执行以下技能:`, element],
delay: ()=> `将敌人的攻击延迟`, delay: ()=> `将敌人的攻击延迟`,
mass_attack: ()=> `所有攻击变为全体攻击`, mass_attack: ()=> `所有攻击变为全体攻击`,
leader_change: ()=> `将自身换为队长,再次使用则换回来`,
no_skyfall: ()=> `天降的宝珠不会消除`,
}, },
} }

View File

@ -659,6 +659,12 @@ function renderSkill(skill)
return fragment.appendChild(arg); return fragment.appendChild(arg);
} }
} }
function createIcon(iconType){
const idoc = document.createElement("icon");
idoc.className = "icon-skill";
idoc.setAttribute("data-icon-type", iconType);
return idoc;
}
const fragment = document.createDocumentFragment(); const fragment = document.createDocumentFragment();
if (typeof localTranslating == "undefined") return fragment; if (typeof localTranslating == "undefined") return fragment;
const tsp = localTranslating.skill_parse; const tsp = localTranslating.skill_parse;
@ -682,34 +688,26 @@ function renderSkill(skill)
break; break;
} }
case SkillKinds.Delay: { case SkillKinds.Delay: {
const idoc = document.createElement("icon"); appendToFragment(createIcon("delay"));
idoc.className = "icon-delay";
appendToFragment(idoc);
appendToFragment(tsp.delay()); appendToFragment(tsp.delay());
break; break;
} }
case SkillKinds.MassAttack: { case SkillKinds.MassAttack: {
const idoc = document.createElement("icon"); appendToFragment(createIcon("mass-attack"));
idoc.className = "icon-mass-attack";
appendToFragment(idoc);
appendToFragment(tsp.mass_attack()); appendToFragment(tsp.mass_attack());
break; break;
} }
/*
case SkillKinds.LeaderChange: { case SkillKinds.LeaderChange: {
return ( appendToFragment(createIcon("leader-change"));
<span className="CardSkill-skill"> appendToFragment(tsp.leader_change());
<Asset assetId="status-leader-change" className="CardSkill-icon" title="Leader change" /> break;
</span>
);
} }
case SkillKinds.NoSkyfall: { case SkillKinds.NoSkyfall: {
return ( appendToFragment(createIcon("no-skyfall"));
<span className="CardSkill-skill"> appendToFragment(tsp.no_skyfall());
<Asset assetId="status-no-skyfall" className="CardSkill-icon" title="No skyfall" /> break;
</span>
);
} }
/*
case SkillKinds.Heal: { case SkillKinds.Heal: {
const { value } = skill as Skill.WithValue; const { value } = skill as Skill.WithValue;
return ( return (

View File

@ -3,45 +3,44 @@
.property{ /*主属性*/ .property{ /*主属性*/
background-position-y: 0; background-position-y: 0;
} }
.property[data-property='-1']{ .property[data-property='-1'],
.subproperty[data-property='-1']
{
background: none; /*无*/ background: none; /*无*/
} }
.property[data-property='0']{ .property[data-property='0'],
.subproperty[data-property='0']
{
background-position-x: calc(-102px * 0); /*火*/ background-position-x: calc(-102px * 0); /*火*/
} }
.property[data-property='1']{ .property[data-property='1'],
.subproperty[data-property='1']
{
background-position-x: calc(-102px * 1); /*水*/ background-position-x: calc(-102px * 1); /*水*/
} }
.property[data-property='2']{ .property[data-property='2'],
.subproperty[data-property='2']
{
background-position-x: calc(-102px * 2); /*木*/ background-position-x: calc(-102px * 2); /*木*/
} }
.property[data-property='3']{ .property[data-property='3'],
.subproperty[data-property='3']
{
background-position-x: calc(-102px * 3); /*光*/ background-position-x: calc(-102px * 3); /*光*/
} }
.property[data-property='4']{ .property[data-property='4'],
.subproperty[data-property='4']
{
background-position-x: calc(-102px * 4); /*暗*/ background-position-x: calc(-102px * 4); /*暗*/
} }
.property[data-property='6']
{
background-image: url(images/CARDFRAMEW.PNG);
background-position: 0 0;
}
.subproperty{ /*副属性*/ .subproperty{ /*副属性*/
background-position-y: -104px; background-position-y: -104px;
} }
.subproperty[data-property='-1']{
background: none; /*无*/
}
.subproperty[data-property='0']{
background-position-x: calc(-102px * 0); /*火*/
}
.subproperty[data-property='1']{
background-position-x: calc(-102px * 1); /*水*/
}
.subproperty[data-property='2']{
background-position-x: calc(-102px * 2); /*木*/
}
.subproperty[data-property='3']{
background-position-x: calc(-102px * 3); /*光*/
}
.subproperty[data-property='4']{
background-position-x: calc(-102px * 4); /*暗*/
}
/*宠物头像所用的图片*/ /*宠物头像所用的图片*/
.monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);} .monster[data-cards-pic-idx='1']{background-image: url(images/cards_ja/CARDS_001.PNG);}
.monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);} .monster[data-cards-pic-idx='2']{background-image: url(images/cards_ja/CARDS_002.PNG);}

View File

@ -243,10 +243,6 @@ ul{
background-image: url(images/CARDFRAME2.PNG); background-image: url(images/CARDFRAME2.PNG);
background-position: 100px 100px; /*默认都不显示*/ background-position: 100px 100px; /*默认都不显示*/
} }
.property[data-property='6']{
background-image: url(images/CARDFRAMEW.PNG);
background-position: 0 0;
}
/*怪物-加值*/ /*怪物-加值*/
.monster .plus{ .monster .plus{
color: yellow; color: yellow;
@ -2751,4 +2747,31 @@ table .orb-icon
.henshin-loop .evo-panel-right .henshin-loop .evo-panel-right
{ {
border-color: #7F00FF; border-color: #7F00FF;
}
.icon-skill
{
display: inline-block;
width: 36px;
height: 36px;
background-image: url(images/icon-skills.png);
background-repeat: no-repeat;
vertical-align: bottom;
transform: scale(0.75);
margin: -4px;
}
.icon-skill[data-icon-type="delay"]
{
background-position-y:calc(-36px * 0);
}
.icon-skill[data-icon-type="mass-attack"]
{
background-position-y:calc(-36px * 1);
}
.icon-skill[data-icon-type="leader-change"]
{
background-position-y:calc(-36px * 2);
}
.icon-skill[data-icon-type="no-skyfall"]
{
background-position-y:calc(-36px * 3);
} }