This repository has been archived by the owner on Jan 20, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (55 loc) · 2.55 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google" content="notranslate"/>
<title>WebGPU Toy ray tracer</title>
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/v3.0.1/dist/mini-default.min.css">
</head>
<body>
<div class="container">
<h1><small>A toy ray tracer made using <mark class="tertiary">WebGL 2.0 Compute</mark></small></h1>
<p>
<a href="https://github.com/oktomus/webgpu-toy-ray-tracer">https://github.com/oktomus/webgpu-toy-ray-tracer</a>
</p>
<hr />
<div id="no-support" style="display: none">
<p><mark class="secondary" style="margin-right: 0.5em">Oups: </mark> It seems like WebGL 2.0 Compute is not available on your browser. Make sure you are on a system with WebGL 2.0 Compute enabled.</p>
<p>Have you tried to open your browser using these arguments ?</p>
<pre>chrome.exe --use-cmd-decoder=passthrough --use-angle=gl --enable-webgl2-compute-context</pre>
</div>
<div id="support" style="display: none">
<div class="row">
<span id="ray-metrics">000</span> million rays/s
</div>
<div class="row">
Progressive rendering: <input type="checkbox" value="1" id="progressive-rendering"/>
</div>
<div class="row">
Use the mouse to move the camera (<b>Left click: </b> rotation, <b>right click: </b> pan, <b>scroll wheel: </b> zoom).
</div>
<div class="row">
<canvas id="raytrace-canvas"></canvas>
</div>
</div>
</div>
<script src='https://git.io/glm-js.min.js'></script>
<script src="js/app.js" type="module"></script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.oktomus.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>