---

layout: default

tagline:

title: Hyper3D.js - High-end WebGL Renderer for three.js

---

<div class="page-header">

<h1>Hyper3D.js</h1>

</div>

<p><img src="{{ site.baseurl }}/img/hyper3d-materials.jpg" style="max-width: 100%;" alt=""></p>

<p><a href="https://trello.com/b/GN81FAP9/hyper3d-roadmap">Roadmap</a> —

<a href="http://jsdo.it/yvt/hyper3d-simple2">jsdo.itで試す</a></p>

<p>Hyper3D.js is a high-end (unofficial) renderer for <a href="http://threejs.org/">three.js</a>.</p>

<p><strong>Hyper3D is still at a very early stage of development.</strong> You might observe an unexpected behavior including distorted image,

browser crash, peformance breakdown, and shader compilation failure. APIs may change over time.</p>

<h2 id="features">Features</h2>

<ul>

<li>Modern rendering engine

<ul>

<li>Physically based rendering</li>

<li>Roughness-metallic material workflow with support for custom shaders</li>

<li>High dynamic range rendering</li>

<li>High-quality post-effects</li>

</ul></li>

<li>Development support

<ul>

<li>Includes TypeScript definition</li>

<li>Integrated GPU Profiler</li>

</ul></li>

</ul>

<p>More features are coming! See <a href="https://trello.com/b/GN81FAP9/hyper3d-roadmap">Roadmap</a>.</p>