2016-05-06 22:31:40 -05:00
|
|
|
Renderer = (function() {
|
|
|
|
var Renderer = {};
|
|
|
|
|
|
|
|
var renderer;
|
|
|
|
|
|
|
|
Renderer.init = function(next) {
|
|
|
|
renderer = PIXI.autoDetectRenderer(500, 280, {
|
|
|
|
antialias: false,
|
|
|
|
transparent: false,
|
|
|
|
resolution: 1
|
|
|
|
});
|
|
|
|
|
2016-05-14 17:52:19 -05:00
|
|
|
document.addEventListener("unload", function() {
|
|
|
|
renderer.destroy(true);
|
|
|
|
});
|
|
|
|
|
2016-05-07 03:00:25 -05:00
|
|
|
PIXI.SCALE_MODES.DEFAULT = PIXI.SCALE_MODES.NEAREST;
|
|
|
|
|
2016-05-06 22:31:40 -05:00
|
|
|
document.body.appendChild(renderer.view);
|
|
|
|
|
2016-05-08 18:26:36 -05:00
|
|
|
PIXI.loader.add([
|
|
|
|
"assets/sprites.json",
|
|
|
|
|
|
|
|
"assets/tiles/water.png",
|
|
|
|
"assets/tiles/waterback.png",
|
|
|
|
|
2016-05-09 22:25:22 -05:00
|
|
|
"assets/tiles/bg-mountains.png",
|
2016-05-14 17:35:03 -05:00
|
|
|
"assets/tiles/bg-save.png",
|
|
|
|
"assets/tiles/bg-cavern.png",
|
2016-05-16 21:52:42 -05:00
|
|
|
"assets/tiles/bg-boss.png",
|
2016-05-09 22:25:22 -05:00
|
|
|
|
2016-05-17 23:53:02 -05:00
|
|
|
"assets/cutscene/intro1.png",
|
|
|
|
"assets/cutscene/intro2.png",
|
|
|
|
"assets/cutscene/intro3.png",
|
|
|
|
|
|
|
|
"assets/cutscene/boss1.png",
|
|
|
|
"assets/cutscene/boss2.png",
|
|
|
|
"assets/cutscene/boss3.png",
|
|
|
|
|
2016-05-08 18:26:36 -05:00
|
|
|
"assets/type.fnt"
|
|
|
|
]).load(next);
|
2016-05-06 22:31:40 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
Renderer.sprite = function(name) {
|
2016-05-07 03:00:25 -05:00
|
|
|
var sprite = new PIXI.Sprite(PIXI.utils.TextureCache[name]);
|
|
|
|
sprite.anchor.set(0.5, 0.5);
|
|
|
|
return sprite;
|
2016-05-06 22:31:40 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
Renderer.animation = function(sprites) {
|
|
|
|
var anim = PIXI.extras.MovieClip.fromFrames(sprites);
|
2016-05-07 03:00:25 -05:00
|
|
|
anim.anchor.set(0.5, 0.5);
|
2016-05-06 22:31:40 -05:00
|
|
|
anim.speed = function(speed) {
|
|
|
|
anim.animationSpeed = speed/60;
|
|
|
|
return anim;
|
|
|
|
}
|
|
|
|
return anim;
|
|
|
|
}
|
|
|
|
|
2016-05-12 20:16:29 -05:00
|
|
|
Renderer.text = function(txt, x, y) {
|
|
|
|
var txt = new PIXI.extras.BitmapText(txt, {font: 'TYPE_FONT'});
|
|
|
|
txt.position.set(x, y);
|
|
|
|
return txt;
|
|
|
|
}
|
|
|
|
|
2016-05-15 15:29:28 -05:00
|
|
|
Renderer.typewriterText = function(text, x, y) {
|
|
|
|
var txt = Renderer.text("", x, y);
|
|
|
|
|
2016-05-16 21:52:42 -05:00
|
|
|
txt.spot = 0;
|
2016-05-15 15:29:28 -05:00
|
|
|
type();
|
|
|
|
|
|
|
|
return txt;
|
|
|
|
|
|
|
|
function type() {
|
2016-05-16 21:52:42 -05:00
|
|
|
txt.spot++;
|
2016-05-15 15:29:28 -05:00
|
|
|
|
2016-05-16 21:52:42 -05:00
|
|
|
txt.text = text.substring(0, txt.spot);
|
2016-05-15 15:29:28 -05:00
|
|
|
|
2016-05-16 21:52:42 -05:00
|
|
|
if (txt.spot < text.length) {
|
2016-05-15 15:29:28 -05:00
|
|
|
window.setTimeout(type, 40);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-05-06 22:31:40 -05:00
|
|
|
Renderer.show = function(stage) {
|
|
|
|
renderer.render(stage);
|
|
|
|
}
|
|
|
|
|
|
|
|
Renderer.skip = function() {
|
|
|
|
}
|
|
|
|
|
|
|
|
Renderer.frameskip = 1;
|
|
|
|
|
|
|
|
return Renderer;
|
|
|
|
})();
|