From b0b7d89eb6973608b5ce16f62594a14825e921f1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20Lemaire?= <michael@thunderk.net>
Date: Thu, 12 Jan 2017 22:53:34 +0100
Subject: [PATCH] Added automatic scaling

---
 graphics/ui/battle.svg | 141 +----------------------------------------
 out/index.html         |   4 +-
 src/view/Boot.ts       |   2 +
 3 files changed, 7 insertions(+), 140 deletions(-)

diff --git a/graphics/ui/battle.svg b/graphics/ui/battle.svg
index 8aa0018..bd48597 100644
--- a/graphics/ui/battle.svg
+++ b/graphics/ui/battle.svg
@@ -19,30 +19,6 @@
    sodipodi:docname="battle.svg">
   <defs
      id="defs4">
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient6413">
-      <stop
-         style="stop-color:#ffffff;stop-opacity:1;"
-         offset="0"
-         id="stop6415" />
-      <stop
-         style="stop-color:#ffffff;stop-opacity:0;"
-         offset="1"
-         id="stop6417" />
-    </linearGradient>
-    <linearGradient
-       inkscape:collect="always"
-       id="linearGradient6327">
-      <stop
-         style="stop-color:#737373;stop-opacity:1"
-         offset="0"
-         id="stop6329" />
-      <stop
-         style="stop-color:#333333;stop-opacity:0;"
-         offset="1"
-         id="stop6331" />
-    </linearGradient>
     <linearGradient
        inkscape:collect="always"
        id="linearGradient4352">
@@ -258,39 +234,6 @@
          result="composite2"
          id="feComposite6031-5" />
     </filter>
-    <linearGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient6327"
-       id="linearGradient6333"
-       x1="-523.00354"
-       y1="558.487"
-       x2="-522.84851"
-       y2="628.24976"
-       gradientUnits="userSpaceOnUse" />
-    <radialGradient
-       inkscape:collect="always"
-       xlink:href="#linearGradient6413"
-       id="radialGradient6419"
-       cx="-525.5"
-       cy="623.11218"
-       fx="-525.5"
-       fy="623.11218"
-       r="78"
-       gradientTransform="matrix(1,0,0,0.37820513,-16.970563,381.084)"
-       gradientUnits="userSpaceOnUse" />
-    <filter
-       inkscape:collect="always"
-       style="color-interpolation-filters:sRGB"
-       id="filter6657"
-       x="-0.050408981"
-       width="1.100818"
-       y="-0.19849591"
-       height="1.3969918">
-      <feGaussianBlur
-         inkscape:collect="always"
-         stdDeviation="2.4117383"
-         id="feGaussianBlur6659" />
-    </filter>
   </defs>
   <sodipodi:namedview
      id="base"
@@ -300,8 +243,8 @@
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
      inkscape:zoom="1"
-     inkscape:cx="-168.28307"
-     inkscape:cy="465.01557"
+     inkscape:cx="346.71693"
+     inkscape:cy="713.01557"
      inkscape:document-units="px"
      inkscape:current-layer="layer1"
      showgrid="false"
@@ -344,7 +287,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -1611,84 +1554,6 @@
          id="path4178"
          style="opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#4f4f4f;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
     </g>
-    <path
-       sodipodi:type="star"
-       style="opacity:1;fill:#333333;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"
-       id="path6308"
-       sodipodi:sides="6"
-       sodipodi:cx="-524.5"
-       sodipodi:cy="623.86218"
-       sodipodi:r1="75.823807"
-       sodipodi:r2="65.665344"
-       sodipodi:arg1="0"
-       sodipodi:arg2="0.52359878"
-       inkscape:flatsided="true"
-       inkscape:rounded="0"
-       inkscape:randomized="0"
-       d="m -448.67619,623.86218 -37.91191,65.66535 -75.8238,0 -37.91191,-65.66535 37.91191,-65.66534 75.8238,0 z"
-       transform="matrix(1.3725743,0,0,0.61547448,195.41521,239.89093)"
-       inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-    <path
-       transform="matrix(1.2706892,0,0,0.56978828,141.97645,268.39282)"
-       d="m -448.67619,623.86218 -37.91191,65.66535 -75.8238,0 -37.91191,-65.66535 37.91191,-65.66534 75.8238,0 z"
-       inkscape:randomized="0"
-       inkscape:rounded="0"
-       inkscape:flatsided="true"
-       sodipodi:arg2="0.52359878"
-       sodipodi:arg1="0"
-       sodipodi:r2="65.665344"
-       sodipodi:r1="75.823807"
-       sodipodi:cy="623.86218"
-       sodipodi:cx="-524.5"
-       sodipodi:sides="6"
-       id="path6325"
-       style="opacity:1;fill:url(#linearGradient6333);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"
-       sodipodi:type="star"
-       inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-    <ellipse
-       style="opacity:0.43500001;fill:url(#radialGradient6419);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.5999999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.74901961"
-       id="path6411"
-       cx="-542.47058"
-       cy="616.74823"
-       rx="78"
-       ry="29.5"
-       inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90" />
-    <text
-       sodipodi:linespacing="125%"
-       id="text6421"
-       y="641.69226"
-       x="-584.83789"
-       style="font-style:normal;font-weight:normal;font-size:17.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;opacity:0.66399997;fill:#262626;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter6657)"
-       xml:space="preserve"
-       inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90"><tspan
-         style="font-size:40px;fill:#262626;fill-opacity:1"
-         y="641.69226"
-         x="-584.83789"
-         id="tspan6423"
-         sodipodi:role="line">PLAY !</tspan></text>
-    <text
-       xml:space="preserve"
-       style="font-style:normal;font-weight:normal;font-size:17.5px;line-height:125%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#b2c6ff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-       x="-585.83789"
-       y="638.44226"
-       id="text6251"
-       sodipodi:linespacing="125%"
-       inkscape:export-filename="/home/michael/workspace/perso/spacetac/out/play.png"
-       inkscape:export-xdpi="90"
-       inkscape:export-ydpi="90"><tspan
-         sodipodi:role="line"
-         id="tspan6253"
-         x="-585.83789"
-         y="638.44226"
-         style="font-size:40px;fill:#b2c6ff;fill-opacity:1;">PLAY !</tspan></text>
   </g>
   <g
      inkscape:groupmode="layer"
diff --git a/out/index.html b/out/index.html
index 4288b7a..4981874 100644
--- a/out/index.html
+++ b/out/index.html
@@ -16,8 +16,8 @@
     }
 
     .game {
-      width: 1920px;
-      height: 1080px;
+      width: 100%;
+      height: 100vh;
     }
     </style>
 </head>
diff --git a/src/view/Boot.ts b/src/view/Boot.ts
index 3df6de8..f48cf7b 100644
--- a/src/view/Boot.ts
+++ b/src/view/Boot.ts
@@ -1,7 +1,9 @@
 module SpaceTac.View {
     export class Boot extends Phaser.State {
         preload() {
+            this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
             this.game.stage.backgroundColor = 0x202020;
+
             this.add.text(this.world.width / 2, this.world.height / 2 - 40, "... Loading ...", { align: "center", font: "bold 20px Arial", fill: "#c0c0c0" })
                 .anchor.set(0.5, 0.5);