path-tracer/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

<!DOCTYPE html>
<html>

    <head>
        <title>WebGL Path Tracing</title>
        <link rel="stylesheet" href="/path-tracer/css/main.css">
        <script src="/path-tracer/js/main.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/97/three.min.js"></script>
    </head>

    <body>
        <div id="main">
            <canvas id="canvas" width="512" height="512"></canvas>
            <div id="error"><noscript>Please enable JavaScript</noscript></div>

            <p>
                <b>Material:</b>
                <select id="material">
                    <option value="0" selected>Diffuse</option>
                    <option value="1">Mirror</option>
                    <option value="2">Glossy</option>
                </select>
                <span id="glossiness-factor">
                    <br>with glossiness factor: 0 &lt; <input id="glossiness" value="0.6"> &lt; 1
                </span>
                <br>

                <b>Environment:</b>
                <select id="environment">
                    <option value="0" selected>Cornell Box - Yellow and Blue</option>
                    <option value="1">Cornell Box - Red and Green</option>
                </select>
            </p>
        </div>


    </body>

</html>