Custom sizes for flash games.

Author: wilkie

competitions/osgcc_6.yml

@@ -6,6 +6,8 @@ games:
     languages: [ActionScript, HaXe]
     slug: monastery
     flash: monastery
+    width: 800px
+    height: 600px
     summary: "In this game you are the chef of the Monastery, a huge spaceship where food is running scarce!
       But, when everything seemed lost, the Monastery landed on a wonderful planet full of vegetables! Bad thing is... The plants on this planet walk and are invading your space kitchen!!
       Can you restore the botanic order by bringing the invaders to the cooking hearth and keeping your comrades from starvation? WASD to move."
@@ -20,6 +22,8 @@ games:
     languages: [ActionScript, HaXe]
     flash: spectrum
     slug: spectrum
+    width: 640px
+    height: 480px
     source: http://github.com/osgcc/osgcc6-Spectrum
     about: http://github.com/osgcc/osgcc6-Spectrum/blob/master/README
 

css/main.css

@@ -20,6 +20,10 @@ nav {
   box-shadow:         0 0 10px #111;
 }
 
+section.game h1 {
+  margin-bottom: 60px;
+}
+
 section.text {
   margin-bottom: 40px;
 }

games/osgcc_6-monastery.html

@@ -25,6 +25,8 @@
     </nav>
     <input id='game-name' type='hidden' value='Monastery'>
     <input id='game-slug' type='hidden' value='monastery'>
+    <input id='game-width' type='hidden' value='800px'>
+    <input id='game-height' type='hidden' value='600px'>
     <script src='/js/swfobject.js' type='text/javascript'></script>
     <script src='/js/flash.js' type='text/javascript'></script>
     <section class='game'>

games/osgcc_6-spectrum.html

@@ -25,6 +25,8 @@
     </nav>
     <input id='game-name' type='hidden' value='Spectrum'>
     <input id='game-slug' type='hidden' value='spectrum'>
+    <input id='game-width' type='hidden' value='640px'>
+    <input id='game-height' type='hidden' value='480px'>
     <script src='/js/swfobject.js' type='text/javascript'></script>
     <script src='/js/flash.js' type='text/javascript'></script>
     <section class='game'>

js/flash.js

@@ -11,10 +11,12 @@ var params = {
 var attributes = {
   id:"Monastery"
 };
-var game_name = document.getElementById('game-name').value;
-var game_slug = document.getElementById('game-slug').value;
+var game_name   = document.getElementById('game-name').value;
+var game_slug   = document.getElementById('game-slug').value;
+var game_width  = document.getElementById('game-width').value;
+var game_height = document.getElementById('game-height').value;
 swfobject.embedSWF(
     "/games/" + game_slug + ".swf",
-    "alt-content", "800px", "600px", "10.0.0",
+    "alt-content", game_width, game_height, "10.0.0",
     "/flash/expressInstall.swf",
     flashvars, params, attributes);

layout/game.haml

@@ -1,5 +1,7 @@
 %input#game-name{:type => "hidden", :value => game["name"]}
 %input#game-slug{:type => "hidden", :value => game["slug"]}
+%input#game-width{:type => "hidden", :value => game["width"]}
+%input#game-height{:type => "hidden", :value => game["height"]}
 %script{:type => "text/javascript", :src => "/js/swfobject.js"}
 %script{:type => "text/javascript", :src => "/js/flash.js"}
 %section.game