diff options
| -rw-r--r-- | js/toadmode/index.html | 4 | ||||
| -rw-r--r-- | js/toadmode/toad.js | 10 |
2 files changed, 7 insertions, 7 deletions
diff --git a/js/toadmode/index.html b/js/toadmode/index.html index 6a0696e..a1327b4 100644 --- a/js/toadmode/index.html +++ b/js/toadmode/index.html @@ -13,8 +13,8 @@ margin: 0; padding: 0; background-color: #000; - font-family: 'APL386', monospace; - /* font-family: 'Shantell Sans', sans-serif; */ + /* font-family: 'APL386', monospace; */ + font-family: 'Shantell Sans', sans-serif; } canvas { display: block; diff --git a/js/toadmode/toad.js b/js/toadmode/toad.js index 3b7ba84..7e9822b 100644 --- a/js/toadmode/toad.js +++ b/js/toadmode/toad.js @@ -100,7 +100,7 @@ contextMenu.style.border = '1px solid black'; ['Square', 'Triangle', 'Circle', 'Octagon', 'Pentagon', 'Diamond', 'Nope'].forEach(shape => { const option = createContextMenuOption(shape); contextMenu.appendChild(option); -}); +}); // I mean, realistically shape should be label, but I got this far...so Nope is gonna be a shape document.body.appendChild(contextMenu); @@ -132,13 +132,13 @@ const redrawGrid = () => { context.fillRect(0, 0, canvas.width, canvas.height); context.strokeStyle = 'white'; - [...Array(Math.ceil(viewportWidth / gridSize)).keys()].forEach(x => { + for (let x = 0; x < Math.ceil(viewportWidth / gridSize); x++) { drawLine(x * gridSize, 0, x * gridSize, viewportHeight); - }); + } - [...Array(Math.ceil(viewportHeight / gridSize)).keys()].forEach(y => { + for (let y = 0; y < Math.ceil(viewportHeight / gridSize); y++) { drawLine(0, y * gridSize, viewportWidth, y * gridSize); - }); + } shapes.forEach(shape => { drawShape(shape.type, shape.x, shape.y); |