Merge pull request #521 from RayTracing/image-renames

Image renames

Author: hollasch

books/RayTracingInOneWeekend.html

@@ -137,7 +137,7 @@
 Opening the output file (in `ToyViewer` on my Mac, but try it in your favorite viewer and Google
 “ppm viewer” if your viewer doesn’t support it) shows this result:
 
-  ![First PPM image](../images/img.first-ppm-image.png class=pixel)
+  ![Image 1: First PPM image](../images/img-1.01-first-ppm-image.png class=pixel)
 
 </div>
 
@@ -536,8 +536,8 @@
 
 with $t$ going from zero to one. In our case this produces:
 
-  ![A blue-to-white gradient depending on ray Y coordinate
-  ](../images/img.blue-to-white.png class=pixel)
+  ![Image 2: A blue-to-white gradient depending on ray Y coordinate
+  ](../images/img-1.02-blue-to-white.png class=pixel)
 
 </div>
 
@@ -651,7 +651,7 @@
 <div class='together'>
 What we get is this:
 
-  ![A simple red sphere](../images/img.red-sphere.png class=pixel)
+  ![Image 3: A simple red sphere](../images/img-1.03-red-sphere.png class=pixel)
 
 </div>
 
@@ -727,7 +727,8 @@
 <div class='together'>
 And that yields this picture:
 
-  ![A sphere colored according to its normal vectors](../images/img.normals-sphere.png class=pixel)
+  ![Image 4: A sphere colored according to its normal vectors
+  ](../images/img-1.04-normals-sphere.png class=pixel)
 
 </div>
 
@@ -1239,8 +1240,8 @@
 This yields a picture that is really just a visualization of where the spheres are along with their
 surface normal. This is often a great way to look at your model for flaws and characteristics.
 
-  ![Resulting render of normals-colored sphere with ground
-  ](../images/img.normals-sphere-ground.png class=pixel)
+  ![Image 5: Resulting render of normals-colored sphere with ground
+  ](../images/img-1.05-normals-sphere-ground.png class=pixel)
 
 </div>
 
@@ -1428,7 +1429,7 @@
 Zooming into the image that is produced, the big change is in edge pixels that are part background
 and part foreground:
 
-  ![Close-up of antialiased pixels](../images/img.antialias.png class=pixel)
+  ![Image 6: Close-up of antialiased pixels](../images/img-1.06-antialias.png class=pixel)
 
 </div>
 
@@ -1603,7 +1604,7 @@
 <div class='together'>
 This gives us:
 
-  ![First render of a diffuse sphere](../images/img.first-diffuse.jpg class=pixel)
+  ![Image 7: First render of a diffuse sphere](../images/img-1.07-first-diffuse.jpg class=pixel)
 
 </div>
 
@@ -1647,7 +1648,8 @@
 <div class='together'>
 That yields light grey, as we desire:
 
-  ![Diffuse sphere, with gamma correction](../images/img.gamma-correct.jpg class=pixel)
+  ![Image 8: Diffuse sphere, with gamma correction
+  ](../images/img-1.08-gamma-correct.jpg class=pixel)
 
 </div>
 
@@ -1727,7 +1729,8 @@
 <div class='together'>
 After rendering we get a similar image:
 
-  ![Correct rendering of Lambertian spheres](../images/img.correct-lambertian.png class=pixel)
+  ![Image 9: Correct rendering of Lambertian spheres
+  ](../images/img-1.09-correct-lambertian.png class=pixel)
 
 It's hard to tell the difference between these two diffuse methods, given that our scene of two
 spheres is so simple, but you should be able to notice two important visual differences:
@@ -1806,8 +1809,8 @@
 
 Gives us the following image:
 
-  ![Rendering of diffuse spheres with hemispherical scattering
-  ](../images/img.rand-hemispherical.png class=pixel)
+  ![Image 10: Rendering of diffuse spheres with hemispherical scattering
+  ](../images/img-1.10-rand-hemispherical.png class=pixel)
 
 </div>
 
@@ -2130,7 +2133,7 @@
 <div class='together'>
 Which gives:
 
-  ![Shiny metal](../images/img.metal-shiny.png class=pixel)
+  ![Image 11: Shiny metal](../images/img-1.11-metal-shiny.png class=pixel)
 
 </div>
 
@@ -2183,7 +2186,7 @@
 <div class='together'>
 We can try that out by adding fuzziness 0.3 and 1.0 to the metals:
 
-  ![Fuzzed metal](../images/img.metal-fuzz.png class=pixel)
+  ![Image 12: Fuzzed metal](../images/img-1.12-metal-fuzz.png class=pixel)
 
 </div>
 
@@ -2204,7 +2207,7 @@
 there is a refraction ray at all. For this project, I tried to put two glass balls in our scene, and
 I got this (I have not told you how to do this right or wrong yet, but soon!):
 
-  ![Glass first](../images/img.glass-first.png class=pixel)
+  ![Image 13: Glass first](../images/img-1.13-glass-first.png class=pixel)
 
 </div>
 
@@ -2308,7 +2311,8 @@
 
 This gives us the following result:
 
-  ![Glass sphere that always refracts](../images/img.glass-always-refract.png class=pixel)
+  ![Image 14: Glass sphere that always refracts
+  ](../images/img-1.14-glass-always-refract.png class=pixel)
 
 
 Total Internal Reflection
@@ -2429,7 +2433,8 @@
 
 We get:
 
-  ![Glass sphere that sometimes refracts](../images/img.glass-sometimes-refract.png class=pixel)
+  ![Image 15: Glass sphere that sometimes refracts
+  ](../images/img-1.15-glass-sometimes-refract.png class=pixel)
 
 </div>
 
@@ -2514,7 +2519,7 @@
 <div class='together'>
 This gives:
 
-  ![A hollow glass sphere](../images/img.glass-hollow.png class=pixel)
+  ![Image 16: A hollow glass sphere](../images/img-1.16-glass-hollow.png class=pixel)
 
 </div>
 
@@ -2591,7 +2596,7 @@
 
 gives:
 
-  ![A wide-angle view](../images/img.wide-view.png class=pixel)
+  ![Image 17: A wide-angle view](../images/img-1.17-wide-view.png class=pixel)
 
 </div>
 
@@ -2675,7 +2680,7 @@
 
 to get:
 
-  ![A distant view](../images/img.view-distant.png class=pixel)
+  ![Image 18: A distant view](../images/img-1.18-view-distant.png class=pixel)
 
 And we can change field of view:
 
@@ -2686,7 +2691,7 @@
 
 to get:
 
-  ![Zooming in](../images/img.view-zoom.png class=pixel)
+  ![Image 19: Zooming in](../images/img-1.19-view-zoom.png class=pixel)
 
 </div>
 
@@ -2828,7 +2833,7 @@
 
 We get:
 
-  ![Spheres with depth-of-field](../images/img.depth-of-field.png class=pixel)
+  ![Image 20: Spheres with depth-of-field](../images/img-1.20-depth-of-field.png class=pixel)
 
 </div>
 
@@ -2905,7 +2910,7 @@
 <div class='together'>
 This gives:
 
-  ![Final scene](../images/img.book1-final.jpg)
+  ![Image 21: Final scene](../images/img-1.21-book1-final.jpg)
 
 </div>