Update memory-manager-concurrent

games/mario/super-mario-bros/display.js

@@ -0,0 +1,88 @@
+(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);