pathfinder/demo/client/html/3d-demo.html.hbs

<!DOCTYPE html>
<html>
    <head>
        <title>3D Demo &mdash; Pathfinder</title>
        <meta charset="utf-8">
        {{>partials/header.html}}
        <script type="text/javascript" src="/js/pathfinder/3d-demo.js"></script>
    </head>
    <body class="pf-unscrollable">
        {{>partials/navbar.html isDemo=true}}
        <canvas id="pf-canvas" width="400" height="300"></canvas>
        <div class="fixed-bottom mb-3 d-flex justify-content-between align-items-end pf-pointer-events-none">
            <div class="rounded invisible container py-1 px-3 ml-3" id="pf-fps-label"></div>
            <div id="pf-toolbar">
                <button id="pf-screenshot-button" type="button"
                 class="btn btn-outline-secondary pf-toolbar-button">
                    {{octicon "device-camera"}}
                </button>
                <div id="pf-settings-container">
                    <div id="pf-settings" class="card mb-4 pf-invisible">
                        <div class="card-body">
                            <button id="pf-settings-close-button" type="button" class="close"
                            aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                            <form>
                                <div class="form-group">
                                    <label for="pf-aa-level-select">Antialiasing</label>
                                    <select id="pf-aa-level-select" class="form-control custom-select">
                                        <option value="none">None</option>
                                        <option value="ssaa-2">2&times;SSAA</option>
                                        <option value="ssaa-4" selected>4&times;SSAA</option>
                                    </select>
                                </div>
                            </form>
                        </div>
                        <div class="pf-arrow-box"></div>
                    </div>
                </div>
                <button id="pf-settings-button" type="button"
                 class="btn btn-outline-secondary pf-toolbar-button"
                 aria-expanded="false" aria-controls="#pf-settings">
                    {{octicon "gear"}}
                </button>
            </div>
        </div>
        {{>partials/spinner.html}}
    </body>
</html>
Stub a 3D demo 2017-08-29 22:46:18 -04:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
Stub a mesh debugger app 2017-09-01 21:11:44 -04:00			`<title>3D Demo — Pathfinder</title>`
Stub a 3D demo 2017-08-29 22:46:18 -04:00			`<meta charset="utf-8">`
Switch from ES6 interpolation to Handlebars and add a simple landing page 2017-08-31 02:25:58 -04:00			`{{>partials/header.html}}`
Stub a 3D demo 2017-08-29 22:46:18 -04:00			`<script type="text/javascript" src="/js/pathfinder/3d-demo.js"></script>`
			`</head>`
Make sure scrollbars don't show up on demo and tool pages 2017-09-15 12:40:26 -04:00			`<body class="pf-unscrollable">`
Switch from ES6 interpolation to Handlebars and add a simple landing page 2017-08-31 02:25:58 -04:00			`{{>partials/navbar.html isDemo=true}}`
Stub a 3D demo 2017-08-29 22:46:18 -04:00			`<canvas id="pf-canvas" width="400" height="300"></canvas>`
Allow the demo text to be changed by double-clicking 2017-09-01 19:31:40 -04:00			`<div class="fixed-bottom mb-3 d-flex justify-content-between align-items-end pf-pointer-events-none">`
Beautify the timings display and make it work with the SVG and 3D demos 2017-09-13 14:56:40 -04:00			`<div class="rounded invisible container py-1 px-3 ml-3" id="pf-fps-label"></div>`
Add a screenshot button, nonfunctional at the moment 2017-09-08 20:21:28 -04:00			`<div id="pf-toolbar">`
			`<button id="pf-screenshot-button" type="button"`
			`class="btn btn-outline-secondary pf-toolbar-button">`
			`{{octicon "device-camera"}}`
			`</button>`
			`<div id="pf-settings-container">`
			`<div id="pf-settings" class="card mb-4 pf-invisible">`
			`<div class="card-body">`
			`<button id="pf-settings-close-button" type="button" class="close"`
			`aria-label="Close">`
			`<span aria-hidden="true">×</span>`
			`</button>`
			`<form>`
			`<div class="form-group">`
			`<label for="pf-aa-level-select">Antialiasing</label>`
			`<select id="pf-aa-level-select" class="form-control custom-select">`
Implement SSAA for the 3D demo. This commit additionally refactors transforms to be resolution-independent as much as possible throughout all the demos. 2017-09-12 22:43:43 -04:00			`<option value="none">None</option>`
			`<option value="ssaa-2">2×SSAA</option>`
			`<option value="ssaa-4" selected>4×SSAA</option>`
Add a screenshot button, nonfunctional at the moment 2017-09-08 20:21:28 -04:00			`</select>`
			`</div>`
			`</form>`
			`</div>`
			`<div class="pf-arrow-box"></div>`
Make the demo UI less cluttered 2017-08-30 20:01:28 -04:00			`</div>`
			`</div>`
Fix settings button in the 3D demo 2017-09-11 14:21:38 -04:00			`<button id="pf-settings-button" type="button"`
			`class="btn btn-outline-secondary pf-toolbar-button"`
Make the demo UI less cluttered 2017-08-30 20:01:28 -04:00			`aria-expanded="false" aria-controls="#pf-settings">`
Switch from ES6 interpolation to Handlebars and add a simple landing page 2017-08-31 02:25:58 -04:00			`{{octicon "gear"}}`
Make the demo UI less cluttered 2017-08-30 20:01:28 -04:00			`</button>`
			`</div>`
Stub a 3D demo 2017-08-29 22:46:18 -04:00			`</div>`
Add a CSS spinner to the HTML templates. This will allow us to make loading a nicer experience. Source: http://tobiasahlin.com/spinkit/ 2017-09-16 13:41:25 -04:00			`{{>partials/spinner.html}}`
Stub a 3D demo 2017-08-29 22:46:18 -04:00			`</body>`
			`</html>`