Skip to content

Commit e4a9f54

Browse files
hollaschhollasch
committed
website: final draft for v2 web release
1 parent f0aab32 commit e4a9f54

File tree

2 files changed

+227
-21
lines changed

2 files changed

+227
-21
lines changed

‎index.html

Lines changed: 154 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,158 @@
11
<!DOCTYPE html>
22
<meta charset="utf-8">
3-
<title>Ray Tracing Series</title>
4-
<style>
5-
body { margin: 3em 4%; }
6-
div.books { text-align: center; margin-top: 8em; }
7-
img { margin: 0 16px; }
8-
div.books a { text-decoration: none; }
9-
</style>
10-
11-
<div class='books'>
12-
13-
<a href='books/RayTracingInOneWeekend.html'>
14-
<img src='images/RTOneWeekend.jpg' width='234' height='375' alt='Ray Tracing: In One Weekend'>
15-
</a>
16-
17-
<a href='books/RayTracingTheNextWeek.html'>
18-
<img src='images/RTNextWeek.jpg' width='234' height='375' alt='Ray Tracing: The Next Week'>
19-
</a>
20-
21-
<a href='books/RayTracingTheRestOfYourLife.html'>
22-
<img src='images/RTRestOfYourLife.jpg' width='234' height='375' alt='Ray Tracing: The Rest Of Your Life'>
23-
</a>
3+
<title>Ray Tracing In One Weekend Series</title>
4+
<link rel='stylesheet' href='style/website.css'>
5+
6+
7+
<div class="content">
8+
9+
<h1 class="title">Ray Tracing in One Weekend<br>—<br>The Book Series</h1>
10+
11+
<div class='books'>
12+
13+
<a href='books/RayTracingInOneWeekend.html'>
14+
<img src='images/RTOneWeekend.jpg' width='202' height='325' alt='Ray Tracing: In One Weekend'>
15+
</a>
16+
17+
<a href='books/RayTracingTheNextWeek.html'>
18+
<img src='images/RTNextWeek.jpg' width='202' height='325' alt='Ray Tracing: The Next Week'>
19+
</a>
20+
21+
<a href='books/RayTracingTheRestOfYourLife.html'>
22+
<img src='images/RTRestOfYourLife.jpg' width='202' height='325' alt='Ray Tracing: The Rest Of Your Life'>
23+
</a>
24+
25+
</div>
26+
27+
<h1 id='books'>Getting the Books</h1>
28+
29+
<p>The <cite>Ray Tracing in One Weekend</cite> series of books are now available to the public for free online. They
30+
are now released under <a href="https://github.com/RayTracing/raytracing.github.io/blob/master/COPYING.txt">the CC0
31+
license</a>. This means that they are as close to public domain as we can get. (While that also frees you from the
32+
requirement of providing attribution, it would help the overall project if you could point back to this web site as a
33+
service to other users.)
34+
35+
<p>Hit any of the book cover images above to begin reading. These books are formatted for printing directly from your
36+
browser, where you can also (on most browsers) save them as PDF. Finally, the original versions are also available on
37+
Kindle from Amazon:
38+
39+
<ol>
40+
<li><a href="https://amazon.com/dp/B01B5AODD8">Ray Tracing In One Weekend</a>
41+
<li><a href="https://amazon.com/dp/B01CO7PQ8C">Ray Tracing: The Next Week</a>
42+
<li><a href="https://amazon.com/dp/B01DN58P8C">Ray Tracing: The Rest Of Your Life</a>
43+
</ol>
44+
45+
46+
<h1 id='overview'>Overview</h1>
47+
48+
<p>I’ve taught many graphics classes over the years. Often I do them in ray tracing, because you are forced to write
49+
all the code but you can still get cool images with no API. I decided to adapt my course notes into a how-to, to get
50+
you to a cool program as quickly as possible. It will not be a full-featured ray tracer, but it does have the indirect
51+
lighting which has made ray tracing a staple in movies. Follow these steps, and the architecture of the ray tracer you
52+
produce will be good for extending to a more extensive ray tracer if you get excited and want to pursue that.
53+
54+
<p>When somebody says “ray tracing” it could mean many things. What I am going to describe is technically a path
55+
tracer, and a fairly general one. While the code will be pretty simple (let the computer do the work!) I think you’ll
56+
be very happy with the images you can make.
57+
58+
<p>In <cite>Ray Tracing In One Weekend</cite>, you will build a simple brute-force path tracer. Continuing with
59+
<cite>Ray Tracing: The Next Week</cite>, you will add textures, volumes (like fog), rectangles, instances, lights, and
60+
support for lots of objects using a bounding volume hierarchy (BVH). Finally, with <cite>Ray Tracing: The Rest Of Your
61+
Life</cite>, we'll dive into the math of creating a very serious ray tracer.
62+
63+
<p>When you are done, you should be ready to start messing with the many serious commercial ray tracers underlying the
64+
movie and product-design industries.
65+
66+
67+
<h1 id='source'>Source Code</h1>
68+
<p>Source code for each book may be found in the GitHub repository:
69+
<a href="https://github.com/RayTracing/raytracing.github.io">https://github.com/RayTracing/raytracing.github.io</a>.
70+
You can also directly download the latest version of the entire project (all three books) as a single archive file:
71+
<ul>
72+
<li><a href="https://github.com/RayTracing/raytracing.github.io/archive/master.zip">.ZIP format</a>
73+
<li><a href="https://github.com/RayTracing/raytracing.github.io/archive/master.tar.gz">.tar.gz format</a>
74+
</ul>
75+
76+
77+
<h1 id='issues'>Issues</h1>
78+
<p>You can browse book suggestions and errors in the
79+
<a href="https://github.com/RayTracing/raytracing.github.io/issues">GitHub issues database</a>. If you have a
80+
suggestion or believe you've found an error, please check these issues first (including closed issues) to ensure that
81+
it hasn't already been reported. If it hasn't, please create a new entry, describing the issue, book, specific
82+
83+
84+
85+
<h1 id='contributing'>Contributing</h1>
86+
<p>Interested in helping out? Please read the guidelines in the <a href="CONTRIBUTING.md">CONTRIBUTING.md</a> document
87+
first. <em>Pull requests without associated issues, or submitted without coordination, are highly likely to be
88+
rejected.</em>
89+
90+
91+
<h1 id='credits'>Credits</h1>
92+
93+
<div class='credits'>
94+
95+
<h2>Author</h2>
96+
<ul>
97+
<li>Peter Shirley
98+
</ul>
99+
100+
<h2>Editor</h2>
101+
<ul>
102+
<li><a href="https://github.com/hollasch">Steve Hollasch</a>
103+
</ul>
104+
105+
<h2>Web Release</h2>
106+
<ul>
107+
<li>Berna Kabadayı
108+
<li>Lorenzo Mancini
109+
<li>Ronald Wotzlaw
110+
<li><a href="https://github.com/hollasch">Steve Hollasch</a>
111+
<li>Trevor David Black
112+
</ul>
113+
114+
<h2>Contributors</h2>
115+
<ul>
116+
<li>Aaryaman Vasishta
117+
<li>Andrew Kensler
118+
<li>Apoorva Joshi
119+
<li>Becker
120+
<li>Benjamin Summerton
121+
<li>Bennett Hardwick
122+
<li>Berna Kabadayı
123+
<li>Dan Drummond
124+
<li>David Hart
125+
<li>Fabio Sancinetti
126+
<li>Filipe Scur
127+
<li>Frank He
128+
<li>Gerrit Wessendorf
129+
<li>Grue Debry
130+
<li>Ingo Wald
131+
<li>Jason Stone
132+
<li>Jean Buckley
133+
<li>Joey Cho
134+
<li>Lorenzo Mancini
135+
<li>Lori Whippler Hollasch
136+
<li>M-Grimaud
137+
<li>Marcus Ottosson
138+
<li>Matthew Heimlich
139+
<li>Nakata Daisuke
140+
<li>Paul Melis
141+
<li>Ronald Wotzlaw
142+
<li><a href="https://github.com/hollasch">Steve Hollasch</a>
143+
<li>Tatsuya Ogawa
144+
<li>Thiago Ize
145+
<li>Trevor David Black
146+
<li>Vahan Sosoyan
147+
</ul>
148+
149+
<h2>Diagramming</h2>
150+
<ul>
151+
<li><a href="https://limnu.com/">Limnu</a>
152+
</ul>
153+
154+
155+
</div>
156+
24157

