diff --git a/empty1.svg b/images/empty1.svg
similarity index 100%
rename from empty1.svg
rename to images/empty1.svg
diff --git a/land1.svg b/images/land1.svg
similarity index 100%
rename from land1.svg
rename to images/land1.svg
diff --git a/road1-bl.svg b/images/road1-bl.svg
similarity index 100%
rename from road1-bl.svg
rename to images/road1-bl.svg
diff --git a/road1-blr.svg b/images/road1-blr.svg
similarity index 100%
rename from road1-blr.svg
rename to images/road1-blr.svg
diff --git a/road1-br.svg b/images/road1-br.svg
similarity index 100%
rename from road1-br.svg
rename to images/road1-br.svg
diff --git a/road1-lr.svg b/images/road1-lr.svg
similarity index 100%
rename from road1-lr.svg
rename to images/road1-lr.svg
diff --git a/road1-ltb.svg b/images/road1-ltb.svg
similarity index 100%
rename from road1-ltb.svg
rename to images/road1-ltb.svg
diff --git a/road1-rtb.svg b/images/road1-rtb.svg
similarity index 100%
rename from road1-rtb.svg
rename to images/road1-rtb.svg
diff --git a/road1-tb.svg b/images/road1-tb.svg
similarity index 100%
rename from road1-tb.svg
rename to images/road1-tb.svg
diff --git a/road1-tblr.svg b/images/road1-tblr.svg
similarity index 100%
rename from road1-tblr.svg
rename to images/road1-tblr.svg
diff --git a/road1-tl.svg b/images/road1-tl.svg
similarity index 100%
rename from road1-tl.svg
rename to images/road1-tl.svg
diff --git a/road1-tlr.svg b/images/road1-tlr.svg
similarity index 100%
rename from road1-tlr.svg
rename to images/road1-tlr.svg
diff --git a/road1-tr.svg b/images/road1-tr.svg
similarity index 100%
rename from road1-tr.svg
rename to images/road1-tr.svg
diff --git a/src/.gitignore b/src/.gitignore
new file mode 100644
index 0000000..4e57eef
--- /dev/null
+++ b/src/.gitignore
@@ -0,0 +1,2 @@
+*.js
+*.js.map
diff --git a/src/tower.ts b/src/tower.ts
new file mode 100644
index 0000000..7b0063f
--- /dev/null
+++ b/src/tower.ts
@@ -0,0 +1,5 @@
+import { TowerMap } from 'tower_map.js';
+
+export function main() {
+  const map = new TowerMap();
+};
diff --git a/src/tower_map.ts b/src/tower_map.ts
new file mode 100644
index 0000000..b91ba0a
--- /dev/null
+++ b/src/tower_map.ts
@@ -0,0 +1,2 @@
+export class TowerMap {
+}
diff --git a/src/tsconfig.json b/src/tsconfig.json
new file mode 100644
index 0000000..254a2b8
--- /dev/null
+++ b/src/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ES2020",
+    "noImplicitAny": true,
+    "sourceMap": true
+  },
+  "files": [
+    "tower.ts",
+    "tower_map.ts"
+  ]
+}
diff --git a/test.html b/test.html
index f85ae18..f0b0ad2 100644
--- a/test.html
+++ b/test.html
@@ -25,7 +25,7 @@ div {
 .map {
   width: var(--map-width);
   height: var(--map-height);
-  background-image: url('land1.svg');
+  background-image: url('images/land1.svg');
   background-size: 100% 100%;
   display: grid;
   grid-template-columns: repeat(var(--map-width-tiles), 1fr);
@@ -33,84 +33,84 @@ div {
 }
 
 .road-tb {
-  background-image: url('road1-tb.svg');
+  background-image: url('images/road1-tb.svg');
   background-size: cover;
   grid-column-end: span 2;
   grid-row-end: span 3;
 }
 
 .road-lr {
-  background-image: url('road1-lr.svg');
+  background-image: url('images/road1-lr.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 2;
 }
 
 .road-br {
-  background-image: url('road1-br.svg');
+  background-image: url('images/road1-br.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 3;
 }
 
 .road-bl {
-  background-image: url('road1-bl.svg');
+  background-image: url('images/road1-bl.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 3;
 }
 
 .road-tr {
-  background-image: url('road1-tr.svg');
+  background-image: url('images/road1-tr.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 3;
 }
 
 .road-tl {
-  background-image: url('road1-tl.svg');
+  background-image: url('images/road1-tl.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 3;
 }
 
 .road-blr {
-  background-image: url('road1-blr.svg');
+  background-image: url('images/road1-blr.svg');
   background-size: cover;
   grid-column-end: span 4;
   grid-row-end: span 3;
 }
 
 .road-tlr {
-  background-image: url('road1-tlr.svg');
+  background-image: url('images/road1-tlr.svg');
   background-size: cover;
   grid-column-end: span 4;
   grid-row-end: span 3;
 }
 
 .road-ltb {
-  background-image: url('road1-ltb.svg');
+  background-image: url('images/road1-ltb.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 4;
 }
 
 .road-rtb {
-  background-image: url('road1-rtb.svg');
+  background-image: url('images/road1-rtb.svg');
   background-size: cover;
   grid-column-end: span 3;
   grid-row-end: span 4;
 }
 
 .road-tblr {
-  background-image: url('road1-tblr.svg');
+  background-image: url('images/road1-tblr.svg');
   background-size: cover;
   grid-column-end: span 4;
   grid-row-end: span 4;
 }
 
 .empty {
-  background-image: url('empty1.svg');
+  background-image: url('images/empty1.svg');
   background-size: cover;
   grid-column-end: span 2;
   grid-row-end: span 1;