diff --git a/.gitignore b/.gitignore
index 061ed91..fb2f0de 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,4 +5,5 @@
 !main.cpp
 !screenshot.png
 !build.sh
-!build-web.sh
\ No newline at end of file
+!build-web.sh
+!emscripten_shell.html
\ No newline at end of file
diff --git a/build-web.sh b/build-web.sh
index 584a7ef..6da709e 100755
--- a/build-web.sh
+++ b/build-web.sh
@@ -1,2 +1,2 @@
 #!/bin/bash
-/usr/lib/emscripten/em++ -std=c++26 --use-port=sdl2 -O2 --emrun -sASSERTIONS -o index.html main.cpp
\ No newline at end of file
+/usr/lib/emscripten/em++ -std=c++26 --use-port=sdl2 -O2 --emrun --shell-file emscripten_shell.html -sASSERTIONS -o index.html main.cpp
\ No newline at end of file
diff --git a/emscripten_shell.html b/emscripten_shell.html
new file mode 100644
index 0000000..0f3a78b
--- /dev/null
+++ b/emscripten_shell.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en-us">
+
+<head>
+	<meta charset="utf-8">
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>Randomwalk</title>
+	<style>
+		body {
+			margin: 0;
+		}
+	</style>
+</head>
+
+<body>
+	<canvas id="canvas" tabindex=-1></canvas>
+	<script type='text/javascript'>
+
+		var Module = {
+			canvas: (() => {
+				var canvas = document.getElementById('canvas');
+
+				// As a default initial behavior, pop up an alert when webgl context is lost. To make your
+				// application robust, you may want to override this behavior before shipping!
+				// See http://www.khronos.org/registry/webgl/specs/latest/1.0/#5.15.2
+				canvas.addEventListener("webglcontextlost", (e) => { alert('WebGL context lost. You will need to reload the page.'); e.preventDefault(); }, false);
+
+				return canvas;
+			})(),
+			setStatus: (text) => { console.log(text); },
+			totalDependencies: 0,
+			monitorRunDependencies: (left) => {
+				this.totalDependencies = Math.max(this.totalDependencies, left);
+				Module.setStatus(left ? 'Preparing... (' + (this.totalDependencies - left) + '/' + this.totalDependencies + ')' : 'All downloads complete.');
+			}
+		};
+		Module.setStatus('Downloading...');
+		window.onerror = () => {
+			Module.setStatus('Exception thrown, see JavaScript console');
+			spinnerElement.style.display = 'none';
+			Module.setStatus = (text) => {
+				if (text) console.error('[post-exception status] ' + text);
+			};
+		};
+	</script>
+	{{{ SCRIPT }}}
+</body>
+
+</html>
\ No newline at end of file
