1 | <!doctype html>
|
2 | <html>
|
3 | <head>
|
4 | <meta charset="utf-8">
|
5 | <title>Flux Viewport</title>
|
6 | <script src="../build/flux-viewport-bundle.global.js"></script>
|
7 | </head>
|
8 | <body onkeypress="focusAll()" onload="handleLoad()">
|
9 | <h2>Flux Viewport</h2>
|
10 | <div id="container" style="width:400px;height:400px;display:inline-block;background-color:#FFCCCC"></div>
|
11 |
|
12 | <script>
|
13 | 'use strict';
|
14 |
|
15 | var sphere = {"origin": [0,0,0],"radius": 5,"primitive":"sphere"};
|
16 | var fluxViewport = null;
|
17 |
|
18 | function handleLoad() {
|
19 | fluxViewport = new FluxViewport(document.querySelector('#container'));
|
20 |
|
21 | fluxViewport.setupDefaultLighting();
|
22 |
|
23 | fluxViewport.setGeometryEntity(sphere);
|
24 | }
|
25 |
|
26 | function focusAll() {
|
27 | fluxViewport.focus();
|
28 | }
|
29 | </script>
|
30 | </body>
|
31 | </html>
|