-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (67 loc) · 2.83 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>www.kaisalmen.de</title>
<meta name="description" content="Kai Salmen's WebGL projects realised with three.js and other Javascript libraries">
<meta name="keywords" content="WebGL, three.js, instancing, shader programming, javascript, web worker">
<meta name="author" content="Kai Salmen">
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@kai_salmen" />
<meta name="twitter:domain" content="kaisalmen.de" />
<meta name="twitter:title" content="Kai Salmen's website" />
<meta name="twitter:description" content="Kai Salmen's WebGL projects realised with help three.js and other Javascript libraries" />
<link href="src/css/ThreeJsApp.css" type="text/css" rel="stylesheet"/>
<link href="demos/nav/NavMenu.css" type="text/css" rel="stylesheet"/>
<link rel="import" href="demos/nav/NavMenu.html" />
</head>
<body>
<div id="DivGLFull" onclick="KSX.nav.toggleNavMenu( false, false );">
<div id="Loading">Loading...</div>
<canvas id="DivGLFullCanvas"></canvas>
</div>
<script>
var KSX = {
globals: {
basedir: './'
}
}
</script>
<script src="src/core/PlatformVerification.js"></script>
<script src="node_modules/bowser/bowser.min.js"></script>
<script src="node_modules/three/build/three.min.js"></script>
<script src="node_modules/three/examples/js/libs/stats.min.js"></script>
<script src="node_modules/three/examples/js/controls/TrackballControls.js"></script>
<script src="src/core/ThreeJsApp.js"></script>
<script src="src/core/AppRunner.js"></script>
<script src="src/tools/TextTools.js"></script>
<script src="src/tools/ShaderTools.js"></script>
<script src="src/tools/TextureTools.js"></script>
<script src="src/tools/UiTools.js"></script>
<script src="src/shader/ShaderBase.js"></script>
<script src="demos/supercube/SphereSuperCubeShader.js"></script>
<script src="demos/supercube/SphereSuperCube.js"></script>
<script src="demos/nav/NavMenu.js"></script>
<script>
if ( KSX.globals.preChecksOk ) {
if ( !KSX.globals.polyfillWebComponents ) KSX.nav.intergrateMenu();
var mobileDevice = bowser.mobile;
var app = new KSX.demos.supercube.SphereSuperCube( document.getElementById( 'DivGLFullCanvas' ), mobileDevice, {
loader: false,
animate: true,
physicalLighting: true,
rotationSpeed: 0.00425,
objCount: mobileDevice ? 2500 : 7500,
cubeEdgeLength: mobileDevice ? 20 : 75,
sphere: {
segments: mobileDevice ? 24 : 32,
radius: mobileDevice ? 0.075 : 0.15
},
pppScale: 0.15
});
var appRunner = new KSX.core.AppRunner( app );
appRunner.run( true );
}
</script>
</body>
</html>