| <!DOCTYPE html> |
| |
| <html> |
| <head> |
| <title>index</title> |
| </head> |
| |
| <body> |
| <canvas id="canvas" width="100" height="100" style="border:1px solid black"></canvas> |
| |
| <div> |
| Width: <input type="text" id="imageWidth" value="500"> |
| </div> |
| <div> |
| Height: <input type="text" id="imageHeight" value="500"> |
| </div> |
| <div> |
| Pixel Size: <input type="text" id="pixelSize" value="1,1"> |
| </div> |
| <div> |
| Diffuse: <input type="checkbox" id="renderDiffuse" checked> |
| </div> |
| <div> |
| Shadows: <input type="checkbox" id="renderShadows" checked> |
| </div> |
| <div> |
| Highlights: <input type="checkbox" id="renderHighlights" checked> |
| </div> |
| <div> |
| Reflections: <input type="checkbox" id="renderReflections" checked> |
| </div> |
| <button id="render">Render</button> |
| <div> |
| Time (ms): <span id="time"></span> |
| </div> |
| <script type="application/dart" src="app.dart"></script> |
| <!-- for this next line to work, your pubspec.yaml file must have a dependency on 'browser' --> |
| <script src="packages/browser/dart.js"></script> |
| </body> |
| </html> |
