<!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>