summaryrefslogtreecommitdiff
path: root/www
diff options
context:
space:
mode:
authorAlex Xu <alex_y_xu@yahoo.ca>2013-07-22 09:12:39 -0400
committerAlex Xu <alex_y_xu@yahoo.ca>2013-07-22 09:12:39 -0400
commit5366753037dfbbc242fe974cf2f2b8ba4499ac2b (patch)
treedf1e340df2fcffbfda11cff3685cf960ddcd385d /www
parent4cb31637006a33971464a03c1f055c3a87512b9a (diff)
downloadhtml5ks-5366753037dfbbc242fe974cf2f2b8ba4499ac2b.tar.xz
html5ks-5366753037dfbbc242fe974cf2f2b8ba4499ac2b.zip
convert scripts to JSON, misc changes
Diffstat (limited to 'www')
-rw-r--r--www/js/api.js121
-rw-r--r--www/js/html5ks.js39
-rw-r--r--www/js/menu.js4
3 files changed, 92 insertions, 72 deletions
diff --git a/www/js/api.js b/www/js/api.js
index 91a28d7..1cf9fbe 100644
--- a/www/js/api.js
+++ b/www/js/api.js
@@ -9,55 +9,55 @@ window.html5ks.api = {
}
}
},
- set_volume: function (volume, delay, channel) {
+
+
+ set_volume: function (target, delay, channel) {
var deferred = when.defer(),
audio = html5ks.elements.audio[channel],
- chg = volume - audio.volume,
- step = chg / (delay * 10);
+ step = (target - audio.volume) / (delay * 20);
var f = setInterval(function () {
- var newv = audio.volume + step;
- if (newv > 1) {
- audio.volume = 1;
+ // clamp new volume 0-1
+ audio.volume = Math.min(Math.max(audio.volume + step, 0), 1);
+ if (audio.volume === 0 || audio.volume === 1) {
clearInterval(f);
- } else if (newv < 0) {
- audio.volume = 0;
- clearInterval(f);
- } else {
- audio.volume = newv;
}
- }, 100);
+ }, 50);
deferred.resolve();
return deferred.promise;
},
- play: function (channel, name, fade) {
+
+ play: function (channel, name, ignore, fade) {
+ this.stop(channel);
var deferred = when.defer(),
- audio = html5ks.elements.audio[channel];
+ audio = new Audio();
+ if (channel === "music" || channel === "ambient") {
+ audio.loop = true;
+ }
+ html5ks.elements.audio[channel] = audio;
audio.src = "dump/" + (channel === "music" ? "bgm/" + html5ks.data.music[name] + ".ogg" : html5ks.data.sfx[name]);
audio.load();
audio.volume = fade ? 0 : 1;
audio.play();
audio.addEventListener("playing", function playing() {
- audio.removeEventListener("playing", playing, false);
deferred.resolve();
if (fade) {
html5ks.api.set_volume(1, fade, channel);
}
}, false);
audio.addEventListener("error", function error() {
- audio.removeEventListener("error", error, false);
deferred.reject(this.error);
}, false);
return deferred.promise;
},
- stop: function (channel, fade) {
+
+ stop: function (channel, ignore, fade) {
if (channel === "all") {
- this.stop("music");
- this.stop("sound");
- return this.stop("ambient");
+ this.stop("music", ignore, fade);
+ this.stop("sound", ignore, fade);
+ return this.stop("ambient", ignore, fade);
}
var deferred = when.defer(),
- audio = html5ks.elements.audio[channel],
- fadeSet = html5ks.persistent.settings.fade;
+ audio = html5ks.elements.audio[channel];
if (fade) {
this.set_volume(0, fade, channel);
} else {
@@ -67,6 +67,7 @@ window.html5ks.api = {
return deferred.promise;
},
+
movie_cutscene: function (vid_src, skippable) {
var deferred = when.defer(),
video = html5ks.elements.video,
@@ -113,13 +114,16 @@ window.html5ks.api = {
}, false);
return deferred.promise;
},
+
act_op: function (this_video) {
// strip off extension
return this.movie_cutscene(this_video.slice(0,-4));
},
+
+
iscene: function (target, is_h, is_end) {
var deferred = when.defer(),
- label = html5ks.data.script[target],
+ label = html5ks.data.script[html5ks.persistent.settings.language + "_" + target],
i = 0;
(function run(ret) {
if (label[i]) {
@@ -132,18 +136,18 @@ window.html5ks.api = {
return deferred.promise;
},
- with: function (transition, action) {
- return this.runInst(action);
- },
runInst: function (inst) {
- var cmd = inst[0],
+ var cmd = inst[0].replace(/"/g, ''),
args = inst.slice(1);
if (html5ks.data.characters[cmd]) {
return this.character(cmd, args[0]);
} else {
if (this[cmd]) {
return this[cmd].apply(this, args);
+ } else if (inst.length === 1) {
+ console.log("hopefully this is dialogue");
+ return this.character("name_only", cmd);
} else if (/^[A-Z]/.test(cmd)) {
console.log("cmd starts with caps, probably character");
return this.character(cmd, args[0]);
@@ -156,6 +160,7 @@ window.html5ks.api = {
}
},
+
window: function (action, transition) {
var windw = html5ks.elements.window,
deferred = when.defer();
@@ -167,12 +172,14 @@ window.html5ks.api = {
deferred.resolve(action);
return deferred.promise;
},
- // NOT iscene
+
+
scene: function (type, name) {
html5ks.elements.show.innerHTML = "";
return this.show.apply(this, arguments);
},
+
show: function (name, type, location) {
var deferred = when.defer();
var lookup = document.getElementById(name),
@@ -200,7 +207,7 @@ window.html5ks.api = {
bgleft: { xpos: 0.4, xanchor: 0.5, ypos: 1.0, yanchor: 1.0 },
bgright: { xpos: 0.6, xanchor: 0.5, ypos: 1.0, yanchor: 1.0 }
};
- var pos = positions[location] || positions["center"];
+ var pos = positions[location] || positions.center;
// TODO: implement transitions
if (pos) {
el.style.left = pos.xpos * 800 + "px";
@@ -213,38 +220,37 @@ window.html5ks.api = {
deferred.resolve();
};
el.onerror = function () {
- // TODO: check if img is really in images.js
- deferred.resolve();
+ deferred.reject();
};
var nom = name;
if (type) {
nom = name + "_" + type;
}
var image = html5ks.data.images[nom];
- if (typeof image == "undefined") {
- switch (name) {
- case "bg":
- image = "bgs/" + type + ".jpg";
- break;
- case "url":
- name = type;
- image = type;
- break;
- default:
- image = "sprites/" + name + "/" + (type && type.indexOf("_close") > -1 ? "close/" : "") + name + "_" + type + ".png";
- }
- }
- if (typeof image == "string") {
- if (image.substring(0,1) == "#") {
+ switch (typeof image) {
+ case "string":
+ el = document.createElement("div");
el.style.backgroundColor = image;
el.style.width = "100%";
el.style.height = "100%";
el.src = "";
deferred.resolve();
return deferred.promise;
- } else {
- image = {image: image};
- }
+ case "undefined":
+ switch (name) {
+ case "bg":
+ image = "bgs/" + type + ".jpg";
+ break;
+ case "url":
+ name = type;
+ image = type;
+ break;
+ default:
+ image = "sprites/" + name + "/" + (type && type.indexOf("_close") > -1 ? "close/" : "") + name + "_" + type + ".png";
+ }
+ }
+ if (typeof image === "string") {
+ image = {image: image};
}
var src = "";
if (html5ks.persistent.settings.useWebP) {
@@ -429,10 +435,10 @@ window.html5ks.api = {
menu: function (label) {
var deferred = when.defer(),
- menu = html5ks.data.script[label],
- char = menu[1],
- str = menu[2],
- choices = menu[3];
+ imenu = html5ks.data.script[label],
+ char = imenu[1],
+ str = imenu[2],
+ choices = imenu[3];
this.character(char, str, null, true);
var menu = html5ks.elements.choices,
frag = document.createDocumentFragment(),
@@ -442,14 +448,15 @@ window.html5ks.api = {
for (var i in choices) {
choice.innerHTML = i;
- choice.addEventListener("click", function () {
- html5ks.elements.choices.innerHTML = "";
- deferred.resolve(choices[this.innerHTML]);
- }, false);
frag.appendChild(choice);
choice = choice.cloneNode(false);
}
+ menu.addEventListener("click", function (e) {
+ html5ks.elements.choices.innerHTML = "";
+ deferred.resolve(choices[e.target.innerHTML]);
+ }, false);
+
html5ks.elements.choices.appendChild(frag);
return deferred.promise;
}
diff --git a/www/js/html5ks.js b/www/js/html5ks.js
index 8a174dc..182d08a 100644
--- a/www/js/html5ks.js
+++ b/www/js/html5ks.js
@@ -1,5 +1,4 @@
"use strict";
-console.log("HELP")
window.html5ks = {
data: {
script: {}
@@ -13,12 +12,14 @@ window.html5ks = {
skipUnread: false,
skipAfterChoices: false,
useWebP: null,
- fullscreen: true,
+ fullscreen: false,
+ scaleAll: true,
scaleVideo: true,
textSpeed: 0.5,
autoModeDelay: 0.2,
musicVolume: 1,
- sfxVolume: 1
+ sfxVolume: 1,
+ language: "en"
}
},
store: {
@@ -30,8 +31,10 @@ window.html5ks = {
},
},
state: {},
+ next: function () {},
initElements: function () {
this.elements = {
+ all: document.getElementById("all"),
container: document.getElementById("container"),
video: document.getElementById("vid"),
audio: {
@@ -49,8 +52,6 @@ window.html5ks = {
choices: document.getElementById("choices"),
show: document.getElementById("show")
};
- this.elements.audio.music.loop = true;
- this.elements.audio.ambient.loop = true;
},
load: function () {
if (localStorage.persistent) {
@@ -62,7 +63,7 @@ window.html5ks = {
localStorage.persistent = JSON.stringify(this.persistent);
},
scale: function () {
- if (html5ks.persistent.settings.fullscreen) {
+ if (html5ks.persistent.settings.scaleAll) {
var newScale = 1;
var height = document.documentElement.clientHeight,
width = document.documentElement.clientWidth;
@@ -95,18 +96,24 @@ window.html5ks = {
}
}
},
- next: function () {},
+ fullscreen: function () {
+ var all = html5ks.elements.all;
+ if (all.requestFullscreen) {
+ all.requestFullscreen();
+ } else if (all.mozRequestFullScreen) {
+ all.mozRequestFullScreen();
+ } else if (all.webkitRequestFullscreen) {
+ all.webkitRequestFullscreen();
+ }
+ },
initEvents: function () {
window.addEventListener("resize", html5ks.scale, false);
this.elements.container.addEventListener("mouseup", function () {
html5ks.next();
}, false);
- var deselect = function () {
- window.getSelection().collapse(this, 0);
- };
- document.body.addEventListener("mousemove", deselect, true);
- document.body.addEventListener("mouseup", deselect, true);
- document.body.addEventListener("keyup", deselect, true);
+ window.addEventListener("dragstart", function (e) {
+ e.preventDefault();
+ }, false);
},
warnUnsupported: function () {
if (!html5ks.persistent.settings.gotit) {
@@ -141,6 +148,12 @@ window.html5ks = {
}
this.api.init();
this.menu.init();
+ if (this.persistent.settings.fullscreen) {
+ document.body.addEventListener("click", function onclick() {
+ this.removeEventListener("click", onclick, false);
+ html5ks.fullscreen();
+ }, false);
+ }
},
winload: function () {
if (!this.loaded) {
diff --git a/www/js/menu.js b/www/js/menu.js
index 4259ce1..43d98c4 100644
--- a/www/js/menu.js
+++ b/www/js/menu.js
@@ -45,13 +45,13 @@
case "checkbox":
option.checked = values[option.id];
option.addEventListener("change", function () {
- values[this.id] = this.checked;
+ values[this.id] = this.checked;
}, false);
break;
case "range":
option.value = values[option.id];
option.addEventListener("change", function () {
- values[this.id] = this.value;
+ values[this.id] = this.value;
}, false);
break;
default: