1 | <!doctype html>
|
2 | <html>
|
3 | <head>
|
4 | <meta charset="utf-8">
|
5 | <title>Flux Three Plugins</title>
|
6 | <script src="../build/flux-three.js"></script>
|
7 | </head>
|
8 | <body onload="handleLoad()">
|
9 | <h2>Flux Three Plugins</h2>
|
10 | <div id="container1" ></div><br>
|
11 | <div id="container2" ></div>
|
12 | <script>
|
13 | 'use strict';
|
14 |
|
15 | var torus = {"origin": [0,0,0],"majorRadius": 5,"minorRadius":3,"axis":[0,0,1],"primitive":"torus"};
|
16 |
|
17 | function handleLoad() {
|
18 | var div1 = document.querySelector('#container1');
|
19 | var div2 = document.querySelector('#container2');
|
20 | div1.textContent = "ShadowBuilder "+(FluxThreePlugins.ShadowBuilder);
|
21 | div2.textContent = "THREE: "+JSON.stringify(THREE);
|
22 | }
|
23 |
|
24 | </script>
|
25 | </body>
|
26 | </html>
|