diff --git a/TODO b/TODO index 35e6e8c..17c417a 100644 --- a/TODO +++ b/TODO @@ -1,7 +1,8 @@ -* Use succession's tools and serializer +* Allow to cancel last moves * Effect should be random in a range (eg. "damage target 50-75") * Add auto-move to attack * Add equipment info (or summary) in ship tooltip +* Escape key should cancel selected action * Handle effects overflowing ship tooltip when too numerous * Proper arena scaling (not graphical, only space coordinates) * Mobile: think UI layout so that fingers do not block the view (right and left handed) diff --git a/graphics/ui/battle.svg b/graphics/ui/battle.svg index db81b2e..7310e7c 100644 --- a/graphics/ui/battle.svg +++ b/graphics/ui/battle.svg @@ -11,19 +11,255 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="1920" - height="1080" + width="2048" + height="1152" viewBox="0 0 1920 1080" id="svg2" version="1.1" - inkscape:version="0.91 r13725" + inkscape:version="0.92.0 r15299" sodipodi:docname="battle.svg" inkscape:export-filename="/tmp/whole.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" - enable-background="new"> + style="enable-background:new"> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -88,8 +324,8 @@ effect="vonkoch" id="path-effect4548" is_visible="true" - ref_path="m 79.802044,-134.42355 108.055096,0" - generator="m 79.802044,-62.63784 36.018366,0 m 36.01836,0 36.01837,0" + ref_path="M 79.802044,-134.42355 H 187.85714" + generator="m 79.802044,-62.63784 h 36.018366 m 36.01836,0 h 36.01837" similar_only="false" nbgenerations="0" drawall="true" @@ -110,15 +346,15 @@ is_visible="true" yy="true" xx="true" - bendpath1="m 79.802044,-206.20927 108.055096,0" - bendpath2="m 187.85714,-206.20927 0,143.57143" - bendpath3="m 79.802044,-62.63784 108.055096,0" - bendpath4="m 79.802044,-206.20927 0,143.57143" /> + bendpath1="M 79.802044,-206.20927 H 187.85714" + bendpath2="M 187.85714,-206.20927 V -62.63784" + bendpath3="M 79.802044,-62.63784 H 187.85714" + bendpath4="M 79.802044,-206.20927 V -62.63784" /> @@ -138,7 +374,7 @@ sodipodi:nodetypes="cccccccc" inkscape:connector-curvature="0" id="path4585" - d="m 112.85714,-206.20927 55.35714,0 -19.28571,50.71429 38.92857,0 -73.92857,92.85714 21.42857,-69.28571 -36.428568,0 z" + d="m 112.85714,-206.20927 h 55.35714 l -19.28571,50.71429 h 38.92857 l -73.92857,92.85714 21.42857,-69.28571 H 98.928572 Z" style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> @@ -148,7 +384,7 @@ @@ -343,7 +579,7 @@ stdDeviation="5.7" id="feGaussianBlur10406" /> - - - + y="-0.045600001" + height="1.0912" + inkscape:label="Simple blur"> - + + + + xlink:href="#linearGradient9609" + id="linearGradient9611" + x1="732.44478" + y1="877.88531" + x2="1512.2041" + y2="877.88531" + gradientUnits="userSpaceOnUse" /> + + + + + + + + in="flood1" + in2="colormatrix1" + mode="multiply" + result="blend1" + id="feBlend6096" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + id="guide4155" + inkscape:locked="false" /> + id="guide4157" + inkscape:locked="false" /> + id="guide4159" + inkscape:locked="false" /> + id="guide4161" + inkscape:locked="false" /> + id="guide4275" + inkscape:locked="false" /> + id="guide4281" + inkscape:locked="false" /> @@ -507,37 +951,385 @@ - - + inkscape:label="Arena" + style="display:inline"> + + + + + + - + height="100%" + style="opacity:0.58499995;enable-background:new" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + Power available + Move + Action + Remaining power + + + + + + + + + Fire concussion missile + 12 + 3 + 5 + 4 + + inkscape:export-ydpi="90" + transform="translate(0,27.637839)" /> + inkscape:export-ydpi="90" + transform="translate(-0.04394532,0.81298828)"> - - - + inkscape:export-ydpi="90"> + + + + + + + + @@ -1255,7 +2077,7 @@ style="display:inline;opacity:1;filter:url(#filter4497)"> + style="display:inline"> 6 - - - + + + Rotary gun - - - Rotary gun + + + + + Power recovery -1 (2 turns) - - - Shield +50 (1 turn) + style="font-style:normal;font-weight:normal;font-size:20px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:#e9afaf;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + xml:space="preserve">Power recovery -1 (2 turns) + + + + + Shield +50 (1 turn) + Cost : 20% power + id="tspan4431">Cost : 3 power Ship details,on hover or hold 72) ? 72 / (count - 1) : 8; this.ship.sticky_effects.forEach((effect, index) => { var x = 46 - (count - 1) * spacing / 2 + index * spacing; - var badge = new Phaser.Image(this.game, x, 85, `battle-shiplist-effect-${effect.isBeneficial() ? "good" : "bad"}`); + var badge = new Phaser.Image(this.game, x, 46, `battle-shiplist-effect-${effect.isBeneficial() ? "good" : "bad"}`); badge.anchor.set(0.5, 0.5); this.active_effects.addChild(badge); });