www/corelib/classes/UserStateWidgetClass.js

   1 var UserStateWidgetClass = function(manager, args)\r
   2 {\r
   3         UserStateWidgetClass.base.apply(this, arguments);\r
   4         this.manager = manager;\r
   5         this.wCanvas = null;\r
   6         this.gContext = null;\r
   7         \r
   8 }.extend(WidgetClass, {\r
   9         attach: function(){\r
  10                 this.wCanvas = createCanvas("UserStateWidgetCanvas", 240, 80, 395, 5, 8, this.manager.mainArea);\r
  11                 this.gContext = this.wCanvas.getContext('2d');\r
  12                 this.gContext.globalAlpha = 1;\r
  13                 this.gContext.fillStyle = "rgba(255,240,200,0.25)";\r
  14                 this.gContext.strokeStyle = "rgba(128, 128, 128, 0.5)";\r
  15                 this.gContext.font = "normal 20px sans-serif";\r
  16         },\r
  17         detach: function(){\r
  18                 this.wCanvas = null;\r
  19                 this.gContext = null;\r
  20                 destroyDOMObjectByID("UserStateWidgetCanvas");\r
  21         },\r
  22         tick : function(){\r
  23                 return true;\r
  24         },\r
  25         \r
  26         draw : function(){\r
  27                 if(this.manager.runningStage && this.manager.runningStage.userControlledCharacter){\r
  28                         this.gContext.fillStyle = "rgba(255,255,255,0.25)";\r
  29                         this.gContext.clearRect(this.gContext, 0, 0, this.wCanvas.width, this.wCanvas.height);\r
  30                         strokeRect(this.gContext, 0, 0, this.wCanvas.width, this.wCanvas.height);\r
  31                         fillRect(this.gContext, 0, 0, this.wCanvas.width, this.wCanvas.height);\r
  32                         drawText(this.gContext, this.manager.userManager.getUserNameByUID(this.manager.userID), 4, 4);\r
  33                         drawText(this.gContext, "HP :", 24, 24);\r
  34                         this.gContext.fillStyle = "rgba(255,200,200,1)";\r
  35                         fillRect(this.gContext, 70, 32, (this.wCanvas.width - 100) * (this.manager.runningStage.userControlledCharacter.HP / this.manager.runningStage.userControlledCharacter.max_HP), 10);\r
  36                         strokeRect(this.gContext, 70, 32, this.wCanvas.width - 100, 10);\r
  37                 }\r
  38         },\r
  39 });