Scaling

index.html

@@ -18,6 +18,13 @@
     <link rel="stylesheet" href="css/reveal.css">
     <link rel="stylesheet" href="css/theme/blood.css" id="theme">
 
+    <style>
+        div.attribution {
+            font-style: italic;
+            font-size: x-small;
+        }
+    </style>
+
     <!-- Code syntax highlighting -->
     <link rel="stylesheet" href="lib/css/zenburn.css">
 
@@ -47,6 +54,9 @@
             <pattern id="grid-sm" width="37.5" height="37.5" patternUnits="userSpaceOnUse">
                 <path d="M 37.5 0 L 0 0 0 37.5" fill="none" stroke="gray" stroke-width="1"></path>
             </pattern>
+            <pattern id="grid-sm50" width="50" height="50" patternUnits="userSpaceOnUse">
+                <path d="M 50 0 L 0 0 0 50" fill="none" stroke="gray" stroke-width="1"></path>
+            </pattern>
             <marker id="arrow" markerWidth="10" markerHeight="10" refx="0" refy="3" orient="auto"
                     markerUnits="strokeWidth">
                 <path d="M0 0 L0 6 L9 3 z" fill="#f33"></path>
@@ -92,16 +102,21 @@ <h2>Hardware</h2>
             <ul>
                 <li>1992</li>
                 <li>12MHz 16-bit 286</li>
-                <li>No floating point</li>
+                <li>33/66MHz 486DX2 just released $799<span class="fragment"> ($1400 in today's)</span></li>
+                <li class="fragment">No video acceleration</li>
+                <li class="fragment">No floating point (until 486)</li>
             </ul>
         </section>
 
         <section>
             <h2>Raycasting</h2>
-            <img src="Simple_raycasting_with_fisheye_correction.gif">
-            <small><em>
+            <img class="stretch" src="Simple_raycasting_with_fisheye_correction.gif">
+            <div class="attribution">
                 By Kieff - Own work, Public Domain<br>https://commons.wikimedia.org/w/index.php?curid=20389654
-            </em></small>
+            </div>
+            <aside class="notes">
+                Strictly speaking, ray casting is per pixel, first bounce ray tracer. not related to columnar.
+            </aside>
         </section>
 
         <section>
@@ -115,8 +130,8 @@ <h2>Wolf3D's raycaster</h2>
 
         <section>
             <h2>Map</h2>
-            <svg width="376" height="376" xmlns="http://www.w3.org/2000/svg">
-                <g transform="scale(37.5 37.5)">
+            <svg width="501" height="501" xmlns="http://www.w3.org/2000/svg">
+                <g transform="scale(50 50)">
                     <rect x="0" y="0" width="10" height="1" fill="#336"></rect>
                     <rect x="0" y="0" width="1" height="10" fill="#336"></rect>
                     <rect x="0" y="9" width="10" height="1" fill="#336"></rect>
@@ -141,7 +156,7 @@ <h2>Map</h2>
                         </g>
                     </g>
                 </g>
-                <rect width="100%" height="100%" fill="url(#grid-sm)"></rect>
+                <rect width="100%" height="100%" fill="url(#grid-sm50)"></rect>
             </svg>
         </section>
         <section>
@@ -786,6 +801,9 @@ <h2>Rendering</h2>
 
         transition: 'fade', // none/fade/slide/convex/concave/zoom
 
+        width: 1280,
+        height: 720,
+
         // Optional reveal.js plugins
         dependencies: [
             {