keep working

4 files changed, 152 insertions, 119 deletions

diff --git a/index.html b/index.html
index 46f8c26..0b18d78 100644
--- a/index.html
+++ b/index.html
@@ -9,7 +9,7 @@
         margin: 0;
         padding: 0;
         overflow: hidden;
-        background: black;
+        background: gray;
       }
       @font-face {
         font-family: "Playtime";
@@ -26,7 +26,6 @@
         margin-left: -400px;
         position: absolute;
         overflow: hidden;
-        transform: scale(1.5);
       }
       @keyframes toright {
         from {
@@ -63,5 +62,7 @@
     </div>
     <script src="/when/when.js"></script>
     <script src="/js/html5ks.js"></script>
+    <script src="/js/play.js"></script>
+    <script src="/js/characters.js"></script>
   </body>
 </html>
diff --git a/js/characters.js b/js/characters.js
index 9260e94..ddad281 100644
--- a/js/characters.js
+++ b/js/characters.js
@@ -1,4 +1,5 @@
-window.characters = {
+if (!window.html5ks) window.html5ks = {};
+html5ks.characters = {
   name_only: {name: null, kind: adv},
   
   hi: {name: "Hisao", color: "#629276"},
diff --git a/js/html5ks.js b/js/html5ks.js
index 5e1ae23..c34174b 100644
--- a/js/html5ks.js
+++ b/js/html5ks.js
@@ -19,7 +19,11 @@ window.html5ks = {
   save: function () {
     localStorage.persistent = JSON.stringify(this.persistent);
   },
+  load: function () {
+    if (localStorage.persistent) this.persistent = JSON.parse(localStorage.persistent);
+  },
   elements: {
+    container: document.getElementById("container"),
     video: document.getElementById("video"),
     audio: {
       music: document.getElementById("music"),
@@ -33,118 +37,6 @@ window.html5ks = {
   scene_register: function (scene) {
     this.persistent.seen_scenes.scene = true;
   },
-  music: {
-    "music_tranquil": "Afternoon",
-    "music_nurse": "Ah_Eh_I_Oh_You",
-    "music_soothing": "Air_Guitar",
-    "music_twinkle": "Aria_de_l'Etoile",
-    "music_moonlight": "Breathlessly",
-    "music_rain": "Caged_Heart",
-    "music_tragic": "Cold_Iron",
-    "music_comfort": "Comfort",
-    "music_lilly": "Concord",
-    "music_daily": "Daylight",
-    "music_ease": "Ease",
-    "music_another": "Everyday_Fantasy",
-    "music_friendship": "Friendship",
-    "music_happiness": "Fripperies",
-    "music_comedy": "Generic_Happy_Music",
-    "music_tension": "High_Tension",
-    "music_running": "Hokabi",
-    "music_innocence": "Innocence",
-    "music_heart": "Letting_my_Heart_Speak",
-    "music_serene": "Lullaby_of_Open_Eyes",
-    "music_drama": "Moment_of_Decision",
-    "music_night": "Nocturne",
-    "music_kenji": "Out_of_the_Loop",
-    "music_hanako": "Painful_History",
-    "music_rin": "Parity",
-    "music_timeskip": "Passing_of_Time",
-    "music_dreamy": "Raindrops_and_Puddles",
-    "music_jazz": "Red_Velvet",
-    "music_romance": "Romance_in_Andante_II",
-    "music_credits": "Romance_in_Andante",
-    "music_musicbox": "Sarabande_from_BWV1010,_Musicbox",
-    "music_normal": "School_Days",
-    "music_sadness": "Shadow_of_the_Truth",
-    "music_emi": "Standing_Tall",
-    "music_pearly": "Stride",
-    "music_shizune": "The_Student_Council",
-    "music_one": "To_Become_One",
-    "music_menus": "Wiosna",
-  },
-  sfx: {
-    sfx_tcard: "sfx/tcard.ogg",
-    sfx_4lslogo: "sfx/4lsaudiologo.ogg",
-    sfx_alarmclock: "sfx/alarm.ogg",
-    sfx_normalbell: "sfx/carillon.ogg",
-    sfx_warningbell: "sfx/chaimu.ogg",
-    sfx_crunchydeath: "sfx/crunch.ogg",
-    sfx_fireworks: "sfx/fireworks.ogg",
-    sfx_rain: "sfx/rain.ogg",
-    sfx_rustling: "sfx/rustling.ogg",
-    sfx_impact: "sfx/wumph.ogg",
-    sfx_impact2: "sfx/wumph_2.ogg",
-    sfx_heartfast: "sfx/heart_single_fast.ogg",
-    sfx_heartslow: "sfx/heart_single_slow.ogg",
-    sfx_heartstop: "sfx/heart_stop.ogg",
-    sfx_emijogging: "sfx/emijogging.ogg",
-    sfx_emirunning: "sfx/emirunning.ogg",
-    sfx_emipacing: "sfx/emipacing.ogg",
-    sfx_emisprinting: "sfx/emisprinting.ogg",
-    sfx_startpistol: "sfx/startpistol.ogg",
-    sfx_crowd_indoors: "sfx/crowd_indoors.ogg",
-    sfx_crowd_outdoors: "sfx/crowd_outdoors.ogg",
-    sfx_crowd_cheer: "sfx/crowd_cheer.ogg",
-    sfx_doorknock: "sfx/doorknock.ogg",
-    sfx_doorknock2: "sfx/doorknock2.ogg",
-    sfx_doorslam: "sfx/doorslam.ogg",
-    sfx_doorclose: "sfx/doorclose.ogg",
-    sfx_cicadas: "sfx/cicadas.ogg",
-    sfx_scratch: "sfx/scratch.ogg",
-    sfx_traffic: "sfx/traffic.ogg",
-    sfx_rumble: "sfx/rumble.ogg",
-    sfx_skid: "sfx/skid2.ogg",
-    sfx_gymbounce: "sfx/emibounce.ogg",
-    sfx_hammer: "sfx/hammer.ogg",
-    sfx_birdstakeoff: "sfx/birdstakeoff.ogg",
-    sfx_storebell: "sfx/storebell.ogg",
-    sfx_thunder: "sfx/thunder.ogg",
-    sfx_slide: "sfx/slide.ogg",
-    sfx_slide2: "sfx/slide2.ogg",
-    sfx_draw: "sfx/sword_draw.ogg",
-    sfx_shower: "sfx/shower.ogg",
-    sfx_switch: "sfx/switch.ogg",
-    sfx_pillow: "sfx/pillow.ogg",
-    sfx_cellphone: "sfx/cellphone.ogg",
-    sfx_door_creak: "sfx/door_creak.ogg",
-    sfx_dooropen: "sfx/dooropen.ogg",
-    sfx_dropglasses: "sfx/dropglasses.ogg",
-    sfx_can: "sfx/can.ogg",
-    sfx_stallbuilding: "sfx/stallbuilding.ogg",
-    sfx_parkambience: "sfx/parkambience.ogg",
-    sfx_trainint: "sfx/trainint.ogg",
-    sfx_footsteps_hard: "sfx/footsteps_hard.ogg",
-    sfx_footsteps_soft: "sfx/footsteps_soft.ogg",
-    sfx_paper: "sfx/paper.ogg",
-    sfx_paperruffling: "sfx/paperruffling.ogg",
-    sfx_rooftop: "sfx/rooftop.ogg",
-    sfx_lighter: "sfx/lighter.ogg",
-    sfx_phone: "sfx/phone.ogg",
-    sfx_hollowclick: "sfx/hollowclick.ogg",
-    sfx_businterior: "sfx/businterior.ogg",
-    sfx_teacup: "sfx/teacup.ogg",
-    sfx_can_clatter: "sfx/can_clatter.ogg",
-    sfx_snap: "sfx/snap.ogg",
-    sfx_billiards_break: "sfx/billiards_break.ogg",
-    sfx_billiards: "sfx/billiards.ogg",
-    sfx_lock: "sfx/lock.ogg",
-    sfx_dropstuff: "sfx/dropstuff.ogg",
-    sfx_camera: "sfx/camera.ogg",
-    sfx_time: "sfx/time.ogg",
-    sfx_flash: "sfx/flash.ogg",
-    sfx_whiteout: "sfx/whiteout.ogg"
-  },
   play: function (channel, name, fade) {
     if (fade) this.WARN("fade not implemented");
     var deferred = when.defer(),
@@ -152,9 +44,15 @@ window.html5ks = {
     audio.src = "/dump/" + (channel === "music" ? "bgm/" + this.music[name] + ".ogg" : this.sfx[name]);
     audio.load();
     audio.play();
-    audio.addEventListener("ended", function () {
-      deferred.resolve(this);
-    }, false);
+    if (channel !== "music") {
+      audio.addEventListener("ended", function () {
+        deferred.resolve(this);
+      }, false);
+    } else {
+      audio.addEventListener("playing", function () {
+        deferred.resolve(this);
+      }, false);
+    }
     audio.addEventListener("error", function () {
       deferred.reject(this.error);
     }, false);
@@ -196,7 +94,6 @@ window.html5ks = {
     "bg": "bgs",
     "": "vfx"
   },
-
   // NOT iscene
   scene: function (type, name) {
     var deferred = when.defer();
@@ -218,6 +115,27 @@ window.html5ks = {
     };
     bg.src = img + ".webp";
     return deferred.promise;
+  },
+  scale: function () {
+    var newScale = 1,
+        height = document.documentElement.clientHeight,
+        width = document.documentElement.clientWidth;
+    if (height / width <= 0.75) { // widescreen
+      newScale = height / 600;
+    } else {
+      newScale = width / 800;
+    }
+    this.elements.container.style.transform = "scale(" + newScale + ")";
+  },
+  onload: function () {
+    this.load();
+    this.scale();
+    window.addEventListener("resize", function () {
+      html5ks.scale();
+    }, false);
   }
 };
+document.addEventListener("DOMContentLoaded", function () {
+  html5ks.onload();
+}, false);
 }());
diff --git a/js/play.js b/js/play.js
new file mode 100644
index 0000000..c0fb2e0
--- /dev/null
+++ b/js/play.js
@@ -0,0 +1,113 @@
+if (!window.html5ks) window.html5ks = {};
+html5ks.music = {
+  "music_tranquil": "Afternoon",
+  "music_nurse": "Ah_Eh_I_Oh_You",
+  "music_soothing": "Air_Guitar",
+  "music_twinkle": "Aria_de_l'Etoile",
+  "music_moonlight": "Breathlessly",
+  "music_rain": "Caged_Heart",
+  "music_tragic": "Cold_Iron",
+  "music_comfort": "Comfort",
+  "music_lilly": "Concord",
+  "music_daily": "Daylight",
+  "music_ease": "Ease",
+  "music_another": "Everyday_Fantasy",
+  "music_friendship": "Friendship",
+  "music_happiness": "Fripperies",
+  "music_comedy": "Generic_Happy_Music",
+  "music_tension": "High_Tension",
+  "music_running": "Hokabi",
+  "music_innocence": "Innocence",
+  "music_heart": "Letting_my_Heart_Speak",
+  "music_serene": "Lullaby_of_Open_Eyes",
+  "music_drama": "Moment_of_Decision",
+  "music_night": "Nocturne",
+  "music_kenji": "Out_of_the_Loop",
+  "music_hanako": "Painful_History",
+  "music_rin": "Parity",
+  "music_timeskip": "Passing_of_Time",
+  "music_dreamy": "Raindrops_and_Puddles",
+  "music_jazz": "Red_Velvet",
+  "music_romance": "Romance_in_Andante_II",
+  "music_credits": "Romance_in_Andante",
+  "music_musicbox": "Sarabande_from_BWV1010,_Musicbox",
+  "music_normal": "School_Days",
+  "music_sadness": "Shadow_of_the_Truth",
+  "music_emi": "Standing_Tall",
+  "music_pearly": "Stride",
+  "music_shizune": "The_Student_Council",
+  "music_one": "To_Become_One",
+  "music_menus": "Wiosna"
+};
+html5ks.sfx = {
+  sfx_tcard: "sfx/tcard.ogg",
+  sfx_4lslogo: "sfx/4lsaudiologo.ogg",
+  sfx_alarmclock: "sfx/alarm.ogg",
+  sfx_normalbell: "sfx/carillon.ogg",
+  sfx_warningbell: "sfx/chaimu.ogg",
+  sfx_crunchydeath: "sfx/crunch.ogg",
+  sfx_fireworks: "sfx/fireworks.ogg",
+  sfx_rain: "sfx/rain.ogg",
+  sfx_rustling: "sfx/rustling.ogg",
+  sfx_impact: "sfx/wumph.ogg",
+  sfx_impact2: "sfx/wumph_2.ogg",
+  sfx_heartfast: "sfx/heart_single_fast.ogg",
+  sfx_heartslow: "sfx/heart_single_slow.ogg",
+  sfx_heartstop: "sfx/heart_stop.ogg",
+  sfx_emijogging: "sfx/emijogging.ogg",
+  sfx_emirunning: "sfx/emirunning.ogg",
+  sfx_emipacing: "sfx/emipacing.ogg",
+  sfx_emisprinting: "sfx/emisprinting.ogg",
+  sfx_startpistol: "sfx/startpistol.ogg",
+  sfx_crowd_indoors: "sfx/crowd_indoors.ogg",
+  sfx_crowd_outdoors: "sfx/crowd_outdoors.ogg",
+  sfx_crowd_cheer: "sfx/crowd_cheer.ogg",
+  sfx_doorknock: "sfx/doorknock.ogg",
+  sfx_doorknock2: "sfx/doorknock2.ogg",
+  sfx_doorslam: "sfx/doorslam.ogg",
+  sfx_doorclose: "sfx/doorclose.ogg",
+  sfx_cicadas: "sfx/cicadas.ogg",
+  sfx_scratch: "sfx/scratch.ogg",
+  sfx_traffic: "sfx/traffic.ogg",
+  sfx_rumble: "sfx/rumble.ogg",
+  sfx_skid: "sfx/skid2.ogg",
+  sfx_gymbounce: "sfx/emibounce.ogg",
+  sfx_hammer: "sfx/hammer.ogg",
+  sfx_birdstakeoff: "sfx/birdstakeoff.ogg",
+  sfx_storebell: "sfx/storebell.ogg",
+  sfx_thunder: "sfx/thunder.ogg",
+  sfx_slide: "sfx/slide.ogg",
+  sfx_slide2: "sfx/slide2.ogg",
+  sfx_draw: "sfx/sword_draw.ogg",
+  sfx_shower: "sfx/shower.ogg",
+  sfx_switch: "sfx/switch.ogg",
+  sfx_pillow: "sfx/pillow.ogg",
+  sfx_cellphone: "sfx/cellphone.ogg",
+  sfx_door_creak: "sfx/door_creak.ogg",
+  sfx_dooropen: "sfx/dooropen.ogg",
+  sfx_dropglasses: "sfx/dropglasses.ogg",
+  sfx_can: "sfx/can.ogg",
+  sfx_stallbuilding: "sfx/stallbuilding.ogg",
+  sfx_parkambience: "sfx/parkambience.ogg",
+  sfx_trainint: "sfx/trainint.ogg",
+  sfx_footsteps_hard: "sfx/footsteps_hard.ogg",
+  sfx_footsteps_soft: "sfx/footsteps_soft.ogg",
+  sfx_paper: "sfx/paper.ogg",
+  sfx_paperruffling: "sfx/paperruffling.ogg",
+  sfx_rooftop: "sfx/rooftop.ogg",
+  sfx_lighter: "sfx/lighter.ogg",
+  sfx_phone: "sfx/phone.ogg",
+  sfx_hollowclick: "sfx/hollowclick.ogg",
+  sfx_businterior: "sfx/businterior.ogg",
+  sfx_teacup: "sfx/teacup.ogg",
+  sfx_can_clatter: "sfx/can_clatter.ogg",
+  sfx_snap: "sfx/snap.ogg",
+  sfx_billiards_break: "sfx/billiards_break.ogg",
+  sfx_billiards: "sfx/billiards.ogg",
+  sfx_lock: "sfx/lock.ogg",
+  sfx_dropstuff: "sfx/dropstuff.ogg",
+  sfx_camera: "sfx/camera.ogg",
+  sfx_time: "sfx/time.ogg",
+  sfx_flash: "sfx/flash.ogg",
+  sfx_whiteout: "sfx/whiteout.ogg"
+};