After defining things more clearly yesterday I offer this version of an arrivals component. Here’s how it’s supposed to work.<\/p>\n
The component is created using an external call.<\/p>\n
The graphic properties are initialized using a separate call to All values needed to display the component’s status are declared as properties.<\/p>\n All of the initialization, display, and activity code is folded directly into the element’s object definition.<\/p>\n It has not been debugged and run yet so there are doubtless some errors and omissions. Remember that any updates to the display involve clearing the screen and cycling through all of the objects to get them to draw themselves. This being the case the call to draw things should not be evoked as shown here. Rather, a global redraw flag should be set which initiates that process if appropriate when events are pulled from the future events queue or current events queue.<\/p>\n After defining things more clearly yesterday I offer this version of an arrivals component. Here’s how it’s supposed to work. The component is created using an external call. The graphic properties are initialized using a separate call to this.basicDefine. Most … Continue reading this.basicDefine<\/code>. Most of the graphic characteristics are fixed; only the location and colors can be changed. Once we’re done debugging this capability would no longer be needed, but for now it demonstrates something of the separation between the model and what is displayed. The method to draw the component is this.basicDisplay<\/code>, and it should be called whenever the status is updated.<\/p>\nthis.blockIncrement<\/code> is called using the discrete-event mechanism to generate the entities for that time span.<\/p>\nthis.entityStatus<\/code> is called when the generated entities wake up for the first time. The entities have to be able to refer back to the generator that created them in order to display the activation status in this way.<\/p>\nthis.destroy<\/code> is probably not needed, but is included for completeness and because good housekeeping is usually desirable.<\/p>\nthis.activate<\/code> is the standard discrete-event activity mechanism for timed activities.<\/p>\n\r\n var globalCTX;\r\n\r\n \/\/function to generate new entities\r\n this.generateNewEntity = function(generator,start) {\r\n \/\/generator is an arrivals component\r\n \/\/start is an initial activation time\r\n var newEntity = new entityA(start);\r\n setOfEntities.push(newEntity);\r\n generator.entityStatus();\r\n }\r\n\r\n \/\/Arrivals component: generates entities that will be processed by the model\r\n function arrivalsComponent(scheduleBlockMinutes,scheduleArray) {\r\n setOfEntities.push(this);\r\n this.componentID = getNewID();\r\n this.componentName = \"arrivals\";\r\n this.startBlockTime = globalSimClock;\r\n this.incrementTime = scheduleBlockMinutes;\r\n this.endBlockTime = globalSimClock + this.incrementTime;\r\n this.entitiesScheduled = 0;\r\n this.entitiesRemaining = 0;\r\n this.currentEntityID = \"\";\r\n this.activity = \"creation\";\r\n this.scheduleIndex = 0;\r\n this.endTime = endSimTime;\r\n this.nextState = \"increment\";\r\n feq.newItem(globalSimClock,this); \/\/assume all components created at time zero\r\n this.basicDefine = function(x,y,cs,cl,cv,ctx) {\r\n this.xLocation = x;\r\n this.yLocation = y;\r\n this.width = 150;\r\n this.height = 112;\r\n this.colorShape = cs;\r\n this.colorLabels = cl;\r\n this.colorValues = cv;\r\n this.ctx = ctx; \/\/ctx is a canvas context handle\r\n }\r\n this.basicDisplay = function() {\r\n this.ctx.strokeStyle = this.colorShape;\r\n this.ctx.beginPath();\r\n this.ctx.moveTo(this.xLocation+0.5,this.yLocation+0.5);\r\n this.ctx.lineTo(this.xLocation+this.width+0.5,this.yLocation+0.5);\r\n this.ctx.lineTo(this.xLocation+this.width+0.5,this.yLocation+this.height+0.5);\r\n this.ctx.lineTo(this.xLocation+0.5,this.yLocation+this.height+0.5);\r\n this.ctx.lineTo(this.xLocation+0.5,this.yLocation+0.5);\r\n this.ctx.stroke();\r\n this.ctx.font = \"12px Arial\";\r\n this.ctx.fillStyle = this.colorLabels;\r\n this.ctx.textAlign = \"center\";\r\n this.ctx.fillText(this.componentName,x+(this.width*0.5),y+12);\r\n this.ctx.textAlign = \"right\";\r\n this.ctx.fillText(\"Comp. ID:\",this.xLocation+78,this.yLocation+24);\r\n this.ctx.fillText(\"Start Time:\",this.xLocation+78,this.yLocation+36);\r\n this.ctx.fillText(\"Current Time:\",this.xLocation+78,this.yLocation+48);\r\n this.ctx.fillText(\"End Time:\",this.xLocation+78,this.yLocation+60);\r\n this.ctx.fillText(\"# Entities:\",this.xLocation+78,this.yLocation+72);\r\n this.ctx.fillText(\"# Remaining:\",this.xLocation+78,this.yLocation+84);\r\n this.ctx.fillText(\"Entity ID:\",this.xLocation+78,this.yLocation+96);\r\n this.ctx.fillText(\"Activity:\",this.xLocation+78,this.yLocation+108);\r\n this.ctx.fillStyle = this.colorValues;\r\n this.ctx.textAlign = \"left\";\r\n this.ctx.fillText(this.componentID,this.xLocation+83,this.yLocation+24);\r\n this.ctx.fillText(this.startBlockTime.toFixed(5),this.xLocation+83,this.yLocation+36);\r\n this.ctx.fillText(globalSimClock.toFixed(5),this.xLocation+83,this.yLocation+48);\r\n this.ctx.fillText(this.endBlockTime.toFixed(0),this.xLocation+83,this.yLocation+60);\r\n this.ctx.fillText(this.entitiesScheduled.toFixed(0),this.xLocation+83,this.yLocation+72);\r\n this.ctx.fillText(this.entitiesRemaining,this.xLocation+83,this.yLocation+84);\r\n this.ctx.fillText(this.currentEntityID,this.xLocation+83,this.yLocation+96);\r\n this.ctx.fillText(activity,this.xLocation+83,this.yLocation+108);\r\n };\r\n this.entityStatus = function(entity) {\r\n this.currentEntityID = entity.entityID;\r\n this.activity = \"activate\";\r\n this.entitiesRemaining--;\r\n \/\/this.basicDisplay(ctx); \/\/set global redraw flag instead\r\n };\r\n this.blockIncrement = function() { \/\/should be called at the beginning of every time block\r\n \/\/get arrival count per array index\r\n this.entitiesScheduled = scheduleArray[this.scheduleIndex];\r\n if (this.entitiesScheduled > 0) {\r\n var arrivalArray = [];\r\n for (var i=0; i