<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <title>Mandelbrot fixed-point test</title>
    <style type="text/css">
        /* */
    </style>
    <body>
        <h1>Mandelbrot fixed-point test</h1>

        <table>
            <tr>
                <th>Float</th>
                <th>Fixed-point imul</th>
                <th>Fixed-point log</th>
            </tr>
            <tr>
                <td><canvas id="float" width="256" height="256"></canvas></td>
                <td><canvas id="imul" width="256" height="256"></canvas></td>
                <td><canvas id="log" width="256" height="256"></canvas></td>
            </tr>
            <tr>
                <td colspan=3>
                    <button id="zoom-in">Zoom in</button>
                    <button id="zoom-out">Zoom out</button>
                    <button id="left">Left</button>
                    <button id="right">Right</button>
                    <button id="up">Up</button>
                    <button id="down">Down</button>
                </td>
            </tr>
        </table>

        <script async type="module" src="sim.js"></script>
    </body>
</html>