diff --git a/html/images/space.svg b/html/images/space.svg index 22767be..e0855fa 100644 --- a/html/images/space.svg +++ b/html/images/space.svg @@ -242,8 +242,7 @@ const shipRadius = +shipBody.getAttribute('r'); const legs = ship.querySelector("#legs"); - // const walls = document.querySelectorAll('.wall:not(.inverse)'); - const walls = document.querySelectorAll('.wall'); + const wallElements = document.querySelectorAll('.wall'); const bulletsContainer = document.querySelector("#bullets"); const triangleContainer = document.querySelector('#triangles'); const linesContainer = document.querySelector("#lines"); @@ -254,7 +253,7 @@ const bulletPt = svg.createSVGPoint(); const cornerPt = svg.createSVGPoint(); - const allWallCorners = [...walls].map(wall => { + const allWallCorners = [...wallElements].map(wall => { const cs = wall.getAttribute('points').split(' ').map(coords => { const [x, y] = coords.split(','); return [+x, +y]; @@ -263,7 +262,7 @@ return wall.classList.contains("inverse") ? cs.reverse() : cs; }); - const mapWalls = [...walls].map(node => { + const mapWalls = [...wallElements].map(node => { const corners = node.getAttribute('points').split(' ').map(coords => { const [x, y] = coords.split(','); const pt = svg.createSVGPoint(); @@ -530,7 +529,7 @@ bulletPt.x = x; bulletPt.y = y; - if (bullet.time > 0 && ![...walls].some(w => w.isPointInFill(bulletPt))) { + if (bullet.time > 0 && ![...wallElements].some(w => w.isPointInFill(bulletPt))) { [bullet.x, bullet.y] = wrapPos(x, y); bullet.node.style.transform = `translate(${bullet.x}px, ${bullet.y}px)`; } else { @@ -900,7 +899,7 @@ // allStartingEdges = findAllEdges(edgePts, position); s.node.style.transform = `translate(${s.position.x}px, ${s.position.y}px)`; - walls.forEach(w => w.setAttribute('fill', 'black')); + wallElements.forEach(w => w.setAttribute('fill', 'black')); // bg.style.fill = 'black'; time.innerText = "0"; } @@ -941,7 +940,7 @@ if (s.collision && !s.isLanded) { started = false; isReadingKeys = false; - walls.forEach(w => w.setAttribute('fill', 'red')); + wallElements.forEach(w => w.setAttribute('fill', 'red')); // bg.style.fill = 'red'; }