Single Page Wumpus

The "Hunt the Wumpus" game included in this page as an asset is a single-page interactive SVG + Javascript document. All the code and SVG mark-up is local to the SVG document.

See also Clickable SVG.

pages/single-page-wumpus

Eric suggested removing width and height from the svg tag as a way of suggesting to the browser to make it fit. That didn't work here but I have more ideas.

http://ward.dojo.fed.wiki/assets/pages/single-page-wumpus/wumpus.svg HEIGHT 600

My version starts like this.

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

Eric's advice was in the context of the Frame plugin so I give that a try. Nope. That's worse. Mysteries abound.

http://ward.dojo.fed.wiki/assets/pages/single-page-wumpus/wumpus.html

This is what I fed into the Frame, with and without the height and width on the div.

<div id=wumpus width=100% height=100%><div> <script type=module> let svg = await fetch(`./wumpus.svg`) .then(res => res.text()) window.wumpus.innerHTML = svg </script>