-
Notifications
You must be signed in to change notification settings - Fork 37
/
Copy pathcover.html
88 lines (77 loc) · 3.46 KB
/
cover.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>WebGL Insights</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-62287147-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="page">
<a href="index.html"><img class="title" src="images/strip.png" width="639" height="140" alt="WebGL Insights" /></a>
<table summary="" border="0" width="630">
<tr align="center" class="sitemap">
<td><a href="index.html">Home</a></td>
<td>Cover</td>
<td><a href="toc.html">Table of Contents</a></td>
<td><a href="tips.html">Tips</a></td>
<td><a href="contributors.html">Contributors</a></td>
<td><a href="reviews.html">Reviews</a></td>
<td><a href="bibtex.html">BibTeX</a></td>
<td><a href="errata.html">Errata</a></td>
<td><a href="https://github.com/WebGLInsights/WebGLInsights-1" target="_blank">Code</a></td>
<td><a href="http://webglinsights.blogspot.com/" target="_blank">Blog</a></td>
<td><a href="http://www.amazon.com/gp/product/1498716075/ref=as_li_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1498716075&linkCode=as2&tag=virtua06a-20&linkId=YQKMB2RHXIYRZKJ5" target="_blank">Buy</a><img src="http://ir-na.amazon-adsystem.com/e/ir?t=virtua06a-20&l=as2&o=1&a=1498716075" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></td>
</tr>
</table>
<h1>Cover</h1>
<table summary="" border="0" width="639">
<tr>
<td valign="top">
<p>
The <span class="bookTitle">WebGL Insights</span> cover highlights work from Chapter 15, <em>Deferred Shading in Luma</em>, by Nicholas Brancaccio.
</p>
<p>
<a href="images/cover/cover_full.png"><img src="images/cover/cover_small.png" width="630" alt="WebGL Insights Cover" /></a>
</p>
<p>
Using a Mondrian-inspired composition, the cover shows different properties in the g-buffer for a scene rendered with Floored's WebGL deferred shading engine, Luma. Thanks to Nicholas Brancaccio, Judy He, and the entire <a href="http://www.floored.com/" target="_blank">Floored</a> team for sharing these images with us.
</p>
<h2>Color</h2>
<p>
<a href="images/cover/gbufferColor.png"><img src="images/cover/gbufferColor_small.png" width="630" /></a>
</p>
<h2>Depth</h2>
<p>
<a href="images/cover/gbufferDepth.png"><img src="images/cover/gbufferDepth_small.png" width="630" /></a>
</p>
<h2>Normal</h2>
<p>
<a href="images/cover/gbufferNormal.png"><img src="images/cover/gbufferNormal_small.png" width="630" /></a>
</p>
<h2>Gloss</h2>
<p>
<a href="images/cover/gbufferGloss.png"><img src="images/cover/gbufferGloss_small.png" width="630" /></a>
</p>
<h2>Metallic</h2>
<p>
<a href="images/cover/gbufferMetallic.png"><img src="images/cover/gbufferMetallic_small.png" width="630" /></a>
</p>
<h2>Final scene</h2>
<p>
<a href="images/cover/gbufferLit.png"><img src="images/cover/gbufferLit_small.png" width="630" /></a>
</p>
</td>
</tr>
</table>
</div>
</body>
</html>