{ "type": "File", "start": 0, "end": 2163, "loc": { "start": { "line": 1, "column": 0 }, "end": { "line": 69, "column": 26 } }, "program": { "type": "Program", "start": 0, "end": 2163, "loc": { "start": { "line": 1, "column": 0 }, "end": { "line": 69, "column": 26 } }, "sourceType": "module", "body": [ { "type": "ImportDeclaration", "start": 0, "end": 32, "loc": { "start": { "line": 1, "column": 0 }, "end": { "line": 1, "column": 32 } }, "specifiers": [ { "type": "ImportDefaultSpecifier", "start": 7, "end": 14, "loc": { "start": { "line": 1, "column": 7 }, "end": { "line": 1, "column": 14 } }, "local": { "type": "Identifier", "start": 7, "end": 14, "loc": { "start": { "line": 1, "column": 7 }, "end": { "line": 1, "column": 14 }, "identifierName": "Manager" }, "name": "Manager" } } ], "source": { "type": "StringLiteral", "start": 20, "end": 31, "loc": { "start": { "line": 1, "column": 20 }, "end": { "line": 1, "column": 31 } }, "extra": { "rawValue": "./Manager", "raw": "'./Manager'" }, "value": "./Manager" }, "trailingComments": [ { "type": "CommentBlock", "value": "*\n * Manages the connection between the DOM and the Game & Engine.\n * \n * The DOMManager sets up and holds reference to the DOM elements required to display the game.\n ", "start": 34, "end": 206, "loc": { "start": { "line": 3, "column": 0 }, "end": { "line": 7, "column": 3 } } } ] }, { "type": "ExportNamedDeclaration", "start": 207, "end": 2046, "loc": { "start": { "line": 8, "column": 0 }, "end": { "line": 63, "column": 1 } }, "specifiers": [], "source": null, "declaration": { "type": "ClassDeclaration", "start": 214, "end": 2046, "loc": { "start": { "line": 8, "column": 7 }, "end": { "line": 63, "column": 1 } }, "id": { "type": "Identifier", "start": 220, "end": 231, "loc": { "start": { "line": 8, "column": 13 }, "end": { "line": 8, "column": 24 }, "identifierName": "_DOMManager" }, "name": "_DOMManager", "leadingComments": null }, "superClass": { "type": "Identifier", "start": 240, "end": 247, "loc": { "start": { "line": 8, "column": 33 }, "end": { "line": 8, "column": 40 }, "identifierName": "Manager" }, "name": "Manager" }, "body": { "type": "ClassBody", "start": 248, "end": 2046, "loc": { "start": { "line": 8, "column": 41 }, "end": { "line": 63, "column": 1 } }, "body": [ { "type": "ClassMethod", "start": 339, "end": 558, "loc": { "start": { "line": 12, "column": 4 }, "end": { "line": 21, "column": 5 } }, "static": false, "computed": false, "key": { "type": "Identifier", "start": 339, "end": 350, "loc": { "start": { "line": 12, "column": 4 }, "end": { "line": 12, "column": 15 }, "identifierName": "constructor" }, "name": "constructor", "leadingComments": null }, "kind": "constructor", "id": null, "generator": false, "expression": false, "async": false, "params": [], "body": { "type": "BlockStatement", "start": 353, "end": 558, "loc": { "start": { "line": 12, "column": 18 }, "end": { "line": 21, "column": 5 } }, "body": [ { "type": "ExpressionStatement", "start": 363, "end": 371, "loc": { "start": { "line": 13, "column": 8 }, "end": { "line": 13, "column": 16 } }, "expression": { "type": "CallExpression", "start": 363, "end": 370, "loc": { "start": { "line": 13, "column": 8 }, "end": { "line": 13, "column": 15 } }, "callee": { "type": "Super", "start": 363, "end": 368, "loc": { "start": { "line": 13, "column": 8 }, "end": { "line": 13, "column": 13 } } }, "arguments": [] } }, { "type": "ExpressionStatement", "start": 380, "end": 399, "loc": { "start": { "line": 14, "column": 8 }, "end": { "line": 14, "column": 27 } }, "expression": { "type": "AssignmentExpression", "start": 380, "end": 398, "loc": { "start": { "line": 14, "column": 8 }, "end": { "line": 14, "column": 26 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 380, "end": 391, "loc": { "start": { "line": 14, "column": 8 }, "end": { "line": 14, "column": 19 } }, "object": { "type": "ThisExpression", "start": 380, "end": 384, "loc": { "start": { "line": 14, "column": 8 }, "end": { "line": 14, "column": 12 } } }, "property": { "type": "Identifier", "start": 385, "end": 391, "loc": { "start": { "line": 14, "column": 13 }, "end": { "line": 14, "column": 19 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "right": { "type": "NullLiteral", "start": 394, "end": 398, "loc": { "start": { "line": 14, "column": 22 }, "end": { "line": 14, "column": 26 } } } } }, { "type": "ExpressionStatement", "start": 408, "end": 423, "loc": { "start": { "line": 15, "column": 8 }, "end": { "line": 15, "column": 23 } }, "expression": { "type": "AssignmentExpression", "start": 408, "end": 422, "loc": { "start": { "line": 15, "column": 8 }, "end": { "line": 15, "column": 22 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 408, "end": 415, "loc": { "start": { "line": 15, "column": 8 }, "end": { "line": 15, "column": 15 } }, "object": { "type": "ThisExpression", "start": 408, "end": 412, "loc": { "start": { "line": 15, "column": 8 }, "end": { "line": 15, "column": 12 } } }, "property": { "type": "Identifier", "start": 413, "end": 415, "loc": { "start": { "line": 15, "column": 13 }, "end": { "line": 15, "column": 15 }, "identifierName": "GL" }, "name": "GL" }, "computed": false }, "right": { "type": "NullLiteral", "start": 418, "end": 422, "loc": { "start": { "line": 15, "column": 18 }, "end": { "line": 15, "column": 22 } } } } }, { "type": "ExpressionStatement", "start": 433, "end": 454, "loc": { "start": { "line": 17, "column": 8 }, "end": { "line": 17, "column": 29 } }, "expression": { "type": "AssignmentExpression", "start": 433, "end": 453, "loc": { "start": { "line": 17, "column": 8 }, "end": { "line": 17, "column": 28 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 433, "end": 449, "loc": { "start": { "line": 17, "column": 8 }, "end": { "line": 17, "column": 24 } }, "object": { "type": "ThisExpression", "start": 433, "end": 437, "loc": { "start": { "line": 17, "column": 8 }, "end": { "line": 17, "column": 12 } } }, "property": { "type": "Identifier", "start": 438, "end": 449, "loc": { "start": { "line": 17, "column": 13 }, "end": { "line": 17, "column": 24 }, "identifierName": "canvasWidth" }, "name": "canvasWidth" }, "computed": false }, "right": { "type": "NumericLiteral", "start": 452, "end": 453, "loc": { "start": { "line": 17, "column": 27 }, "end": { "line": 17, "column": 28 } }, "extra": { "rawValue": 0, "raw": "0" }, "value": 0 } } }, { "type": "ExpressionStatement", "start": 463, "end": 485, "loc": { "start": { "line": 18, "column": 8 }, "end": { "line": 18, "column": 30 } }, "expression": { "type": "AssignmentExpression", "start": 463, "end": 484, "loc": { "start": { "line": 18, "column": 8 }, "end": { "line": 18, "column": 29 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 463, "end": 480, "loc": { "start": { "line": 18, "column": 8 }, "end": { "line": 18, "column": 25 } }, "object": { "type": "ThisExpression", "start": 463, "end": 467, "loc": { "start": { "line": 18, "column": 8 }, "end": { "line": 18, "column": 12 } } }, "property": { "type": "Identifier", "start": 468, "end": 480, "loc": { "start": { "line": 18, "column": 13 }, "end": { "line": 18, "column": 25 }, "identifierName": "canvasHeight" }, "name": "canvasHeight" }, "computed": false }, "right": { "type": "NumericLiteral", "start": 483, "end": 484, "loc": { "start": { "line": 18, "column": 28 }, "end": { "line": 18, "column": 29 } }, "extra": { "rawValue": 0, "raw": "0" }, "value": 0 } } }, { "type": "ExpressionStatement", "start": 494, "end": 518, "loc": { "start": { "line": 19, "column": 8 }, "end": { "line": 19, "column": 32 } }, "expression": { "type": "AssignmentExpression", "start": 494, "end": 517, "loc": { "start": { "line": 19, "column": 8 }, "end": { "line": 19, "column": 31 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 494, "end": 513, "loc": { "start": { "line": 19, "column": 8 }, "end": { "line": 19, "column": 27 } }, "object": { "type": "ThisExpression", "start": 494, "end": 498, "loc": { "start": { "line": 19, "column": 8 }, "end": { "line": 19, "column": 12 } } }, "property": { "type": "Identifier", "start": 499, "end": 513, "loc": { "start": { "line": 19, "column": 13 }, "end": { "line": 19, "column": 27 }, "identifierName": "canvasDPIWidth" }, "name": "canvasDPIWidth" }, "computed": false }, "right": { "type": "NumericLiteral", "start": 516, "end": 517, "loc": { "start": { "line": 19, "column": 30 }, "end": { "line": 19, "column": 31 } }, "extra": { "rawValue": 0, "raw": "0" }, "value": 0 } } }, { "type": "ExpressionStatement", "start": 527, "end": 552, "loc": { "start": { "line": 20, "column": 8 }, "end": { "line": 20, "column": 33 } }, "expression": { "type": "AssignmentExpression", "start": 527, "end": 551, "loc": { "start": { "line": 20, "column": 8 }, "end": { "line": 20, "column": 32 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 527, "end": 547, "loc": { "start": { "line": 20, "column": 8 }, "end": { "line": 20, "column": 28 } }, "object": { "type": "ThisExpression", "start": 527, "end": 531, "loc": { "start": { "line": 20, "column": 8 }, "end": { "line": 20, "column": 12 } } }, "property": { "type": "Identifier", "start": 532, "end": 547, "loc": { "start": { "line": 20, "column": 13 }, "end": { "line": 20, "column": 28 }, "identifierName": "canvasDPIHeight" }, "name": "canvasDPIHeight" }, "computed": false }, "right": { "type": "NumericLiteral", "start": 550, "end": 551, "loc": { "start": { "line": 20, "column": 31 }, "end": { "line": 20, "column": 32 } }, "extra": { "rawValue": 0, "raw": "0" }, "value": 0 } } } ], "directives": [], "trailingComments": null }, "leadingComments": [ { "type": "CommentBlock", "value": "*\n * Initializes defaults for the DOMManager to hold once started.\n ", "start": 254, "end": 334, "loc": { "start": { "line": 9, "column": 4 }, "end": { "line": 11, "column": 7 } } } ], "trailingComments": [ { "type": "CommentBlock", "value": "*\n * Loads the canvas & setup for WebGL.\n ", "start": 564, "end": 618, "loc": { "start": { "line": 23, "column": 4 }, "end": { "line": 25, "column": 7 } } } ] }, { "type": "ClassMethod", "start": 623, "end": 688, "loc": { "start": { "line": 26, "column": 4 }, "end": { "line": 29, "column": 5 } }, "static": false, "computed": false, "key": { "type": "Identifier", "start": 623, "end": 628, "loc": { "start": { "line": 26, "column": 4 }, "end": { "line": 26, "column": 9 }, "identifierName": "start" }, "name": "start", "leadingComments": null }, "kind": "method", "id": null, "generator": false, "expression": false, "async": false, "params": [], "body": { "type": "BlockStatement", "start": 631, "end": 688, "loc": { "start": { "line": 26, "column": 12 }, "end": { "line": 29, "column": 5 } }, "body": [ { "type": "ExpressionStatement", "start": 641, "end": 659, "loc": { "start": { "line": 27, "column": 8 }, "end": { "line": 27, "column": 26 } }, "expression": { "type": "CallExpression", "start": 641, "end": 658, "loc": { "start": { "line": 27, "column": 8 }, "end": { "line": 27, "column": 25 } }, "callee": { "type": "MemberExpression", "start": 641, "end": 656, "loc": { "start": { "line": 27, "column": 8 }, "end": { "line": 27, "column": 23 } }, "object": { "type": "ThisExpression", "start": 641, "end": 645, "loc": { "start": { "line": 27, "column": 8 }, "end": { "line": 27, "column": 12 } } }, "property": { "type": "Identifier", "start": 646, "end": 656, "loc": { "start": { "line": 27, "column": 13 }, "end": { "line": 27, "column": 23 }, "identifierName": "loadCanvas" }, "name": "loadCanvas" }, "computed": false }, "arguments": [] } }, { "type": "ExpressionStatement", "start": 668, "end": 682, "loc": { "start": { "line": 28, "column": 8 }, "end": { "line": 28, "column": 22 } }, "expression": { "type": "CallExpression", "start": 668, "end": 681, "loc": { "start": { "line": 28, "column": 8 }, "end": { "line": 28, "column": 21 } }, "callee": { "type": "MemberExpression", "start": 668, "end": 679, "loc": { "start": { "line": 28, "column": 8 }, "end": { "line": 28, "column": 19 } }, "object": { "type": "ThisExpression", "start": 668, "end": 672, "loc": { "start": { "line": 28, "column": 8 }, "end": { "line": 28, "column": 12 } } }, "property": { "type": "Identifier", "start": 673, "end": 679, "loc": { "start": { "line": 28, "column": 13 }, "end": { "line": 28, "column": 19 }, "identifierName": "adjust" }, "name": "adjust" }, "computed": false }, "arguments": [] } } ], "directives": [], "trailingComments": null }, "leadingComments": [ { "type": "CommentBlock", "value": "*\n * Loads the canvas & setup for WebGL.\n ", "start": 564, "end": 618, "loc": { "start": { "line": 23, "column": 4 }, "end": { "line": 25, "column": 7 } } } ], "trailingComments": [ { "type": "CommentBlock", "value": "*\n * Loads the canvas & sets up a WebGL2 context to be used by the engine by the id 'game'. If nothing is happening on screen,\n * ensure that the canvas you are using has this id in its HTML tag.\n ", "start": 698, "end": 911, "loc": { "start": { "line": 31, "column": 4 }, "end": { "line": 34, "column": 7 } } } ] }, { "type": "ClassMethod", "start": 916, "end": 1498, "loc": { "start": { "line": 35, "column": 4 }, "end": { "line": 46, "column": 5 } }, "static": false, "computed": false, "key": { "type": "Identifier", "start": 916, "end": 926, "loc": { "start": { "line": 35, "column": 4 }, "end": { "line": 35, "column": 14 }, "identifierName": "loadCanvas" }, "name": "loadCanvas", "leadingComments": null }, "kind": "method", "id": null, "generator": false, "expression": false, "async": false, "params": [], "body": { "type": "BlockStatement", "start": 929, "end": 1498, "loc": { "start": { "line": 35, "column": 17 }, "end": { "line": 46, "column": 5 } }, "body": [ { "type": "ExpressionStatement", "start": 939, "end": 985, "loc": { "start": { "line": 36, "column": 8 }, "end": { "line": 36, "column": 54 } }, "expression": { "type": "AssignmentExpression", "start": 939, "end": 984, "loc": { "start": { "line": 36, "column": 8 }, "end": { "line": 36, "column": 53 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 939, "end": 950, "loc": { "start": { "line": 36, "column": 8 }, "end": { "line": 36, "column": 19 } }, "object": { "type": "ThisExpression", "start": 939, "end": 943, "loc": { "start": { "line": 36, "column": 8 }, "end": { "line": 36, "column": 12 } } }, "property": { "type": "Identifier", "start": 944, "end": 950, "loc": { "start": { "line": 36, "column": 13 }, "end": { "line": 36, "column": 19 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "right": { "type": "CallExpression", "start": 953, "end": 984, "loc": { "start": { "line": 36, "column": 22 }, "end": { "line": 36, "column": 53 } }, "callee": { "type": "MemberExpression", "start": 953, "end": 976, "loc": { "start": { "line": 36, "column": 22 }, "end": { "line": 36, "column": 45 } }, "object": { "type": "Identifier", "start": 953, "end": 961, "loc": { "start": { "line": 36, "column": 22 }, "end": { "line": 36, "column": 30 }, "identifierName": "document" }, "name": "document" }, "property": { "type": "Identifier", "start": 962, "end": 976, "loc": { "start": { "line": 36, "column": 31 }, "end": { "line": 36, "column": 45 }, "identifierName": "getElementById" }, "name": "getElementById" }, "computed": false }, "arguments": [ { "type": "StringLiteral", "start": 977, "end": 983, "loc": { "start": { "line": 36, "column": 46 }, "end": { "line": 36, "column": 52 } }, "extra": { "rawValue": "game", "raw": "'game'" }, "value": "game" } ] } } }, { "type": "IfStatement", "start": 994, "end": 1107, "loc": { "start": { "line": 37, "column": 8 }, "end": { "line": 38, "column": 88 } }, "test": { "type": "BinaryExpression", "start": 998, "end": 1017, "loc": { "start": { "line": 37, "column": 12 }, "end": { "line": 37, "column": 31 } }, "left": { "type": "MemberExpression", "start": 998, "end": 1009, "loc": { "start": { "line": 37, "column": 12 }, "end": { "line": 37, "column": 23 } }, "object": { "type": "ThisExpression", "start": 998, "end": 1002, "loc": { "start": { "line": 37, "column": 12 }, "end": { "line": 37, "column": 16 } } }, "property": { "type": "Identifier", "start": 1003, "end": 1009, "loc": { "start": { "line": 37, "column": 17 }, "end": { "line": 37, "column": 23 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "operator": "==", "right": { "type": "NullLiteral", "start": 1013, "end": 1017, "loc": { "start": { "line": 37, "column": 27 }, "end": { "line": 37, "column": 31 } } } }, "consequent": { "type": "ExpressionStatement", "start": 1031, "end": 1107, "loc": { "start": { "line": 38, "column": 12 }, "end": { "line": 38, "column": 88 } }, "expression": { "type": "CallExpression", "start": 1031, "end": 1106, "loc": { "start": { "line": 38, "column": 12 }, "end": { "line": 38, "column": 87 } }, "callee": { "type": "MemberExpression", "start": 1031, "end": 1044, "loc": { "start": { "line": 38, "column": 12 }, "end": { "line": 38, "column": 25 } }, "object": { "type": "Identifier", "start": 1031, "end": 1038, "loc": { "start": { "line": 38, "column": 12 }, "end": { "line": 38, "column": 19 }, "identifierName": "console" }, "name": "console" }, "property": { "type": "Identifier", "start": 1039, "end": 1044, "loc": { "start": { "line": 38, "column": 20 }, "end": { "line": 38, "column": 25 }, "identifierName": "error" }, "name": "error" }, "computed": false }, "arguments": [ { "type": "StringLiteral", "start": 1045, "end": 1105, "loc": { "start": { "line": 38, "column": 26 }, "end": { "line": 38, "column": 86 } }, "extra": { "rawValue": "Error finding DOM Canvas. The canvas requires an id='game'", "raw": "\"Error finding DOM Canvas. The canvas requires an id='game'\"" }, "value": "Error finding DOM Canvas. The canvas requires an id='game'" } ] } }, "alternate": null }, { "type": "ExpressionStatement", "start": 1116, "end": 1260, "loc": { "start": { "line": 39, "column": 8 }, "end": { "line": 39, "column": 152 } }, "expression": { "type": "AssignmentExpression", "start": 1116, "end": 1259, "loc": { "start": { "line": 39, "column": 8 }, "end": { "line": 39, "column": 151 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1116, "end": 1123, "loc": { "start": { "line": 39, "column": 8 }, "end": { "line": 39, "column": 15 } }, "object": { "type": "ThisExpression", "start": 1116, "end": 1120, "loc": { "start": { "line": 39, "column": 8 }, "end": { "line": 39, "column": 12 } } }, "property": { "type": "Identifier", "start": 1121, "end": 1123, "loc": { "start": { "line": 39, "column": 13 }, "end": { "line": 39, "column": 15 }, "identifierName": "GL" }, "name": "GL" }, "computed": false }, "right": { "type": "CallExpression", "start": 1126, "end": 1259, "loc": { "start": { "line": 39, "column": 18 }, "end": { "line": 39, "column": 151 } }, "callee": { "type": "MemberExpression", "start": 1126, "end": 1148, "loc": { "start": { "line": 39, "column": 18 }, "end": { "line": 39, "column": 40 } }, "object": { "type": "MemberExpression", "start": 1126, "end": 1137, "loc": { "start": { "line": 39, "column": 18 }, "end": { "line": 39, "column": 29 } }, "object": { "type": "ThisExpression", "start": 1126, "end": 1130, "loc": { "start": { "line": 39, "column": 18 }, "end": { "line": 39, "column": 22 } } }, "property": { "type": "Identifier", "start": 1131, "end": 1137, "loc": { "start": { "line": 39, "column": 23 }, "end": { "line": 39, "column": 29 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "property": { "type": "Identifier", "start": 1138, "end": 1148, "loc": { "start": { "line": 39, "column": 30 }, "end": { "line": 39, "column": 40 }, "identifierName": "getContext" }, "name": "getContext" }, "computed": false }, "arguments": [ { "type": "StringLiteral", "start": 1149, "end": 1157, "loc": { "start": { "line": 39, "column": 41 }, "end": { "line": 39, "column": 49 } }, "extra": { "rawValue": "webgl2", "raw": "'webgl2'" }, "value": "webgl2" }, { "type": "ObjectExpression", "start": 1159, "end": 1258, "loc": { "start": { "line": 39, "column": 51 }, "end": { "line": 39, "column": 150 } }, "properties": [ { "type": "ObjectProperty", "start": 1160, "end": 1172, "loc": { "start": { "line": 39, "column": 52 }, "end": { "line": 39, "column": 64 } }, "method": false, "shorthand": false, "computed": false, "key": { "type": "Identifier", "start": 1160, "end": 1165, "loc": { "start": { "line": 39, "column": 52 }, "end": { "line": 39, "column": 57 }, "identifierName": "alpha" }, "name": "alpha" }, "value": { "type": "BooleanLiteral", "start": 1167, "end": 1172, "loc": { "start": { "line": 39, "column": 59 }, "end": { "line": 39, "column": 64 } }, "value": false } }, { "type": "ObjectProperty", "start": 1174, "end": 1190, "loc": { "start": { "line": 39, "column": 66 }, "end": { "line": 39, "column": 82 } }, "method": false, "shorthand": false, "computed": false, "key": { "type": "Identifier", "start": 1174, "end": 1183, "loc": { "start": { "line": 39, "column": 66 }, "end": { "line": 39, "column": 75 }, "identifierName": "antialias" }, "name": "antialias" }, "value": { "type": "BooleanLiteral", "start": 1185, "end": 1190, "loc": { "start": { "line": 39, "column": 77 }, "end": { "line": 39, "column": 82 } }, "value": false } }, { "type": "ObjectProperty", "start": 1192, "end": 1227, "loc": { "start": { "line": 39, "column": 84 }, "end": { "line": 39, "column": 119 } }, "method": false, "shorthand": false, "computed": false, "key": { "type": "Identifier", "start": 1192, "end": 1207, "loc": { "start": { "line": 39, "column": 84 }, "end": { "line": 39, "column": 99 }, "identifierName": "powerPreference" }, "name": "powerPreference" }, "value": { "type": "StringLiteral", "start": 1209, "end": 1227, "loc": { "start": { "line": 39, "column": 101 }, "end": { "line": 39, "column": 119 } }, "extra": { "rawValue": "high-performance", "raw": "'high-performance'" }, "value": "high-performance" } }, { "type": "ObjectProperty", "start": 1229, "end": 1256, "loc": { "start": { "line": 39, "column": 121 }, "end": { "line": 39, "column": 148 } }, "method": false, "shorthand": false, "computed": false, "key": { "type": "Identifier", "start": 1229, "end": 1250, "loc": { "start": { "line": 39, "column": 121 }, "end": { "line": 39, "column": 142 }, "identifierName": "preserveDrawingBuffer" }, "name": "preserveDrawingBuffer" }, "value": { "type": "BooleanLiteral", "start": 1252, "end": 1256, "loc": { "start": { "line": 39, "column": 144 }, "end": { "line": 39, "column": 148 } }, "value": true } } ] } ] } } }, { "type": "IfStatement", "start": 1269, "end": 1404, "loc": { "start": { "line": 40, "column": 8 }, "end": { "line": 42, "column": 9 } }, "test": { "type": "BinaryExpression", "start": 1273, "end": 1288, "loc": { "start": { "line": 40, "column": 12 }, "end": { "line": 40, "column": 27 } }, "left": { "type": "MemberExpression", "start": 1273, "end": 1280, "loc": { "start": { "line": 40, "column": 12 }, "end": { "line": 40, "column": 19 } }, "object": { "type": "ThisExpression", "start": 1273, "end": 1277, "loc": { "start": { "line": 40, "column": 12 }, "end": { "line": 40, "column": 16 } } }, "property": { "type": "Identifier", "start": 1278, "end": 1280, "loc": { "start": { "line": 40, "column": 17 }, "end": { "line": 40, "column": 19 }, "identifierName": "GL" }, "name": "GL" }, "computed": false }, "operator": "==", "right": { "type": "NullLiteral", "start": 1284, "end": 1288, "loc": { "start": { "line": 40, "column": 23 }, "end": { "line": 40, "column": 27 } } } }, "consequent": { "type": "BlockStatement", "start": 1290, "end": 1404, "loc": { "start": { "line": 40, "column": 29 }, "end": { "line": 42, "column": 9 } }, "body": [ { "type": "ExpressionStatement", "start": 1304, "end": 1394, "loc": { "start": { "line": 41, "column": 12 }, "end": { "line": 41, "column": 102 } }, "expression": { "type": "CallExpression", "start": 1304, "end": 1393, "loc": { "start": { "line": 41, "column": 12 }, "end": { "line": 41, "column": 101 } }, "callee": { "type": "MemberExpression", "start": 1304, "end": 1317, "loc": { "start": { "line": 41, "column": 12 }, "end": { "line": 41, "column": 25 } }, "object": { "type": "Identifier", "start": 1304, "end": 1311, "loc": { "start": { "line": 41, "column": 12 }, "end": { "line": 41, "column": 19 }, "identifierName": "console" }, "name": "console" }, "property": { "type": "Identifier", "start": 1312, "end": 1317, "loc": { "start": { "line": 41, "column": 20 }, "end": { "line": 41, "column": 25 }, "identifierName": "error" }, "name": "error" }, "computed": false }, "arguments": [ { "type": "StringLiteral", "start": 1318, "end": 1392, "loc": { "start": { "line": 41, "column": 26 }, "end": { "line": 41, "column": 100 } }, "extra": { "rawValue": "WebGL2 Context could not be built. This browser does not support WebGL2.", "raw": "\"WebGL2 Context could not be built. This browser does not support WebGL2.\"" }, "value": "WebGL2 Context could not be built. This browser does not support WebGL2." } ] } } ], "directives": [] }, "alternate": null }, { "type": "ExpressionStatement", "start": 1413, "end": 1492, "loc": { "start": { "line": 43, "column": 8 }, "end": { "line": 45, "column": 10 } }, "expression": { "type": "CallExpression", "start": 1413, "end": 1492, "loc": { "start": { "line": 43, "column": 8 }, "end": { "line": 45, "column": 10 } }, "callee": { "type": "MemberExpression", "start": 1413, "end": 1436, "loc": { "start": { "line": 43, "column": 8 }, "end": { "line": 43, "column": 31 } }, "object": { "type": "Identifier", "start": 1413, "end": 1419, "loc": { "start": { "line": 43, "column": 8 }, "end": { "line": 43, "column": 14 }, "identifierName": "window" }, "name": "window" }, "property": { "type": "Identifier", "start": 1420, "end": 1436, "loc": { "start": { "line": 43, "column": 15 }, "end": { "line": 43, "column": 31 }, "identifierName": "addEventListener" }, "name": "addEventListener" }, "computed": false }, "arguments": [ { "type": "StringLiteral", "start": 1437, "end": 1445, "loc": { "start": { "line": 43, "column": 32 }, "end": { "line": 43, "column": 40 } }, "extra": { "rawValue": "resize", "raw": "'resize'" }, "value": "resize" }, { "type": "ArrowFunctionExpression", "start": 1447, "end": 1491, "loc": { "start": { "line": 43, "column": 42 }, "end": { "line": 45, "column": 9 } }, "id": null, "generator": false, "expression": false, "async": false, "params": [], "body": { "type": "BlockStatement", "start": 1453, "end": 1491, "loc": { "start": { "line": 43, "column": 48 }, "end": { "line": 45, "column": 9 } }, "body": [ { "type": "ExpressionStatement", "start": 1467, "end": 1481, "loc": { "start": { "line": 44, "column": 12 }, "end": { "line": 44, "column": 26 } }, "expression": { "type": "CallExpression", "start": 1467, "end": 1480, "loc": { "start": { "line": 44, "column": 12 }, "end": { "line": 44, "column": 25 } }, "callee": { "type": "MemberExpression", "start": 1467, "end": 1478, "loc": { "start": { "line": 44, "column": 12 }, "end": { "line": 44, "column": 23 } }, "object": { "type": "ThisExpression", "start": 1467, "end": 1471, "loc": { "start": { "line": 44, "column": 12 }, "end": { "line": 44, "column": 16 } } }, "property": { "type": "Identifier", "start": 1472, "end": 1478, "loc": { "start": { "line": 44, "column": 17 }, "end": { "line": 44, "column": 23 }, "identifierName": "adjust" }, "name": "adjust" }, "computed": false }, "arguments": [] } } ], "directives": [] } } ] } } ], "directives": [], "trailingComments": null }, "leadingComments": [ { "type": "CommentBlock", "value": "*\n * Loads the canvas & sets up a WebGL2 context to be used by the engine by the id 'game'. If nothing is happening on screen,\n * ensure that the canvas you are using has this id in its HTML tag.\n ", "start": 698, "end": 911, "loc": { "start": { "line": 31, "column": 4 }, "end": { "line": 34, "column": 7 } } } ], "trailingComments": [ { "type": "CommentBlock", "value": "\n Any function that plays with sizing, ratio, or other \n DOM elements with the canvas should call this after.\n ", "start": 1504, "end": 1628, "loc": { "start": { "line": 48, "column": 4 }, "end": { "line": 51, "column": 6 } } } ] }, { "type": "ClassMethod", "start": 1633, "end": 2044, "loc": { "start": { "line": 52, "column": 4 }, "end": { "line": 62, "column": 5 } }, "static": false, "computed": false, "key": { "type": "Identifier", "start": 1633, "end": 1639, "loc": { "start": { "line": 52, "column": 4 }, "end": { "line": 52, "column": 10 }, "identifierName": "adjust" }, "name": "adjust", "leadingComments": null }, "kind": "method", "id": null, "generator": false, "expression": false, "async": false, "params": [], "body": { "type": "BlockStatement", "start": 1642, "end": 2044, "loc": { "start": { "line": 52, "column": 13 }, "end": { "line": 62, "column": 5 } }, "body": [ { "type": "IfStatement", "start": 1652, "end": 1692, "loc": { "start": { "line": 53, "column": 8 }, "end": { "line": 54, "column": 19 } }, "test": { "type": "BinaryExpression", "start": 1656, "end": 1671, "loc": { "start": { "line": 53, "column": 12 }, "end": { "line": 53, "column": 27 } }, "left": { "type": "MemberExpression", "start": 1656, "end": 1663, "loc": { "start": { "line": 53, "column": 12 }, "end": { "line": 53, "column": 19 } }, "object": { "type": "ThisExpression", "start": 1656, "end": 1660, "loc": { "start": { "line": 53, "column": 12 }, "end": { "line": 53, "column": 16 } } }, "property": { "type": "Identifier", "start": 1661, "end": 1663, "loc": { "start": { "line": 53, "column": 17 }, "end": { "line": 53, "column": 19 }, "identifierName": "GL" }, "name": "GL" }, "computed": false }, "operator": "==", "right": { "type": "NullLiteral", "start": 1667, "end": 1671, "loc": { "start": { "line": 53, "column": 23 }, "end": { "line": 53, "column": 27 } } } }, "consequent": { "type": "ReturnStatement", "start": 1685, "end": 1692, "loc": { "start": { "line": 54, "column": 12 }, "end": { "line": 54, "column": 19 } }, "argument": null }, "alternate": null }, { "type": "ExpressionStatement", "start": 1701, "end": 1739, "loc": { "start": { "line": 55, "column": 8 }, "end": { "line": 55, "column": 46 } }, "expression": { "type": "AssignmentExpression", "start": 1701, "end": 1738, "loc": { "start": { "line": 55, "column": 8 }, "end": { "line": 55, "column": 45 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1701, "end": 1730, "loc": { "start": { "line": 55, "column": 8 }, "end": { "line": 55, "column": 37 } }, "object": { "type": "MemberExpression", "start": 1701, "end": 1708, "loc": { "start": { "line": 55, "column": 8 }, "end": { "line": 55, "column": 15 } }, "object": { "type": "ThisExpression", "start": 1701, "end": 1705, "loc": { "start": { "line": 55, "column": 8 }, "end": { "line": 55, "column": 12 } } }, "property": { "type": "Identifier", "start": 1706, "end": 1708, "loc": { "start": { "line": 55, "column": 13 }, "end": { "line": 55, "column": 15 }, "identifierName": "GL" }, "name": "GL" }, "computed": false }, "property": { "type": "Identifier", "start": 1709, "end": 1730, "loc": { "start": { "line": 55, "column": 16 }, "end": { "line": 55, "column": 37 }, "identifierName": "imageSmoothingEnabled" }, "name": "imageSmoothingEnabled" }, "computed": false }, "right": { "type": "BooleanLiteral", "start": 1733, "end": 1738, "loc": { "start": { "line": 55, "column": 40 }, "end": { "line": 55, "column": 45 } }, "value": false } } }, { "type": "ExpressionStatement", "start": 1748, "end": 1792, "loc": { "start": { "line": 56, "column": 8 }, "end": { "line": 56, "column": 52 } }, "expression": { "type": "AssignmentExpression", "start": 1748, "end": 1791, "loc": { "start": { "line": 56, "column": 8 }, "end": { "line": 56, "column": 51 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1748, "end": 1783, "loc": { "start": { "line": 56, "column": 8 }, "end": { "line": 56, "column": 43 } }, "object": { "type": "MemberExpression", "start": 1748, "end": 1755, "loc": { "start": { "line": 56, "column": 8 }, "end": { "line": 56, "column": 15 } }, "object": { "type": "ThisExpression", "start": 1748, "end": 1752, "loc": { "start": { "line": 56, "column": 8 }, "end": { "line": 56, "column": 12 } } }, "property": { "type": "Identifier", "start": 1753, "end": 1755, "loc": { "start": { "line": 56, "column": 13 }, "end": { "line": 56, "column": 15 }, "identifierName": "GL" }, "name": "GL" }, "computed": false }, "property": { "type": "Identifier", "start": 1756, "end": 1783, "loc": { "start": { "line": 56, "column": 16 }, "end": { "line": 56, "column": 43 }, "identifierName": "webkitImageSmoothingEnabled" }, "name": "webkitImageSmoothingEnabled" }, "computed": false }, "right": { "type": "BooleanLiteral", "start": 1786, "end": 1791, "loc": { "start": { "line": 56, "column": 46 }, "end": { "line": 56, "column": 51 } }, "value": false } } }, { "type": "ExpressionStatement", "start": 1802, "end": 1839, "loc": { "start": { "line": 58, "column": 8 }, "end": { "line": 58, "column": 45 } }, "expression": { "type": "AssignmentExpression", "start": 1802, "end": 1838, "loc": { "start": { "line": 58, "column": 8 }, "end": { "line": 58, "column": 44 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1802, "end": 1818, "loc": { "start": { "line": 58, "column": 8 }, "end": { "line": 58, "column": 24 } }, "object": { "type": "ThisExpression", "start": 1802, "end": 1806, "loc": { "start": { "line": 58, "column": 8 }, "end": { "line": 58, "column": 12 } } }, "property": { "type": "Identifier", "start": 1807, "end": 1818, "loc": { "start": { "line": 58, "column": 13 }, "end": { "line": 58, "column": 24 }, "identifierName": "canvasWidth" }, "name": "canvasWidth" }, "computed": false }, "right": { "type": "MemberExpression", "start": 1821, "end": 1838, "loc": { "start": { "line": 58, "column": 27 }, "end": { "line": 58, "column": 44 } }, "object": { "type": "MemberExpression", "start": 1821, "end": 1832, "loc": { "start": { "line": 58, "column": 27 }, "end": { "line": 58, "column": 38 } }, "object": { "type": "ThisExpression", "start": 1821, "end": 1825, "loc": { "start": { "line": 58, "column": 27 }, "end": { "line": 58, "column": 31 } } }, "property": { "type": "Identifier", "start": 1826, "end": 1832, "loc": { "start": { "line": 58, "column": 32 }, "end": { "line": 58, "column": 38 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "property": { "type": "Identifier", "start": 1833, "end": 1838, "loc": { "start": { "line": 58, "column": 39 }, "end": { "line": 58, "column": 44 }, "identifierName": "width" }, "name": "width" }, "computed": false } } }, { "type": "ExpressionStatement", "start": 1848, "end": 1887, "loc": { "start": { "line": 59, "column": 8 }, "end": { "line": 59, "column": 47 } }, "expression": { "type": "AssignmentExpression", "start": 1848, "end": 1886, "loc": { "start": { "line": 59, "column": 8 }, "end": { "line": 59, "column": 46 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1848, "end": 1865, "loc": { "start": { "line": 59, "column": 8 }, "end": { "line": 59, "column": 25 } }, "object": { "type": "ThisExpression", "start": 1848, "end": 1852, "loc": { "start": { "line": 59, "column": 8 }, "end": { "line": 59, "column": 12 } } }, "property": { "type": "Identifier", "start": 1853, "end": 1865, "loc": { "start": { "line": 59, "column": 13 }, "end": { "line": 59, "column": 25 }, "identifierName": "canvasHeight" }, "name": "canvasHeight" }, "computed": false }, "right": { "type": "MemberExpression", "start": 1868, "end": 1886, "loc": { "start": { "line": 59, "column": 28 }, "end": { "line": 59, "column": 46 } }, "object": { "type": "MemberExpression", "start": 1868, "end": 1879, "loc": { "start": { "line": 59, "column": 28 }, "end": { "line": 59, "column": 39 } }, "object": { "type": "ThisExpression", "start": 1868, "end": 1872, "loc": { "start": { "line": 59, "column": 28 }, "end": { "line": 59, "column": 32 } } }, "property": { "type": "Identifier", "start": 1873, "end": 1879, "loc": { "start": { "line": 59, "column": 33 }, "end": { "line": 59, "column": 39 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "property": { "type": "Identifier", "start": 1880, "end": 1886, "loc": { "start": { "line": 59, "column": 40 }, "end": { "line": 59, "column": 46 }, "identifierName": "height" }, "name": "height" }, "computed": false } } }, { "type": "ExpressionStatement", "start": 1896, "end": 1961, "loc": { "start": { "line": 60, "column": 8 }, "end": { "line": 60, "column": 73 } }, "expression": { "type": "AssignmentExpression", "start": 1896, "end": 1960, "loc": { "start": { "line": 60, "column": 8 }, "end": { "line": 60, "column": 72 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1896, "end": 1915, "loc": { "start": { "line": 60, "column": 8 }, "end": { "line": 60, "column": 27 } }, "object": { "type": "ThisExpression", "start": 1896, "end": 1900, "loc": { "start": { "line": 60, "column": 8 }, "end": { "line": 60, "column": 12 } } }, "property": { "type": "Identifier", "start": 1901, "end": 1915, "loc": { "start": { "line": 60, "column": 13 }, "end": { "line": 60, "column": 27 }, "identifierName": "canvasDPIWidth" }, "name": "canvasDPIWidth" }, "computed": false }, "right": { "type": "BinaryExpression", "start": 1918, "end": 1960, "loc": { "start": { "line": 60, "column": 30 }, "end": { "line": 60, "column": 72 } }, "left": { "type": "MemberExpression", "start": 1918, "end": 1934, "loc": { "start": { "line": 60, "column": 30 }, "end": { "line": 60, "column": 46 } }, "object": { "type": "ThisExpression", "start": 1918, "end": 1922, "loc": { "start": { "line": 60, "column": 30 }, "end": { "line": 60, "column": 34 } } }, "property": { "type": "Identifier", "start": 1923, "end": 1934, "loc": { "start": { "line": 60, "column": 35 }, "end": { "line": 60, "column": 46 }, "identifierName": "canvasWidth" }, "name": "canvasWidth" }, "computed": false }, "operator": "/", "right": { "type": "MemberExpression", "start": 1937, "end": 1960, "loc": { "start": { "line": 60, "column": 49 }, "end": { "line": 60, "column": 72 } }, "object": { "type": "MemberExpression", "start": 1937, "end": 1948, "loc": { "start": { "line": 60, "column": 49 }, "end": { "line": 60, "column": 60 } }, "object": { "type": "ThisExpression", "start": 1937, "end": 1941, "loc": { "start": { "line": 60, "column": 49 }, "end": { "line": 60, "column": 53 } } }, "property": { "type": "Identifier", "start": 1942, "end": 1948, "loc": { "start": { "line": 60, "column": 54 }, "end": { "line": 60, "column": 60 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "property": { "type": "Identifier", "start": 1949, "end": 1960, "loc": { "start": { "line": 60, "column": 61 }, "end": { "line": 60, "column": 72 }, "identifierName": "clientWidth" }, "name": "clientWidth" }, "computed": false } } } }, { "type": "ExpressionStatement", "start": 1970, "end": 2038, "loc": { "start": { "line": 61, "column": 8 }, "end": { "line": 61, "column": 76 } }, "expression": { "type": "AssignmentExpression", "start": 1970, "end": 2037, "loc": { "start": { "line": 61, "column": 8 }, "end": { "line": 61, "column": 75 } }, "operator": "=", "left": { "type": "MemberExpression", "start": 1970, "end": 1990, "loc": { "start": { "line": 61, "column": 8 }, "end": { "line": 61, "column": 28 } }, "object": { "type": "ThisExpression", "start": 1970, "end": 1974, "loc": { "start": { "line": 61, "column": 8 }, "end": { "line": 61, "column": 12 } } }, "property": { "type": "Identifier", "start": 1975, "end": 1990, "loc": { "start": { "line": 61, "column": 13 }, "end": { "line": 61, "column": 28 }, "identifierName": "canvasDPIHeight" }, "name": "canvasDPIHeight" }, "computed": false }, "right": { "type": "BinaryExpression", "start": 1993, "end": 2037, "loc": { "start": { "line": 61, "column": 31 }, "end": { "line": 61, "column": 75 } }, "left": { "type": "MemberExpression", "start": 1993, "end": 2010, "loc": { "start": { "line": 61, "column": 31 }, "end": { "line": 61, "column": 48 } }, "object": { "type": "ThisExpression", "start": 1993, "end": 1997, "loc": { "start": { "line": 61, "column": 31 }, "end": { "line": 61, "column": 35 } } }, "property": { "type": "Identifier", "start": 1998, "end": 2010, "loc": { "start": { "line": 61, "column": 36 }, "end": { "line": 61, "column": 48 }, "identifierName": "canvasHeight" }, "name": "canvasHeight" }, "computed": false }, "operator": "/", "right": { "type": "MemberExpression", "start": 2013, "end": 2037, "loc": { "start": { "line": 61, "column": 51 }, "end": { "line": 61, "column": 75 } }, "object": { "type": "MemberExpression", "start": 2013, "end": 2024, "loc": { "start": { "line": 61, "column": 51 }, "end": { "line": 61, "column": 62 } }, "object": { "type": "ThisExpression", "start": 2013, "end": 2017, "loc": { "start": { "line": 61, "column": 51 }, "end": { "line": 61, "column": 55 } } }, "property": { "type": "Identifier", "start": 2018, "end": 2024, "loc": { "start": { "line": 61, "column": 56 }, "end": { "line": 61, "column": 62 }, "identifierName": "canvas" }, "name": "canvas" }, "computed": false }, "property": { "type": "Identifier", "start": 2025, "end": 2037, "loc": { "start": { "line": 61, "column": 63 }, "end": { "line": 61, "column": 75 }, "identifierName": "clientHeight" }, "name": "clientHeight" }, "computed": false } } } } ], "directives": [] }, "leadingComments": [ { "type": "CommentBlock", "value": "\n Any function that plays with sizing, ratio, or other \n DOM elements with the canvas should call this after.\n ", "start": 1504, "end": 1628, "loc": { "start": { "line": 48, "column": 4 }, "end": { "line": 51, "column": 6 } } } ] } ], "trailingComments": null }, "leadingComments": [ { "type": "CommentBlock", "value": "*\n * Manages the connection between the DOM and the Game & Engine.\n * \n * The DOMManager sets up and holds reference to the DOM elements required to display the game.\n ", "start": 34, "end": 206, "loc": { "start": { "line": 3, "column": 0 }, "end": { "line": 7, "column": 3 } } } ], "trailingComments": [ { "type": "CommentBlock", "value": "*\n * Singleton reference to the DOM Manager.\n ", "start": 2048, "end": 2098, "loc": { "start": { "line": 65, "column": 0 }, "end": { "line": 67, "column": 3 } } } ] }, "leadingComments": [ { "type": "CommentBlock", "value": "*\n * Manages the connection between the DOM and the Game & Engine.\n * \n * The DOMManager sets up and holds reference to the DOM elements required to display the game.\n ", "start": 34, "end": 206, "loc": { "start": { "line": 3, "column": 0 }, "end": { "line": 7, "column": 3 } } } ], "trailingComments": [ { "type": "CommentBlock", "value": "*\n * Singleton reference to the DOM Manager.\n ", "start": 2048, "end": 2098, "loc": { "start": { "line": 65, "column": 0 }, "end": { "line": 67, "column": 3 } } } ] }, { "type": "Identifier", "start": 2099, "end": 2136, "loc": { "start": { "line": 68, "column": 0 }, "end": { "line": 68, "column": 37 } }, "declarations": [ { "type": "VariableDeclarator", "start": 2105, "end": 2135, "loc": { "start": { "line": 68, "column": 6 }, "end": { "line": 68, "column": 36 } }, "id": { "type": "Identifier", "start": 2105, "end": 2115, "loc": { "start": { "line": 68, "column": 6 }, "end": { "line": 68, "column": 16 }, "identifierName": "DOMManager" }, "name": "DOMManager", "leadingComments": null }, "init": { "type": "NewExpression", "start": 2118, "end": 2135, "loc": { "start": { "line": 68, "column": 19 }, "end": { "line": 68, "column": 36 } }, "callee": { "type": "Identifier", "start": 2122, "end": 2133, "loc": { "start": { "line": 68, "column": 23 }, "end": { "line": 68, "column": 34 }, "identifierName": "_DOMManager" }, "name": "_DOMManager" }, "arguments": [] }, "leadingComments": null } ], "kind": "const", "leadingComments": [], "name": "_", "trailingComments": [] }, { "type": "Identifier", "start": 2137, "end": 2163, "loc": { "start": { "line": 69, "column": 0 }, "end": { "line": 69, "column": 26 } }, "declaration": { "type": "Identifier", "start": 2152, "end": 2162, "loc": { "start": { "line": 69, "column": 15 }, "end": { "line": 69, "column": 25 }, "identifierName": "DOMManager" }, "name": "DOMManager" }, "name": "_", "leadingComments": [], "trailingComments": [] }, { "type": "ExportDefaultDeclaration", "start": 2137, "end": 2163, "loc": { "start": { "line": 69, "column": 0 }, "end": { "line": 69, "column": 26 } }, "declaration": { "type": "VariableDeclaration", "kind": "let", "loc": { "start": { "line": 69, "column": 0 }, "end": { "line": 69, "column": 26 } }, "declarations": [ { "type": "VariableDeclarator", "id": { "type": "Identifier", "name": "DOMManager" }, "init": { "type": "NewExpression", "callee": { "type": "Identifier", "name": "_DOMManager" } } } ], "leadingComments": [], "trailingComments": [] } } ], "directives": [] }, "comments": [ { "type": "CommentBlock", "value": "*\n * Manages the connection between the DOM and the Game & Engine.\n * \n * The DOMManager sets up and holds reference to the DOM elements required to display the game.\n ", "start": 34, "end": 206, "loc": { "start": { "line": 3, "column": 0 }, "end": { "line": 7, "column": 3 } } }, { "type": "CommentBlock", "value": "*\n * Initializes defaults for the DOMManager to hold once started.\n ", "start": 254, "end": 334, "loc": { "start": { "line": 9, "column": 4 }, "end": { "line": 11, "column": 7 } } }, { "type": "CommentBlock", "value": "*\n * Loads the canvas & setup for WebGL.\n ", "start": 564, "end": 618, "loc": { "start": { "line": 23, "column": 4 }, "end": { "line": 25, "column": 7 } } }, { "type": "CommentBlock", "value": "*\n * Loads the canvas & sets up a WebGL2 context to be used by the engine by the id 'game'. If nothing is happening on screen,\n * ensure that the canvas you are using has this id in its HTML tag.\n ", "start": 698, "end": 911, "loc": { "start": { "line": 31, "column": 4 }, "end": { "line": 34, "column": 7 } } }, { "type": "CommentBlock", "value": "\n Any function that plays with sizing, ratio, or other \n DOM elements with the canvas should call this after.\n ", "start": 1504, "end": 1628, "loc": { "start": { "line": 48, "column": 4 }, "end": { "line": 51, "column": 6 } } }, { "type": "CommentBlock", "value": "*\n * Singleton reference to the DOM Manager.\n ", "start": 2048, "end": 2098, "loc": { "start": { "line": 65, "column": 0 }, "end": { "line": 67, "column": 3 } } } ], "tokens": [ { "type": { "label": "import", "keyword": "import", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "import", "start": 0, "end": 6, "loc": { "start": { "line": 1, "column": 0 }, "end": { "line": 1, "column": 6 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "Manager", "start": 7, "end": 14, "loc": { "start": { "line": 1, "column": 7 }, "end": { "line": 1, "column": 14 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "from", "start": 15, "end": 19, "loc": { "start": { "line": 1, "column": 15 }, "end": { "line": 1, "column": 19 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "./Manager", "start": 20, "end": 31, "loc": { "start": { "line": 1, "column": 20 }, "end": { "line": 1, "column": 31 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 31, "end": 32, "loc": { "start": { "line": 1, "column": 31 }, "end": { "line": 1, "column": 32 } } }, { "type": "CommentBlock", "value": "*\n * Manages the connection between the DOM and the Game & Engine.\n * \n * The DOMManager sets up and holds reference to the DOM elements required to display the game.\n ", "start": 34, "end": 206, "loc": { "start": { "line": 3, "column": 0 }, "end": { "line": 7, "column": 3 } } }, { "type": { "label": "export", "keyword": "export", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "export", "start": 207, "end": 213, "loc": { "start": { "line": 8, "column": 0 }, "end": { "line": 8, "column": 6 } } }, { "type": { "label": "class", "keyword": "class", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "class", "start": 214, "end": 219, "loc": { "start": { "line": 8, "column": 7 }, "end": { "line": 8, "column": 12 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "_DOMManager", "start": 220, "end": 231, "loc": { "start": { "line": 8, "column": 13 }, "end": { "line": 8, "column": 24 } } }, { "type": { "label": "extends", "keyword": "extends", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "extends", "start": 232, "end": 239, "loc": { "start": { "line": 8, "column": 25 }, "end": { "line": 8, "column": 32 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "Manager", "start": 240, "end": 247, "loc": { "start": { "line": 8, "column": 33 }, "end": { "line": 8, "column": 40 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 248, "end": 249, "loc": { "start": { "line": 8, "column": 41 }, "end": { "line": 8, "column": 42 } } }, { "type": "CommentBlock", "value": "*\n * Initializes defaults for the DOMManager to hold once started.\n ", "start": 254, "end": 334, "loc": { "start": { "line": 9, "column": 4 }, "end": { "line": 11, "column": 7 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "constructor", "start": 339, "end": 350, "loc": { "start": { "line": 12, "column": 4 }, "end": { "line": 12, "column": 15 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 350, "end": 351, "loc": { "start": { "line": 12, "column": 15 }, "end": { "line": 12, "column": 16 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 351, "end": 352, "loc": { "start": { "line": 12, "column": 16 }, "end": { "line": 12, "column": 17 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 353, "end": 354, "loc": { "start": { "line": 12, "column": 18 }, "end": { "line": 12, "column": 19 } } }, { "type": { "label": "super", "keyword": "super", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "super", "start": 363, "end": 368, "loc": { "start": { "line": 13, "column": 8 }, "end": { "line": 13, "column": 13 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 368, "end": 369, "loc": { "start": { "line": 13, "column": 13 }, "end": { "line": 13, "column": 14 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 369, "end": 370, "loc": { "start": { "line": 13, "column": 14 }, "end": { "line": 13, "column": 15 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 370, "end": 371, "loc": { "start": { "line": 13, "column": 15 }, "end": { "line": 13, "column": 16 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 380, "end": 384, "loc": { "start": { "line": 14, "column": 8 }, "end": { "line": 14, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 384, "end": 385, "loc": { "start": { "line": 14, "column": 12 }, "end": { "line": 14, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 385, "end": 391, "loc": { "start": { "line": 14, "column": 13 }, "end": { "line": 14, "column": 19 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 392, "end": 393, "loc": { "start": { "line": 14, "column": 20 }, "end": { "line": 14, "column": 21 } } }, { "type": { "label": "null", "keyword": "null", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "null", "start": 394, "end": 398, "loc": { "start": { "line": 14, "column": 22 }, "end": { "line": 14, "column": 26 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 398, "end": 399, "loc": { "start": { "line": 14, "column": 26 }, "end": { "line": 14, "column": 27 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 408, "end": 412, "loc": { "start": { "line": 15, "column": 8 }, "end": { "line": 15, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 412, "end": 413, "loc": { "start": { "line": 15, "column": 12 }, "end": { "line": 15, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "GL", "start": 413, "end": 415, "loc": { "start": { "line": 15, "column": 13 }, "end": { "line": 15, "column": 15 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 416, "end": 417, "loc": { "start": { "line": 15, "column": 16 }, "end": { "line": 15, "column": 17 } } }, { "type": { "label": "null", "keyword": "null", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "null", "start": 418, "end": 422, "loc": { "start": { "line": 15, "column": 18 }, "end": { "line": 15, "column": 22 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 422, "end": 423, "loc": { "start": { "line": 15, "column": 22 }, "end": { "line": 15, "column": 23 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 433, "end": 437, "loc": { "start": { "line": 17, "column": 8 }, "end": { "line": 17, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 437, "end": 438, "loc": { "start": { "line": 17, "column": 12 }, "end": { "line": 17, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasWidth", "start": 438, "end": 449, "loc": { "start": { "line": 17, "column": 13 }, "end": { "line": 17, "column": 24 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 450, "end": 451, "loc": { "start": { "line": 17, "column": 25 }, "end": { "line": 17, "column": 26 } } }, { "type": { "label": "num", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": 0, "start": 452, "end": 453, "loc": { "start": { "line": 17, "column": 27 }, "end": { "line": 17, "column": 28 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 453, "end": 454, "loc": { "start": { "line": 17, "column": 28 }, "end": { "line": 17, "column": 29 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 463, "end": 467, "loc": { "start": { "line": 18, "column": 8 }, "end": { "line": 18, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 467, "end": 468, "loc": { "start": { "line": 18, "column": 12 }, "end": { "line": 18, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasHeight", "start": 468, "end": 480, "loc": { "start": { "line": 18, "column": 13 }, "end": { "line": 18, "column": 25 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 481, "end": 482, "loc": { "start": { "line": 18, "column": 26 }, "end": { "line": 18, "column": 27 } } }, { "type": { "label": "num", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": 0, "start": 483, "end": 484, "loc": { "start": { "line": 18, "column": 28 }, "end": { "line": 18, "column": 29 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 484, "end": 485, "loc": { "start": { "line": 18, "column": 29 }, "end": { "line": 18, "column": 30 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 494, "end": 498, "loc": { "start": { "line": 19, "column": 8 }, "end": { "line": 19, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 498, "end": 499, "loc": { "start": { "line": 19, "column": 12 }, "end": { "line": 19, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasDPIWidth", "start": 499, "end": 513, "loc": { "start": { "line": 19, "column": 13 }, "end": { "line": 19, "column": 27 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 514, "end": 515, "loc": { "start": { "line": 19, "column": 28 }, "end": { "line": 19, "column": 29 } } }, { "type": { "label": "num", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": 0, "start": 516, "end": 517, "loc": { "start": { "line": 19, "column": 30 }, "end": { "line": 19, "column": 31 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 517, "end": 518, "loc": { "start": { "line": 19, "column": 31 }, "end": { "line": 19, "column": 32 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 527, "end": 531, "loc": { "start": { "line": 20, "column": 8 }, "end": { "line": 20, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 531, "end": 532, "loc": { "start": { "line": 20, "column": 12 }, "end": { "line": 20, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasDPIHeight", "start": 532, "end": 547, "loc": { "start": { "line": 20, "column": 13 }, "end": { "line": 20, "column": 28 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 548, "end": 549, "loc": { "start": { "line": 20, "column": 29 }, "end": { "line": 20, "column": 30 } } }, { "type": { "label": "num", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": 0, "start": 550, "end": 551, "loc": { "start": { "line": 20, "column": 31 }, "end": { "line": 20, "column": 32 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 551, "end": 552, "loc": { "start": { "line": 20, "column": 32 }, "end": { "line": 20, "column": 33 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 557, "end": 558, "loc": { "start": { "line": 21, "column": 4 }, "end": { "line": 21, "column": 5 } } }, { "type": "CommentBlock", "value": "*\n * Loads the canvas & setup for WebGL.\n ", "start": 564, "end": 618, "loc": { "start": { "line": 23, "column": 4 }, "end": { "line": 25, "column": 7 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "start", "start": 623, "end": 628, "loc": { "start": { "line": 26, "column": 4 }, "end": { "line": 26, "column": 9 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 628, "end": 629, "loc": { "start": { "line": 26, "column": 9 }, "end": { "line": 26, "column": 10 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 629, "end": 630, "loc": { "start": { "line": 26, "column": 10 }, "end": { "line": 26, "column": 11 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 631, "end": 632, "loc": { "start": { "line": 26, "column": 12 }, "end": { "line": 26, "column": 13 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 641, "end": 645, "loc": { "start": { "line": 27, "column": 8 }, "end": { "line": 27, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 645, "end": 646, "loc": { "start": { "line": 27, "column": 12 }, "end": { "line": 27, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "loadCanvas", "start": 646, "end": 656, "loc": { "start": { "line": 27, "column": 13 }, "end": { "line": 27, "column": 23 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 656, "end": 657, "loc": { "start": { "line": 27, "column": 23 }, "end": { "line": 27, "column": 24 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 657, "end": 658, "loc": { "start": { "line": 27, "column": 24 }, "end": { "line": 27, "column": 25 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 658, "end": 659, "loc": { "start": { "line": 27, "column": 25 }, "end": { "line": 27, "column": 26 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 668, "end": 672, "loc": { "start": { "line": 28, "column": 8 }, "end": { "line": 28, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 672, "end": 673, "loc": { "start": { "line": 28, "column": 12 }, "end": { "line": 28, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "adjust", "start": 673, "end": 679, "loc": { "start": { "line": 28, "column": 13 }, "end": { "line": 28, "column": 19 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 679, "end": 680, "loc": { "start": { "line": 28, "column": 19 }, "end": { "line": 28, "column": 20 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 680, "end": 681, "loc": { "start": { "line": 28, "column": 20 }, "end": { "line": 28, "column": 21 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 681, "end": 682, "loc": { "start": { "line": 28, "column": 21 }, "end": { "line": 28, "column": 22 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 687, "end": 688, "loc": { "start": { "line": 29, "column": 4 }, "end": { "line": 29, "column": 5 } } }, { "type": "CommentBlock", "value": "*\n * Loads the canvas & sets up a WebGL2 context to be used by the engine by the id 'game'. If nothing is happening on screen,\n * ensure that the canvas you are using has this id in its HTML tag.\n ", "start": 698, "end": 911, "loc": { "start": { "line": 31, "column": 4 }, "end": { "line": 34, "column": 7 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "loadCanvas", "start": 916, "end": 926, "loc": { "start": { "line": 35, "column": 4 }, "end": { "line": 35, "column": 14 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 926, "end": 927, "loc": { "start": { "line": 35, "column": 14 }, "end": { "line": 35, "column": 15 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 927, "end": 928, "loc": { "start": { "line": 35, "column": 15 }, "end": { "line": 35, "column": 16 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 929, "end": 930, "loc": { "start": { "line": 35, "column": 17 }, "end": { "line": 35, "column": 18 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 939, "end": 943, "loc": { "start": { "line": 36, "column": 8 }, "end": { "line": 36, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 943, "end": 944, "loc": { "start": { "line": 36, "column": 12 }, "end": { "line": 36, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 944, "end": 950, "loc": { "start": { "line": 36, "column": 13 }, "end": { "line": 36, "column": 19 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 951, "end": 952, "loc": { "start": { "line": 36, "column": 20 }, "end": { "line": 36, "column": 21 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "document", "start": 953, "end": 961, "loc": { "start": { "line": 36, "column": 22 }, "end": { "line": 36, "column": 30 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 961, "end": 962, "loc": { "start": { "line": 36, "column": 30 }, "end": { "line": 36, "column": 31 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "getElementById", "start": 962, "end": 976, "loc": { "start": { "line": 36, "column": 31 }, "end": { "line": 36, "column": 45 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 976, "end": 977, "loc": { "start": { "line": 36, "column": 45 }, "end": { "line": 36, "column": 46 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "game", "start": 977, "end": 983, "loc": { "start": { "line": 36, "column": 46 }, "end": { "line": 36, "column": 52 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 983, "end": 984, "loc": { "start": { "line": 36, "column": 52 }, "end": { "line": 36, "column": 53 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 984, "end": 985, "loc": { "start": { "line": 36, "column": 53 }, "end": { "line": 36, "column": 54 } } }, { "type": { "label": "if", "keyword": "if", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "if", "start": 994, "end": 996, "loc": { "start": { "line": 37, "column": 8 }, "end": { "line": 37, "column": 10 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 997, "end": 998, "loc": { "start": { "line": 37, "column": 11 }, "end": { "line": 37, "column": 12 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 998, "end": 1002, "loc": { "start": { "line": 37, "column": 12 }, "end": { "line": 37, "column": 16 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1002, "end": 1003, "loc": { "start": { "line": 37, "column": 16 }, "end": { "line": 37, "column": 17 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 1003, "end": 1009, "loc": { "start": { "line": 37, "column": 17 }, "end": { "line": 37, "column": 23 } } }, { "type": { "label": "==/!=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": 6, "updateContext": null }, "value": "==", "start": 1010, "end": 1012, "loc": { "start": { "line": 37, "column": 24 }, "end": { "line": 37, "column": 26 } } }, { "type": { "label": "null", "keyword": "null", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "null", "start": 1013, "end": 1017, "loc": { "start": { "line": 37, "column": 27 }, "end": { "line": 37, "column": 31 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1017, "end": 1018, "loc": { "start": { "line": 37, "column": 31 }, "end": { "line": 37, "column": 32 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "console", "start": 1031, "end": 1038, "loc": { "start": { "line": 38, "column": 12 }, "end": { "line": 38, "column": 19 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1038, "end": 1039, "loc": { "start": { "line": 38, "column": 19 }, "end": { "line": 38, "column": 20 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "error", "start": 1039, "end": 1044, "loc": { "start": { "line": 38, "column": 20 }, "end": { "line": 38, "column": 25 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1044, "end": 1045, "loc": { "start": { "line": 38, "column": 25 }, "end": { "line": 38, "column": 26 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "Error finding DOM Canvas. The canvas requires an id='game'", "start": 1045, "end": 1105, "loc": { "start": { "line": 38, "column": 26 }, "end": { "line": 38, "column": 86 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1105, "end": 1106, "loc": { "start": { "line": 38, "column": 86 }, "end": { "line": 38, "column": 87 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1106, "end": 1107, "loc": { "start": { "line": 38, "column": 87 }, "end": { "line": 38, "column": 88 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1116, "end": 1120, "loc": { "start": { "line": 39, "column": 8 }, "end": { "line": 39, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1120, "end": 1121, "loc": { "start": { "line": 39, "column": 12 }, "end": { "line": 39, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "GL", "start": 1121, "end": 1123, "loc": { "start": { "line": 39, "column": 13 }, "end": { "line": 39, "column": 15 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1124, "end": 1125, "loc": { "start": { "line": 39, "column": 16 }, "end": { "line": 39, "column": 17 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1126, "end": 1130, "loc": { "start": { "line": 39, "column": 18 }, "end": { "line": 39, "column": 22 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1130, "end": 1131, "loc": { "start": { "line": 39, "column": 22 }, "end": { "line": 39, "column": 23 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 1131, "end": 1137, "loc": { "start": { "line": 39, "column": 23 }, "end": { "line": 39, "column": 29 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1137, "end": 1138, "loc": { "start": { "line": 39, "column": 29 }, "end": { "line": 39, "column": 30 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "getContext", "start": 1138, "end": 1148, "loc": { "start": { "line": 39, "column": 30 }, "end": { "line": 39, "column": 40 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1148, "end": 1149, "loc": { "start": { "line": 39, "column": 40 }, "end": { "line": 39, "column": 41 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "webgl2", "start": 1149, "end": 1157, "loc": { "start": { "line": 39, "column": 41 }, "end": { "line": 39, "column": 49 } } }, { "type": { "label": ",", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1157, "end": 1158, "loc": { "start": { "line": 39, "column": 49 }, "end": { "line": 39, "column": 50 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1159, "end": 1160, "loc": { "start": { "line": 39, "column": 51 }, "end": { "line": 39, "column": 52 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "alpha", "start": 1160, "end": 1165, "loc": { "start": { "line": 39, "column": 52 }, "end": { "line": 39, "column": 57 } } }, { "type": { "label": ":", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1165, "end": 1166, "loc": { "start": { "line": 39, "column": 57 }, "end": { "line": 39, "column": 58 } } }, { "type": { "label": "false", "keyword": "false", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "false", "start": 1167, "end": 1172, "loc": { "start": { "line": 39, "column": 59 }, "end": { "line": 39, "column": 64 } } }, { "type": { "label": ",", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1172, "end": 1173, "loc": { "start": { "line": 39, "column": 64 }, "end": { "line": 39, "column": 65 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "antialias", "start": 1174, "end": 1183, "loc": { "start": { "line": 39, "column": 66 }, "end": { "line": 39, "column": 75 } } }, { "type": { "label": ":", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1183, "end": 1184, "loc": { "start": { "line": 39, "column": 75 }, "end": { "line": 39, "column": 76 } } }, { "type": { "label": "false", "keyword": "false", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "false", "start": 1185, "end": 1190, "loc": { "start": { "line": 39, "column": 77 }, "end": { "line": 39, "column": 82 } } }, { "type": { "label": ",", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1190, "end": 1191, "loc": { "start": { "line": 39, "column": 82 }, "end": { "line": 39, "column": 83 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "powerPreference", "start": 1192, "end": 1207, "loc": { "start": { "line": 39, "column": 84 }, "end": { "line": 39, "column": 99 } } }, { "type": { "label": ":", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1207, "end": 1208, "loc": { "start": { "line": 39, "column": 99 }, "end": { "line": 39, "column": 100 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "high-performance", "start": 1209, "end": 1227, "loc": { "start": { "line": 39, "column": 101 }, "end": { "line": 39, "column": 119 } } }, { "type": { "label": ",", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1227, "end": 1228, "loc": { "start": { "line": 39, "column": 119 }, "end": { "line": 39, "column": 120 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "preserveDrawingBuffer", "start": 1229, "end": 1250, "loc": { "start": { "line": 39, "column": 121 }, "end": { "line": 39, "column": 142 } } }, { "type": { "label": ":", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1250, "end": 1251, "loc": { "start": { "line": 39, "column": 142 }, "end": { "line": 39, "column": 143 } } }, { "type": { "label": "true", "keyword": "true", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "true", "start": 1252, "end": 1256, "loc": { "start": { "line": 39, "column": 144 }, "end": { "line": 39, "column": 148 } } }, { "type": { "label": ",", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1256, "end": 1257, "loc": { "start": { "line": 39, "column": 148 }, "end": { "line": 39, "column": 149 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1257, "end": 1258, "loc": { "start": { "line": 39, "column": 149 }, "end": { "line": 39, "column": 150 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1258, "end": 1259, "loc": { "start": { "line": 39, "column": 150 }, "end": { "line": 39, "column": 151 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1259, "end": 1260, "loc": { "start": { "line": 39, "column": 151 }, "end": { "line": 39, "column": 152 } } }, { "type": { "label": "if", "keyword": "if", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "if", "start": 1269, "end": 1271, "loc": { "start": { "line": 40, "column": 8 }, "end": { "line": 40, "column": 10 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1272, "end": 1273, "loc": { "start": { "line": 40, "column": 11 }, "end": { "line": 40, "column": 12 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1273, "end": 1277, "loc": { "start": { "line": 40, "column": 12 }, "end": { "line": 40, "column": 16 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1277, "end": 1278, "loc": { "start": { "line": 40, "column": 16 }, "end": { "line": 40, "column": 17 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "GL", "start": 1278, "end": 1280, "loc": { "start": { "line": 40, "column": 17 }, "end": { "line": 40, "column": 19 } } }, { "type": { "label": "==/!=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": 6, "updateContext": null }, "value": "==", "start": 1281, "end": 1283, "loc": { "start": { "line": 40, "column": 20 }, "end": { "line": 40, "column": 22 } } }, { "type": { "label": "null", "keyword": "null", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "null", "start": 1284, "end": 1288, "loc": { "start": { "line": 40, "column": 23 }, "end": { "line": 40, "column": 27 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1288, "end": 1289, "loc": { "start": { "line": 40, "column": 27 }, "end": { "line": 40, "column": 28 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1290, "end": 1291, "loc": { "start": { "line": 40, "column": 29 }, "end": { "line": 40, "column": 30 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "console", "start": 1304, "end": 1311, "loc": { "start": { "line": 41, "column": 12 }, "end": { "line": 41, "column": 19 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1311, "end": 1312, "loc": { "start": { "line": 41, "column": 19 }, "end": { "line": 41, "column": 20 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "error", "start": 1312, "end": 1317, "loc": { "start": { "line": 41, "column": 20 }, "end": { "line": 41, "column": 25 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1317, "end": 1318, "loc": { "start": { "line": 41, "column": 25 }, "end": { "line": 41, "column": 26 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "WebGL2 Context could not be built. This browser does not support WebGL2.", "start": 1318, "end": 1392, "loc": { "start": { "line": 41, "column": 26 }, "end": { "line": 41, "column": 100 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1392, "end": 1393, "loc": { "start": { "line": 41, "column": 100 }, "end": { "line": 41, "column": 101 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1393, "end": 1394, "loc": { "start": { "line": 41, "column": 101 }, "end": { "line": 41, "column": 102 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1403, "end": 1404, "loc": { "start": { "line": 42, "column": 8 }, "end": { "line": 42, "column": 9 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "window", "start": 1413, "end": 1419, "loc": { "start": { "line": 43, "column": 8 }, "end": { "line": 43, "column": 14 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1419, "end": 1420, "loc": { "start": { "line": 43, "column": 14 }, "end": { "line": 43, "column": 15 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "addEventListener", "start": 1420, "end": 1436, "loc": { "start": { "line": 43, "column": 15 }, "end": { "line": 43, "column": 31 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1436, "end": 1437, "loc": { "start": { "line": 43, "column": 31 }, "end": { "line": 43, "column": 32 } } }, { "type": { "label": "string", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "resize", "start": 1437, "end": 1445, "loc": { "start": { "line": 43, "column": 32 }, "end": { "line": 43, "column": 40 } } }, { "type": { "label": ",", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1445, "end": 1446, "loc": { "start": { "line": 43, "column": 40 }, "end": { "line": 43, "column": 41 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1447, "end": 1448, "loc": { "start": { "line": 43, "column": 42 }, "end": { "line": 43, "column": 43 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1448, "end": 1449, "loc": { "start": { "line": 43, "column": 43 }, "end": { "line": 43, "column": 44 } } }, { "type": { "label": "=>", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1450, "end": 1452, "loc": { "start": { "line": 43, "column": 45 }, "end": { "line": 43, "column": 47 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1453, "end": 1454, "loc": { "start": { "line": 43, "column": 48 }, "end": { "line": 43, "column": 49 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1467, "end": 1471, "loc": { "start": { "line": 44, "column": 12 }, "end": { "line": 44, "column": 16 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1471, "end": 1472, "loc": { "start": { "line": 44, "column": 16 }, "end": { "line": 44, "column": 17 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "adjust", "start": 1472, "end": 1478, "loc": { "start": { "line": 44, "column": 17 }, "end": { "line": 44, "column": 23 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1478, "end": 1479, "loc": { "start": { "line": 44, "column": 23 }, "end": { "line": 44, "column": 24 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1479, "end": 1480, "loc": { "start": { "line": 44, "column": 24 }, "end": { "line": 44, "column": 25 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1480, "end": 1481, "loc": { "start": { "line": 44, "column": 25 }, "end": { "line": 44, "column": 26 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1490, "end": 1491, "loc": { "start": { "line": 45, "column": 8 }, "end": { "line": 45, "column": 9 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1491, "end": 1492, "loc": { "start": { "line": 45, "column": 9 }, "end": { "line": 45, "column": 10 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1497, "end": 1498, "loc": { "start": { "line": 46, "column": 4 }, "end": { "line": 46, "column": 5 } } }, { "type": "CommentBlock", "value": "\n Any function that plays with sizing, ratio, or other \n DOM elements with the canvas should call this after.\n ", "start": 1504, "end": 1628, "loc": { "start": { "line": 48, "column": 4 }, "end": { "line": 51, "column": 6 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "adjust", "start": 1633, "end": 1639, "loc": { "start": { "line": 52, "column": 4 }, "end": { "line": 52, "column": 10 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1639, "end": 1640, "loc": { "start": { "line": 52, "column": 10 }, "end": { "line": 52, "column": 11 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1640, "end": 1641, "loc": { "start": { "line": 52, "column": 11 }, "end": { "line": 52, "column": 12 } } }, { "type": { "label": "{", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1642, "end": 1643, "loc": { "start": { "line": 52, "column": 13 }, "end": { "line": 52, "column": 14 } } }, { "type": { "label": "if", "keyword": "if", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "if", "start": 1652, "end": 1654, "loc": { "start": { "line": 53, "column": 8 }, "end": { "line": 53, "column": 10 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1655, "end": 1656, "loc": { "start": { "line": 53, "column": 11 }, "end": { "line": 53, "column": 12 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1656, "end": 1660, "loc": { "start": { "line": 53, "column": 12 }, "end": { "line": 53, "column": 16 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1660, "end": 1661, "loc": { "start": { "line": 53, "column": 16 }, "end": { "line": 53, "column": 17 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "GL", "start": 1661, "end": 1663, "loc": { "start": { "line": 53, "column": 17 }, "end": { "line": 53, "column": 19 } } }, { "type": { "label": "==/!=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": 6, "updateContext": null }, "value": "==", "start": 1664, "end": 1666, "loc": { "start": { "line": 53, "column": 20 }, "end": { "line": 53, "column": 22 } } }, { "type": { "label": "null", "keyword": "null", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "null", "start": 1667, "end": 1671, "loc": { "start": { "line": 53, "column": 23 }, "end": { "line": 53, "column": 27 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 1671, "end": 1672, "loc": { "start": { "line": 53, "column": 27 }, "end": { "line": 53, "column": 28 } } }, { "type": { "label": "return", "keyword": "return", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "return", "start": 1685, "end": 1691, "loc": { "start": { "line": 54, "column": 12 }, "end": { "line": 54, "column": 18 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1691, "end": 1692, "loc": { "start": { "line": 54, "column": 18 }, "end": { "line": 54, "column": 19 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1701, "end": 1705, "loc": { "start": { "line": 55, "column": 8 }, "end": { "line": 55, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1705, "end": 1706, "loc": { "start": { "line": 55, "column": 12 }, "end": { "line": 55, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "GL", "start": 1706, "end": 1708, "loc": { "start": { "line": 55, "column": 13 }, "end": { "line": 55, "column": 15 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1708, "end": 1709, "loc": { "start": { "line": 55, "column": 15 }, "end": { "line": 55, "column": 16 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "imageSmoothingEnabled", "start": 1709, "end": 1730, "loc": { "start": { "line": 55, "column": 16 }, "end": { "line": 55, "column": 37 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1731, "end": 1732, "loc": { "start": { "line": 55, "column": 38 }, "end": { "line": 55, "column": 39 } } }, { "type": { "label": "false", "keyword": "false", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "false", "start": 1733, "end": 1738, "loc": { "start": { "line": 55, "column": 40 }, "end": { "line": 55, "column": 45 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1738, "end": 1739, "loc": { "start": { "line": 55, "column": 45 }, "end": { "line": 55, "column": 46 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1748, "end": 1752, "loc": { "start": { "line": 56, "column": 8 }, "end": { "line": 56, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1752, "end": 1753, "loc": { "start": { "line": 56, "column": 12 }, "end": { "line": 56, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "GL", "start": 1753, "end": 1755, "loc": { "start": { "line": 56, "column": 13 }, "end": { "line": 56, "column": 15 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1755, "end": 1756, "loc": { "start": { "line": 56, "column": 15 }, "end": { "line": 56, "column": 16 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "webkitImageSmoothingEnabled", "start": 1756, "end": 1783, "loc": { "start": { "line": 56, "column": 16 }, "end": { "line": 56, "column": 43 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1784, "end": 1785, "loc": { "start": { "line": 56, "column": 44 }, "end": { "line": 56, "column": 45 } } }, { "type": { "label": "false", "keyword": "false", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "false", "start": 1786, "end": 1791, "loc": { "start": { "line": 56, "column": 46 }, "end": { "line": 56, "column": 51 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1791, "end": 1792, "loc": { "start": { "line": 56, "column": 51 }, "end": { "line": 56, "column": 52 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1802, "end": 1806, "loc": { "start": { "line": 58, "column": 8 }, "end": { "line": 58, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1806, "end": 1807, "loc": { "start": { "line": 58, "column": 12 }, "end": { "line": 58, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasWidth", "start": 1807, "end": 1818, "loc": { "start": { "line": 58, "column": 13 }, "end": { "line": 58, "column": 24 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1819, "end": 1820, "loc": { "start": { "line": 58, "column": 25 }, "end": { "line": 58, "column": 26 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1821, "end": 1825, "loc": { "start": { "line": 58, "column": 27 }, "end": { "line": 58, "column": 31 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1825, "end": 1826, "loc": { "start": { "line": 58, "column": 31 }, "end": { "line": 58, "column": 32 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 1826, "end": 1832, "loc": { "start": { "line": 58, "column": 32 }, "end": { "line": 58, "column": 38 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1832, "end": 1833, "loc": { "start": { "line": 58, "column": 38 }, "end": { "line": 58, "column": 39 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "width", "start": 1833, "end": 1838, "loc": { "start": { "line": 58, "column": 39 }, "end": { "line": 58, "column": 44 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1838, "end": 1839, "loc": { "start": { "line": 58, "column": 44 }, "end": { "line": 58, "column": 45 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1848, "end": 1852, "loc": { "start": { "line": 59, "column": 8 }, "end": { "line": 59, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1852, "end": 1853, "loc": { "start": { "line": 59, "column": 12 }, "end": { "line": 59, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasHeight", "start": 1853, "end": 1865, "loc": { "start": { "line": 59, "column": 13 }, "end": { "line": 59, "column": 25 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1866, "end": 1867, "loc": { "start": { "line": 59, "column": 26 }, "end": { "line": 59, "column": 27 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1868, "end": 1872, "loc": { "start": { "line": 59, "column": 28 }, "end": { "line": 59, "column": 32 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1872, "end": 1873, "loc": { "start": { "line": 59, "column": 32 }, "end": { "line": 59, "column": 33 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 1873, "end": 1879, "loc": { "start": { "line": 59, "column": 33 }, "end": { "line": 59, "column": 39 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1879, "end": 1880, "loc": { "start": { "line": 59, "column": 39 }, "end": { "line": 59, "column": 40 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "height", "start": 1880, "end": 1886, "loc": { "start": { "line": 59, "column": 40 }, "end": { "line": 59, "column": 46 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1886, "end": 1887, "loc": { "start": { "line": 59, "column": 46 }, "end": { "line": 59, "column": 47 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1896, "end": 1900, "loc": { "start": { "line": 60, "column": 8 }, "end": { "line": 60, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1900, "end": 1901, "loc": { "start": { "line": 60, "column": 12 }, "end": { "line": 60, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasDPIWidth", "start": 1901, "end": 1915, "loc": { "start": { "line": 60, "column": 13 }, "end": { "line": 60, "column": 27 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1916, "end": 1917, "loc": { "start": { "line": 60, "column": 28 }, "end": { "line": 60, "column": 29 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1918, "end": 1922, "loc": { "start": { "line": 60, "column": 30 }, "end": { "line": 60, "column": 34 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1922, "end": 1923, "loc": { "start": { "line": 60, "column": 34 }, "end": { "line": 60, "column": 35 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasWidth", "start": 1923, "end": 1934, "loc": { "start": { "line": 60, "column": 35 }, "end": { "line": 60, "column": 46 } } }, { "type": { "label": "/", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": 10, "updateContext": null }, "value": "/", "start": 1935, "end": 1936, "loc": { "start": { "line": 60, "column": 47 }, "end": { "line": 60, "column": 48 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1937, "end": 1941, "loc": { "start": { "line": 60, "column": 49 }, "end": { "line": 60, "column": 53 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1941, "end": 1942, "loc": { "start": { "line": 60, "column": 53 }, "end": { "line": 60, "column": 54 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 1942, "end": 1948, "loc": { "start": { "line": 60, "column": 54 }, "end": { "line": 60, "column": 60 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1948, "end": 1949, "loc": { "start": { "line": 60, "column": 60 }, "end": { "line": 60, "column": 61 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "clientWidth", "start": 1949, "end": 1960, "loc": { "start": { "line": 60, "column": 61 }, "end": { "line": 60, "column": 72 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1960, "end": 1961, "loc": { "start": { "line": 60, "column": 72 }, "end": { "line": 60, "column": 73 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1970, "end": 1974, "loc": { "start": { "line": 61, "column": 8 }, "end": { "line": 61, "column": 12 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1974, "end": 1975, "loc": { "start": { "line": 61, "column": 12 }, "end": { "line": 61, "column": 13 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasDPIHeight", "start": 1975, "end": 1990, "loc": { "start": { "line": 61, "column": 13 }, "end": { "line": 61, "column": 28 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 1991, "end": 1992, "loc": { "start": { "line": 61, "column": 29 }, "end": { "line": 61, "column": 30 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 1993, "end": 1997, "loc": { "start": { "line": 61, "column": 31 }, "end": { "line": 61, "column": 35 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 1997, "end": 1998, "loc": { "start": { "line": 61, "column": 35 }, "end": { "line": 61, "column": 36 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvasHeight", "start": 1998, "end": 2010, "loc": { "start": { "line": 61, "column": 36 }, "end": { "line": 61, "column": 48 } } }, { "type": { "label": "/", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": 10, "updateContext": null }, "value": "/", "start": 2011, "end": 2012, "loc": { "start": { "line": 61, "column": 49 }, "end": { "line": 61, "column": 50 } } }, { "type": { "label": "this", "keyword": "this", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "this", "start": 2013, "end": 2017, "loc": { "start": { "line": 61, "column": 51 }, "end": { "line": 61, "column": 55 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 2017, "end": 2018, "loc": { "start": { "line": 61, "column": 55 }, "end": { "line": 61, "column": 56 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "canvas", "start": 2018, "end": 2024, "loc": { "start": { "line": 61, "column": 56 }, "end": { "line": 61, "column": 62 } } }, { "type": { "label": ".", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 2024, "end": 2025, "loc": { "start": { "line": 61, "column": 62 }, "end": { "line": 61, "column": 63 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "clientHeight", "start": 2025, "end": 2037, "loc": { "start": { "line": 61, "column": 63 }, "end": { "line": 61, "column": 75 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 2037, "end": 2038, "loc": { "start": { "line": 61, "column": 75 }, "end": { "line": 61, "column": 76 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 2043, "end": 2044, "loc": { "start": { "line": 62, "column": 4 }, "end": { "line": 62, "column": 5 } } }, { "type": { "label": "}", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 2045, "end": 2046, "loc": { "start": { "line": 63, "column": 0 }, "end": { "line": 63, "column": 1 } } }, { "type": "CommentBlock", "value": "*\n * Singleton reference to the DOM Manager.\n ", "start": 2048, "end": 2098, "loc": { "start": { "line": 65, "column": 0 }, "end": { "line": 67, "column": 3 } } }, { "type": { "label": "const", "keyword": "const", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "const", "start": 2099, "end": 2104, "loc": { "start": { "line": 68, "column": 0 }, "end": { "line": 68, "column": 5 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "DOMManager", "start": 2105, "end": 2115, "loc": { "start": { "line": 68, "column": 6 }, "end": { "line": 68, "column": 16 } } }, { "type": { "label": "=", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": true, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "=", "start": 2116, "end": 2117, "loc": { "start": { "line": 68, "column": 17 }, "end": { "line": 68, "column": 18 } } }, { "type": { "label": "new", "keyword": "new", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "new", "start": 2118, "end": 2121, "loc": { "start": { "line": 68, "column": 19 }, "end": { "line": 68, "column": 22 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "_DOMManager", "start": 2122, "end": 2133, "loc": { "start": { "line": 68, "column": 23 }, "end": { "line": 68, "column": 34 } } }, { "type": { "label": "(", "beforeExpr": true, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 2133, "end": 2134, "loc": { "start": { "line": 68, "column": 34 }, "end": { "line": 68, "column": 35 } } }, { "type": { "label": ")", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "start": 2134, "end": 2135, "loc": { "start": { "line": 68, "column": 35 }, "end": { "line": 68, "column": 36 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 2135, "end": 2136, "loc": { "start": { "line": 68, "column": 36 }, "end": { "line": 68, "column": 37 } } }, { "type": { "label": "export", "keyword": "export", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "export", "start": 2137, "end": 2143, "loc": { "start": { "line": 69, "column": 0 }, "end": { "line": 69, "column": 6 } } }, { "type": { "label": "default", "keyword": "default", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "value": "default", "start": 2144, "end": 2151, "loc": { "start": { "line": 69, "column": 7 }, "end": { "line": 69, "column": 14 } } }, { "type": { "label": "name", "beforeExpr": false, "startsExpr": true, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null }, "value": "DOMManager", "start": 2152, "end": 2162, "loc": { "start": { "line": 69, "column": 15 }, "end": { "line": 69, "column": 25 } } }, { "type": { "label": ";", "beforeExpr": true, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 2162, "end": 2163, "loc": { "start": { "line": 69, "column": 25 }, "end": { "line": 69, "column": 26 } } }, { "type": { "label": "eof", "beforeExpr": false, "startsExpr": false, "rightAssociative": false, "isLoop": false, "isAssign": false, "prefix": false, "postfix": false, "binop": null, "updateContext": null }, "start": 2163, "end": 2163, "loc": { "start": { "line": 69, "column": 26 }, "end": { "line": 69, "column": 26 } } } ] }