|  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     showGridlines = () => { | 
 |  |  |         this.hideGridlines(); | 
 |  |  |         if (!this.gridLineContainer) { | 
 |  |  |             this.gridLineContainer = generatePixiContainer('gridLineContainer'); | 
 |  |  |             this.app.stage.addChild(this.gridLineContainer); | 
 |  |  |         } | 
 |  |  |  | 
 |  |  |         const inte = 30; | 
 |  |  |         const lineDefaultAlpha = .5;; | 
 |  |  |         const lineDefaultAlpha = .1;; | 
 |  |  |         const lineDefaultColor = 0x000000; | 
 |  |  |         for (let i = 0; i < this.app.view.width / inte; i++) { | 
 |  |  |             const graphics = new PIXI.Graphics(); | 
 |  |  |             graphics.lineStyle(.3, lineDefaultColor, lineDefaultAlpha); | 
 |  |  |             graphics.lineStyle(1, lineDefaultColor, lineDefaultAlpha); | 
 |  |  |             graphics.beginFill(lineDefaultColor); | 
 |  |  |             graphics.moveTo(i * inte, 0); | 
 |  |  |             graphics.lineTo(i * inte, this.app.view.height); | 
 |  |  | 
 |  |  |  | 
 |  |  |         for (let i = 0; i < this.app.view.height / inte; i++) { | 
 |  |  |             const graphics = new PIXI.Graphics(); | 
 |  |  |             graphics.lineStyle(.3, lineDefaultColor, lineDefaultAlpha); | 
 |  |  |             graphics.lineStyle(1, lineDefaultColor, lineDefaultAlpha); | 
 |  |  |             graphics.beginFill(lineDefaultColor); | 
 |  |  |             graphics.moveTo(0, i * inte); | 
 |  |  |             graphics.lineTo(this.app.view.width, i * inte); |