mirror of
https://github.com/Cola-Echo/memory-manager-concurrent.git
synced 2026-06-06 12:25:53 +00:00
88 lines
2.4 KiB
JavaScript
88 lines
2.4 KiB
JavaScript
(function() {
|
||
|
||
/**
|
||
*
|
||
* Backbone Game Engine - An elementary HTML5 canvas game engine using Backbone.
|
||
*
|
||
* Copyright (c) 2014 Martin Drapeau
|
||
* https://github.com/martindrapeau/backbone-game-engine
|
||
*
|
||
*/
|
||
|
||
Backbone.Display = Backbone.Model.extend({
|
||
defaults: {
|
||
pennies: 0
|
||
},
|
||
initialize: function(attributes, options) {
|
||
options || (options = {});
|
||
this.world = options.world;
|
||
|
||
this.pennieSprite = new Backbone.AnimatedTile({
|
||
name: "pennie",
|
||
type: "character",
|
||
x: 150,
|
||
y: 4,
|
||
width: 32,
|
||
height: 32,
|
||
spriteSheet: "tiles",
|
||
state: "idle"
|
||
});
|
||
this.pennieSprite.animations = {
|
||
idle: {
|
||
sequences: [52, 52, 53, 54, 53, 52],
|
||
delay: 50,
|
||
scaleX: 0.75,
|
||
scaleY: 0.75
|
||
}
|
||
};
|
||
|
||
this.on("attach", this.onAttach, this);
|
||
this.on("detach", this.onDetach, this);
|
||
},
|
||
onAttach: function() {
|
||
this.pennieSprite.engine = this.engine;
|
||
this.pennieSprite.trigger("attach");
|
||
this.listenTo(this.world.dynamicSprites, "remove", this.onPennieRemoved);
|
||
this.pennieSprite.set({x: this.engine.canvas.width/2 - 30});
|
||
},
|
||
onDetach: function() {
|
||
this.pennieSprite.trigger("detach");
|
||
this.pennieSprite.engine = undefined;
|
||
this.stopListening();
|
||
},
|
||
update: function(dt) {
|
||
return true;
|
||
},
|
||
draw: function(context) {
|
||
|
||
var text = "×" + (this.attributes.pennies < 10 ? "0" : "") + this.attributes.pennies;
|
||
context.fillStyle = "#fff";
|
||
context.font = "20px arcade, Verdana, Arial, Sans-Serif";
|
||
context.textBaseline = "top";
|
||
context.fontWeight = "normal";
|
||
|
||
context.textAlign = "left";
|
||
context.fillText(text, context.canvas.width/2 - 100, 12);
|
||
|
||
this.pennieSprite.draw.call(this.pennieSprite, context);
|
||
|
||
context.textAlign = "right";
|
||
context.fillText(this.world.attributes.name.replace(/_/g, " "), context.canvas.width - 100, 12);
|
||
|
||
return this;
|
||
},
|
||
onPennieRemoved: function(sprite) {
|
||
if (this.world.get("state") != "play") return;
|
||
|
||
var name = sprite.get("name"),
|
||
pennies = this.get("pennies");
|
||
|
||
if (name.indexOf("pennie") != -1) {
|
||
pennies += 1;
|
||
if (pennies > 99) pennies = 0;
|
||
this.set("pennies", pennies);
|
||
}
|
||
}
|
||
});
|
||
|
||
}).call(this); |