25158
</div>

‎style/website.css

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
body {
2+
margin: 3em 8%;
3+
font-family: Helvetica, Arial, sans-serif;
4+
}
5+
6+
a {
7+
text-decoration: none;
8+
color: #00f;
9+
}
10+
11+
a:visited {
12+
color: #90c;
13+
}
14+
15+
a:hover {
16+
text-decoration: underline;
17+
}
18+
19+
div.content {
20+
max-width: 40em;
21+
margin: 0 auto;
22+
}
23+
24+
h1, h2, h3 {
25+
font-family: Copperplate Gothic, Georgia, serif;
26+
}
27+
28+
h1 {
29+
font-weight: 900;
30+
margin: 1.5em 0 0 0;
31+
padding-left: 1ex;
32+
background: #2c2c2c;
33+
color: white;
34+
}
35+
36+
h1.title {
37+
font-variant: small-caps;
38+
text-align: center;
39+
font-size: 260%;
40+
margin: 2em 0 0.5em 0;
41+
padding: .25em 0;
42+
}
43+
44+
div.books {
45+
display: flex;
46+
flex-direction: row;
47+
justify-content: space-between;
48+
margin-bottom: 4em;
49+
}
50+
51+
div.books a {
52+
text-decoration: none;
53+
}
54+
55+
p {
56+
line-height: 140%;
57+
}
58+
59+
div.credits {
60+
}
61+
62+
div.credits h2 {
63+
font-weight: normal;
64+
font-size: 125%;
65+
margin-bottom: 0;
66+
}
67+
68+
div.credits ul {
69+
margin-top: 0.5ex;
70+
padding-left: 4ex;
71+
list-style-type: none;
72+
column-count: 3;
73+
}

0 commit comments

Comments
 (0)