diff --git a/src/main.js b/src/main.js index 338a9cf..bec3a3a 100644 --- a/src/main.js +++ b/src/main.js @@ -7,8 +7,8 @@ export class App { #version; constructor( - w, - h, + width, + height, options = { backgroundColor: '#ffcc68', welcome: true, @@ -16,12 +16,12 @@ export class App { ) { this.#version = 'beeeeeeta'; + // Create CANVAS element this.view = document.createElement('canvas'); - this.canvas = this.view; this.context = this.canvas.getContext('2d'); - this.options = options; + this.options = options; // check options || FIXIT: if (typeof this.options.backgroundColor === 'undefined') { this.options.backgroundColor = '#ffcc68'; @@ -30,8 +30,7 @@ export class App { this.options.welcome = true; } - this.scene = new Scene(this.canvas, this.context, w, h); - Settings.fpsPrevTime = Date.now(); + this.scene = new Scene(this.canvas, this.context, width, height); const logStrings = [ 'ujs engine', @@ -47,7 +46,9 @@ export class App { } Pointer.init(); + Settings.fpsPrevTime = Date.now(); + // Start :) this.run(); } @@ -58,18 +59,14 @@ export class App { Settings.fpsPrevTime = fpsNewTime; Settings.fps = Math.round(1 / Settings.fpsDelta); - // clear canvas + // Clear canvas this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); - // fill canvas + // Fill canvas by default background color this.context.fillStyle = this.options.backgroundColor; this.context.fillRect(0, 0, this.canvas.width, this.canvas.height); - // draw border - this.context.strokeStyle = '#101024'; - this.context.lineWidth = 1; - this.context.strokeRect(5, 5, this.canvas.width - 10, this.canvas.height - 10); - + // Draw scene this.scene.run(); requestAnimationFrame(this.run);