rtiow/JS/index.html

<html>

<head>
    <meta charset="utf-8" />
    <title>RTIOW</title>
    <style>
        canvas {
            border: 0px solid blueviolet;
        }

        .color-cell {
            color: white;
        }
    </style>
</head>
<script src="common.js"></script>
<script src="main02_2.js"></script>
<script src="main02_3.js"></script>
<script src="main03_3.js"></script>
<script src="vec3.js"></script>
<script src="main04_2.js"></script>
<script src="main05_2.js"></script>
<script src="ray.js"></script>
<script src="main06_1.js"></script>
<script src="main06_7.js"></script>
<script src="random.js"></script>
<script src="main07_2.js"></script>
<script src="main08_2.js"></script>
<script src="main08_3.js"></script>

<body onload="setup();">
    <table>
        <thead>
            <tr>
                <th>Canvas</th>
                <th>Zoomed</th>
                <th width="150">Hovered color</th>
                <th width="150">Selected color</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <canvas id="canvas" width="400" height="225">Canvas not supported!</canvas>
                </td>
                <td>
                    <canvas id="zcanvas" width="400" height="225">Canvas not supported!</canvas>
                </td>
                <td align="center" class="color-cell" id="hovered-color"></td>
                <td align="center" class="color-cell" id="selected-color"></td>
            </tr>
        </tbody>
    </table>
    <table>
        <tbody>
            <tr>
                <td><button onclick="main02_2();">main02_2</button></td>
                <td><button onclick="main02_3();">main02_3</button></td>
                <td><button onclick="main03_3();">main03_3</button></td>
                <td><button onclick="main04_2();">main04_2</button></td>
                <td><button onclick="main05_2();">main05_2</button></td>
                <td><button onclick="main06_1();">main06_1</button></td>
                <td><button onclick="main06_7();">main06_7</button></td>
                <td><button onclick="main07_2();">main07_2</button></td>
                <td><button onclick="main08_2();">main08_2</button></td>
                <td><button onclick="main08_3();">main08_3</button></td>
                <td>SPP<input id="spp" type="number" value="10" size="2"></td>
                <td>Depth<input id="max_depth" type="number" value="5" size="2"></td>
            </tr>
        </tbody>
    </table>
    <textarea id="log" cols='120' rows='4'>Log</textarea>
</body>

</html>