|
|
@@ -3,10 +3,9 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html class="writer-html5" lang="en" >
|
|
|
<head>
|
|
|
- <meta charset="utf-8" />
|
|
|
- <meta name="generator" content="Docutils 0.17.1: http://docutils.sourceforge.net/" />
|
|
|
-
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <meta charset="utf-8">
|
|
|
+
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
<title>Examples — bgfx 1.0 documentation</title>
|
|
|
|
|
|
@@ -14,15 +13,10 @@
|
|
|
|
|
|
<link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
|
|
|
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
|
|
|
- <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
|
|
|
- <link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
-
|
|
|
|
|
|
-
|
|
|
|
|
|
|
|
|
|
|
|
@@ -32,10 +26,10 @@
|
|
|
|
|
|
|
|
|
<script type="text/javascript" id="documentation_options" data-url_root="./" src="_static/documentation_options.js"></script>
|
|
|
- <script data-url_root="./" id="documentation_options" src="_static/documentation_options.js"></script>
|
|
|
<script src="_static/jquery.js"></script>
|
|
|
<script src="_static/underscore.js"></script>
|
|
|
<script src="_static/doctools.js"></script>
|
|
|
+ <script src="_static/language_data.js"></script>
|
|
|
|
|
|
<script type="text/javascript" src="_static/js/theme.js"></script>
|
|
|
|
|
|
@@ -57,7 +51,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
- <a href="index.html" class="icon icon-home"> bgfx
|
|
|
+ <a href="index.html" class="icon icon-home" alt="Documentation Home"> bgfx
|
|
|
|
|
|
|
|
|
|
|
|
@@ -146,6 +140,7 @@
|
|
|
<li class="toctree-l2"><a class="reference internal" href="#denoise">43-denoise</a></li>
|
|
|
<li class="toctree-l2"><a class="reference internal" href="#sss">44-sss</a></li>
|
|
|
<li class="toctree-l2"><a class="reference internal" href="#bokeh">45-bokeh</a></li>
|
|
|
+<li class="toctree-l2"><a class="reference internal" href="#fsr">46-fsr</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li class="toctree-l1"><a class="reference internal" href="bgfx.html">API Reference</a></li>
|
|
|
@@ -192,8 +187,6 @@
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
-
|
|
|
<div role="navigation" aria-label="breadcrumbs navigation">
|
|
|
|
|
|
<ul class="wy-breadcrumbs">
|
|
|
@@ -205,7 +198,7 @@
|
|
|
|
|
|
<li class="wy-breadcrumbs-aside">
|
|
|
|
|
|
-
|
|
|
+
|
|
|
|
|
|
</li>
|
|
|
|
|
|
@@ -217,28 +210,28 @@
|
|
|
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
|
|
|
<div itemprop="articleBody">
|
|
|
|
|
|
- <section id="examples">
|
|
|
+ <div class="section" id="examples">
|
|
|
<h1>Examples<a class="headerlink" href="#examples" title="Permalink to this headline">¶</a></h1>
|
|
|
<p>Most of the examples require shader/texture/mesh data to be loaded. When
|
|
|
running examples your current directory should be examples/runtime.</p>
|
|
|
<div class="highlight-default notranslate"><div class="highlight"><pre><span></span><bgfx_path>/examples/runtime $ ../../.build/<config>/bin/example-00-helloworldDebug
|
|
|
</pre></div>
|
|
|
</div>
|
|
|
-<section id="helloworld">
|
|
|
+<div class="section" id="helloworld">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/00-helloworld">00-helloworld</a><a class="headerlink" href="#helloworld" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Initialization and debug text.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-00-helloworld" src="https://github.com/bkaradzic/bgfx/raw/master/examples/00-helloworld/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="cubes">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="cubes">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/01-cubes/cubes.cpp">01-cubes</a><a class="headerlink" href="#cubes" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Rendering simple static mesh.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-01-cubes" src="https://github.com/bkaradzic/bgfx/raw/master/examples/01-cubes/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="metaballs">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="metaballs">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/02-metaballs">02-metaballs</a><a class="headerlink" href="#metaballs" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Rendering with transient buffers and embedding shaders.</p>
|
|
|
<div class="emscripten">
|
|
|
@@ -330,101 +323,101 @@ running examples your current directory should be examples/runtime.</p>
|
|
|
};
|
|
|
};
|
|
|
</script>
|
|
|
-<script async type="text/javascript" src="example-02-metaballsRelease.bc.js"></script></section>
|
|
|
-<section id="raymarch">
|
|
|
+<script async type="text/javascript" src="example-02-metaballsRelease.bc.js"></script></div>
|
|
|
+<div class="section" id="raymarch">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/03-raymarch">03-raymarch</a><a class="headerlink" href="#raymarch" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Updating shader uniforms.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-03-raymarch" src="https://github.com/bkaradzic/bgfx/raw/master/examples/03-raymarch/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="mesh">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="mesh">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/04-mesh">04-mesh</a><a class="headerlink" href="#mesh" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Loading meshes.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-04-mesh" src="https://github.com/bkaradzic/bgfx/raw/master/examples/04-mesh/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="instancing">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="instancing">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/05-instancing">05-instancing</a><a class="headerlink" href="#instancing" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Geometry instancing.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-05-instancing" src="https://github.com/bkaradzic/bgfx/raw/master/examples/05-instancing/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="bump">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="bump">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/06-bump">06-bump</a><a class="headerlink" href="#bump" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Loading textures.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-06-bump" src="https://github.com/bkaradzic/bgfx/raw/master/examples/06-bump/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="callback">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="callback">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/07-callback">07-callback</a><a class="headerlink" href="#callback" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Implementing application specific callbacks for taking screen shots,
|
|
|
caching OpenGL binary shaders, and video capture.</p>
|
|
|
-</section>
|
|
|
-<section id="update">
|
|
|
+</div>
|
|
|
+<div class="section" id="update">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/08-update">08-update</a><a class="headerlink" href="#update" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Updating textures.</p>
|
|
|
-</section>
|
|
|
-<section id="hdr">
|
|
|
+</div>
|
|
|
+<div class="section" id="hdr">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/09-hdr">09-hdr</a><a class="headerlink" href="#hdr" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Using multiple views with frame buffers, and view order remapping.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-09-hdr" src="https://github.com/bkaradzic/bgfx/raw/master/examples/09-hdr/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="font">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="font">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/10-font">10-font</a><a class="headerlink" href="#font" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Use the font system to display text and styled text.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-10-font" src="https://github.com/bkaradzic/bgfx/raw/master/examples/10-font/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="fontsdf">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="fontsdf">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/11-fontsdf">11-fontsdf</a><a class="headerlink" href="#fontsdf" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Use a single distance field font to render text of various size.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-11-fontsdf" src="https://github.com/bkaradzic/bgfx/raw/master/examples/11-fontsdf/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="lod">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="lod">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/12-lod">12-lod</a><a class="headerlink" href="#lod" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Mesh LOD transitions.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-12-lod" src="https://github.com/bkaradzic/bgfx/raw/master/examples/12-lod/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="stencil">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="stencil">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/13-stencil">13-stencil</a><a class="headerlink" href="#stencil" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Stencil reflections and shadows.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-13-stencil" src="https://github.com/bkaradzic/bgfx/raw/master/examples/13-stencil/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="shadowvolumes">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="shadowvolumes">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/14-shadowvolumes">14-shadowvolumes</a><a class="headerlink" href="#shadowvolumes" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Shadow volumes.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-14-shadowvolumes" src="https://github.com/bkaradzic/bgfx/raw/master/examples/14-shadowvolumes/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="shadowmaps-simple">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="shadowmaps-simple">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/15-shadowmaps-simple">15-shadowmaps-simple</a><a class="headerlink" href="#shadowmaps-simple" title="Permalink to this headline">¶</a></h2>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-15-shadowmaps-simple" src="https://github.com/bkaradzic/bgfx/raw/master/examples/15-shadowmaps-simple/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="shadowmaps">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="shadowmaps">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/16-shadowmaps">16-shadowmaps</a><a class="headerlink" href="#shadowmaps" title="Permalink to this headline">¶</a></h2>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-16-shadowmaps" src="https://github.com/bkaradzic/bgfx/raw/master/examples/16-shadowmaps/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="drawstress">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="drawstress">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/blob/master/examples/17-drawstress">17-drawstress</a><a class="headerlink" href="#drawstress" title="Permalink to this headline">¶</a></h2>
|
|
|
-<section id="hz">
|
|
|
+<div class="section" id="hz">
|
|
|
<h3>60Hz<a class="headerlink" href="#hz" title="Permalink to this headline">¶</a></h3>
|
|
|
<p>Draw stress is CPU stress test to show what is the maximimum number of
|
|
|
draw calls while maintaining 60Hz frame rate. bgfx currently has default
|
|
|
@@ -891,8 +884,8 @@ changing <code class="docutils literal notranslate"><span class="pre">BGFX_CONFI
|
|
|
(on Windows), and <code class="docutils literal notranslate"><span class="pre">layout.frame_rate</span> <span class="pre">500</span></code>.</p></li>
|
|
|
<li><p>Chrome 33 command line option: <code class="docutils literal notranslate"><span class="pre">--disable-gpu-vsync</span></code>.</p></li>
|
|
|
</ul>
|
|
|
-</section>
|
|
|
-<section id="hz-test-for-browsers">
|
|
|
+</div>
|
|
|
+<div class="section" id="hz-test-for-browsers">
|
|
|
<h3>30Hz (test for browsers)<a class="headerlink" href="#hz-test-for-browsers" title="Permalink to this headline">¶</a></h3>
|
|
|
<p>By default browsers are using vsync, and don’t have option to turn it
|
|
|
off programatically.</p>
|
|
|
@@ -1022,108 +1015,108 @@ off programatically.</p>
|
|
|
</tr>
|
|
|
</tbody>
|
|
|
</table>
|
|
|
-</section>
|
|
|
-</section>
|
|
|
-<section id="ibl">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="ibl">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/18-ibl">18-ibl</a><a class="headerlink" href="#ibl" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Image-based lighting.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-18-ibl" src="https://github.com/bkaradzic/bgfx/raw/master/examples/18-ibl/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="oit">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="oit">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/19-oit">19-oit</a><a class="headerlink" href="#oit" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Weighted, Blended Order-Independent Transparency</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-19-oit" src="https://github.com/bkaradzic/bgfx/raw/master/examples/19-oit/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="nanovg">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="nanovg">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/20-nanovg">20-nanovg</a><a class="headerlink" href="#nanovg" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>NanoVG is small antialiased vector graphics rendering library.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-20-nanovg" src="https://github.com/bkaradzic/bgfx/raw/master/examples/20-nanovg/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="deferred">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="deferred">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/21-deferred">21-deferred</a><a class="headerlink" href="#deferred" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>MRT rendering and deferred shading.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-21-deferred" src="https://github.com/bkaradzic/bgfx/raw/master/examples/21-deferred/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="windows">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="windows">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/22-windows">22-windows</a><a class="headerlink" href="#windows" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Rendering into multiple windows.</p>
|
|
|
-</section>
|
|
|
-<section id="vectordisplay">
|
|
|
+</div>
|
|
|
+<div class="section" id="vectordisplay">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/23-vectordisplay">23-vectordisplay</a><a class="headerlink" href="#vectordisplay" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Rendering lines as oldschool vectors.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-23-vectordisplay" src="https://github.com/bkaradzic/bgfx/raw/master/examples/23-vectordisplay/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="nbody">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="nbody">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/24-nbody">24-nbody</a><a class="headerlink" href="#nbody" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>N-body simulation with compute shaders using buffers.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-24-nbody" src="https://github.com/bkaradzic/bgfx/raw/master/examples/24-nbody/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="c99">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="c99">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/25-c99">25-c99</a><a class="headerlink" href="#c99" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Initialization and debug text with C99 API.</p>
|
|
|
-</section>
|
|
|
-<section id="occlusion">
|
|
|
+</div>
|
|
|
+<div class="section" id="occlusion">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/26-occlusion">26-occlusion</a><a class="headerlink" href="#occlusion" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Using occlusion query for conditional rendering.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-26-occlusion" src="https://github.com/bkaradzic/bgfx/raw/master/examples/26-occlusion/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="terrain">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="terrain">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/27-terrain">27-terrain</a><a class="headerlink" href="#terrain" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Terrain painting example.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-27-terrain" src="https://github.com/bkaradzic/bgfx/raw/master/examples/27-terrain/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="wireframe">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="wireframe">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/28-wireframe">28-wireframe</a><a class="headerlink" href="#wireframe" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Drawing wireframe mesh.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-28-wireframe" src="https://github.com/bkaradzic/bgfx/raw/master/examples/28-wireframe/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="debugdraw">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="debugdraw">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/29-debugdraw">29-debugdraw</a><a class="headerlink" href="#debugdraw" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Debug draw.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-29-debugdraw" src="https://github.com/bkaradzic/bgfx/raw/master/examples/29-debugdraw/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="picking">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="picking">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/30-picking">30-picking</a><a class="headerlink" href="#picking" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Mouse picking via GPU readback.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-30-picking" src="https://github.com/bkaradzic/bgfx/raw/master/examples/30-picking/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="rsm">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="rsm">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/31-rsm">31-rsm</a><a class="headerlink" href="#rsm" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Global Illumination with Reflective Shadow Map.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-31-rsm" src="https://github.com/bkaradzic/bgfx/raw/master/examples/31-rsm/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="particles">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="particles">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/32-particles">32-particles</a><a class="headerlink" href="#particles" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Particles.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-32-particles" src="https://github.com/bkaradzic/bgfx/raw/master/examples/32-particles/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="pom">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="pom">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/33-pom">33-pom</a><a class="headerlink" href="#pom" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Parallax occlusion mapping.</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1132,32 +1125,32 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-33-pom" src="https://github.com/bkaradzic/bgfx/raw/master/examples/33-pom/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="mvs">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="mvs">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/34-mvs">34-mvs</a><a class="headerlink" href="#mvs" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Multiple vertex streams.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-34-mvs" src="https://github.com/bkaradzic/bgfx/raw/master/examples/34-mvs/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="dynamic">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="dynamic">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/35-dynamic">35-dynamic</a><a class="headerlink" href="#dynamic" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Dynamic buffers update.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-35-dynamic" src="https://github.com/bkaradzic/bgfx/raw/master/examples/35-dynamic/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="sky">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="sky">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/36-sky">36-sky</a><a class="headerlink" href="#sky" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Perez dynamic sky model.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-36-sky" src="https://github.com/bkaradzic/bgfx/raw/master/examples/36-sky/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="gpudrivenrendering">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="gpudrivenrendering">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/37-gpudrivenrendering">37-gpudrivenrendering</a><a class="headerlink" href="#gpudrivenrendering" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>GPU-Driven Rendering.</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1168,11 +1161,11 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-37-gpudrivenrendering" src="https://github.com/bkaradzic/bgfx/raw/master/examples/37-gpudrivenrendering/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="bloom">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="bloom">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/38-bloom">38-bloom</a><a class="headerlink" href="#bloom" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Bloom.</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1181,11 +1174,11 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-38-bloom" src="https://github.com/bkaradzic/bgfx/raw/master/examples/38-bloom/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="assao">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="assao">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/39-assao">39-assao</a><a class="headerlink" href="#assao" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Adaptive Screen Space Ambient Occlusion.</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1194,18 +1187,18 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-39-assao" src="https://github.com/bkaradzic/bgfx/raw/master/examples/39-assao/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="svt">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="svt">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/40-svt">40-svt</a><a class="headerlink" href="#svt" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Sparse Virtual Textures.</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-40-svt" src="https://github.com/bkaradzic/bgfx/raw/master/examples/40-svt/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="tess">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="tess">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/41-tess">41-tess</a><a class="headerlink" href="#tess" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Adaptive GPU Tessellation with Compute Shaders</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1214,11 +1207,11 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-41-tess" src="https://github.com/bkaradzic/bgfx/raw/master/examples/41-tess/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="bunnylod">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="bunnylod">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/42-bunnylod">42-bunnylod</a><a class="headerlink" href="#bunnylod" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Simple Polygon Reduction</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1228,11 +1221,11 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-42-bunnylod" src="https://github.com/bkaradzic/bgfx/raw/master/examples/42-bunnylod/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="denoise">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="denoise">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/43-denoise">43-denoise</a><a class="headerlink" href="#denoise" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Denoise</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1243,18 +1236,18 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-43-denoise" src="https://github.com/bkaradzic/bgfx/raw/master/examples/43-denoise/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="sss">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="sss">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/44-sss">44-sss</a><a class="headerlink" href="#sss" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Screen-Space Shadows</p>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-44-sss" src="https://github.com/bkaradzic/bgfx/raw/master/examples/44-sss/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-<section id="bokeh">
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="bokeh">
|
|
|
<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/45-bokeh">45-bokeh</a><a class="headerlink" href="#bokeh" title="Permalink to this headline">¶</a></h2>
|
|
|
<p>Bokeh Depth of Field</p>
|
|
|
<dl class="simple">
|
|
|
@@ -1263,32 +1256,48 @@ off programatically.</p>
|
|
|
</ul>
|
|
|
</dd>
|
|
|
</dl>
|
|
|
-<figure class="align-default">
|
|
|
+<div class="figure align-default">
|
|
|
<img alt="example-45-bokeh" src="https://github.com/bkaradzic/bgfx/raw/master/examples/45-bokeh/screenshot.png" />
|
|
|
-</figure>
|
|
|
-</section>
|
|
|
-</section>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+<div class="section" id="fsr">
|
|
|
+<h2><a class="reference external" href="https://github.com/bkaradzic/bgfx/tree/master/examples/46-fsr">46-fsr</a><a class="headerlink" href="#fsr" title="Permalink to this headline">¶</a></h2>
|
|
|
+<p>AMD FidelityFX Super Resolution - high-quality solution for producing high resolution frames
|
|
|
+from lower resolution inputs.</p>
|
|
|
+<div class="figure align-default">
|
|
|
+<img alt="example-46-fsr" src="https://github.com/bkaradzic/bgfx/raw/master/examples/46-fsr/screenshot.png" />
|
|
|
+</div>
|
|
|
+</div>
|
|
|
+</div>
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<footer>
|
|
|
+
|
|
|
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
|
|
|
- <a href="bgfx.html" class="btn btn-neutral float-right" title="API Reference" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right" aria-hidden="true"></span></a>
|
|
|
- <a href="build.html" class="btn btn-neutral float-left" title="Building" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left" aria-hidden="true"></span> Previous</a>
|
|
|
+
|
|
|
+ <a href="bgfx.html" class="btn btn-neutral float-right" title="API Reference" accesskey="n" rel="next">Next <span class="fa fa-arrow-circle-right"></span></a>
|
|
|
+
|
|
|
+
|
|
|
+ <a href="build.html" class="btn btn-neutral float-left" title="Building" accesskey="p" rel="prev"><span class="fa fa-arrow-circle-left"></span> Previous</a>
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
|
|
|
<hr/>
|
|
|
|
|
|
<div role="contentinfo">
|
|
|
<p>
|
|
|
- © Copyright 2010-2020, Branimir Karadžić.
|
|
|
+
|
|
|
+ © Copyright 2010-2020, Branimir Karadžić
|
|
|
|
|
|
</p>
|
|
|
</div>
|
|
|
|
|
|
</footer>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
|