html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
<title>WebGL-Engine Demo</title>
<script src=https://dl.dropbox.com/s/z05jhjg3o613cf7/gl-matrix.js?dl=0></script>
<script src=https://dl.dropbox.com/s/h6kscm4b9q3oalx/webGL_settings.js?dl=0></script>
<script src=https://dl.dropbox.com/s/u76s0ckb0g0rwq4/webGL_vector.js?dl=0></script>
<script src=https://dl.dropbox.com/s/gq5nm2fq7zhb5xd/webGL_input.js?dl=0></script>
<script src=https://dl.dropbox.com/s/09fw9ft2wnzdneo/webGL_loaders.js?dl=0></script>
<script src=https://dl.dropbox.com/s/vtmanrjncbmi2wx/webGL_lighting.js?dl=0></script>
<script src=https://dl.dropbox.com/s/wtwghdh1et2mcl8/webGL_shaders.js?dl=0></script>
<script src=https://dl.dropbox.com/s/45w6v7z7hvt90tz/webGL_geometry.json?dl=0></script>
<script src=https://dl.dropbox.com/s/im4xkv4zxeplwbv/webGL_camera.js?dl=0></script>
<script src=https://dl.dropbox.com/s/wcdncg2j36myoev/webGL_canvas.js?dl=0></script>
<script src=https://dl.dropbox.com/s/67lzg74t4fw6x5j/webGL_geometry.js?dl=0></script>
<script src=https://dl.dropbox.com/s/nfchu3knl02thlm/webGL_render.js?dl=0></script>
</head>
<body>
<span id=fpsCount></span>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
body {
font-family: Arial;
margin: 0;
overflow: hidden;
}
#fpsCount {
position: absolute;
top: 0;
left: 0;
color: white;
font-family: Arial;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
var offset = 0;
var boxes = [];
var grid = 13;
onload = function() {
fpsCount = document.querySelector('#fpsCount');
webGL = new WebGL();
webGL.camera.location = new Vector3D(-14, 11, -14);
webGL.useShader(SHADERS.PER_FRAGMENT_LIGHTING);
texture1 = Loader.loadTexture('https://dl.dropbox.com/s/k9afylhzih45j69/MetalFloor.jpg?dl=0');
for(var i = 0; i < grid; i++) {
boxes.push([]);
for(var j = 0; j < grid; j++) {
boxes[i].push(
new Box({
texture: texture1,
location: new Vector3D(i - grid / 2 + 0.5, 0, j - grid / 2 + 0.5),
shininess: 1
})
);
}
}
center = new Vector3D(0, 4, 0);
webGL.camera.track(center);
draw();
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run