Commit 9128193c authored by bbguimaraes's avatar bbguimaraes
Browse files

nngn: post-processing screenshots/videos

parent eb57461b
......@@ -38,7 +38,7 @@ more about it in the <a href="/blog/tags/nngn.html">blog</a> section.
</li>
<li><a href="docs/">documentation</a></li>
<li>
screenshots
screenshots/videos
<ul>
<li>
<a href="screenshots/engine.html">engine</a>
......@@ -46,6 +46,9 @@ more about it in the <a href="/blog/tags/nngn.html">blog</a> section.
<li>
<a href="screenshots/lighting.html">lighting</a>
</li>
<li>
<a href="screenshots/post.html">post-processing</a>
</li>
<li>
<a href="screenshots/tools.html">tools</a>
</li>
......
......@@ -31,7 +31,7 @@ main {
margin-top: 2em;
}
.screenshots img {
.screenshots img, .screenshots video {
width: 100%;
max-width: 800px;
padding: 1em;
......
......@@ -48,6 +48,12 @@
title="more dynamic lighting">
<figcaption>More dynamic lighting.</figcaption>
</figure>
<figure>
<img
src="/files/nngn/screenshots/perspective_shadows.png"
alt="perspective shadows" title="perspective shadows">
<figcaption>Shadows in perspective mode.</figcaption>
</figure>
</div>
</main>
</body>
......
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>nngn - screenshots - post-processing</title>
<link rel="stylesheet" type="text/css" href="../../main.css" />
<link rel="stylesheet" type="text/css" href="../nngn.css" />
</head>
<body>
<main>
<nav id="page-nav">
<a href="/"><img id="logo" src="/triangle.png" alt="root"/></a>
/
<a href="/nngn">nngn</a>
/ screenshots / post-processing
</nav>
<h1>nngn</h1>
<h2>screenshots - post-processing</h2>
<ul>
<li><a href="#screenshots">screenshots</a></li>
<li><a href="#videos">videos</a></li>
</ul>
<div class="screenshots">
<h3>
<a id="screenshots" href="#screenshots">screenshots</a>
</h3>
<figure>
<img
src="/files/nngn/screenshots/hdr.png"
alt="high dynamic range"
title="high dynamic range">
<figcaption>High dynamic range.</figcaption>
</figure>
<figure>
<img
src="/files/nngn/screenshots/bloom.png"
alt="bloom lighting" title="bloom lighting">
<figcaption>Bloom lighting.</figcaption>
</figure>
<figure>
<img
src="/files/nngn/screenshots/automatic_exposure.png"
alt="automatic exposure"
title="automatic exposure">
<figcaption>Automatic exposure.</figcaption>
</figure>
<figure>
<img
src="/files/nngn/screenshots/blur.png"
alt="blur"
title="blur">
<figcaption>Blur.</figcaption>
</figure>
<h3>
<a id="videos" href="#videos">videos</a>
</h3>
<figure>
<video controls preload="none" poster="/files/nngn/screenshots/post_poster.png">
<source src="/files/nngn/screenshots/post.webm" />
Your browser doesn't support the &lt;video&gt; tag.
</video>
<figcaption>Post-processing demonstration.</figcaption>
</figure>
<figure>
<video controls preload="none" poster="/files/nngn/screenshots/dynamic_lighting_poster.png">
<source src="/files/nngn/screenshots/dynamic_lighting.webm" />
Your browser doesn't support the &lt;video&gt; tag.
</video>
<figcaption>Dynamic lighting.</figcaption>
</figure>
</div>
</main>
</body>
</html>
......@@ -18,6 +18,14 @@
<h1>nngn</h1>
<h2>screenshots - tools</h2>
<div class="screenshots">
<figure>
<img
src="/files/nngn/screenshots/configure.png"
alt="configure" title="configure">
<figcaption>
Generic, configurable settings.
</figcaption>
</figure>
<figure>
<img
src="/files/nngn/screenshots/timeline_prof.png"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment