-
Notifications
You must be signed in to change notification settings - Fork 38
/
Copy pathindex.html
76 lines (74 loc) · 4.15 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
75
76
<!doctype HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/overcast/jquery-ui.css" />
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="jquery.mousewheel.min.js"></script>
<!--script src="https://www.khronos.org/registry/webgl/sdk/debug/webgl-debug.js"></script-->
<script src="webgl/util.js"></script>
<script src="webgl/event.js"></script>
<script src="webgl/scheduler.js"></script>
<script src="webgl/framework.js"></script>
<script src="webgl/shader.js"></script>
<script src="webgl/sphere.js"></script>
<script src="webgl/box.js"></script>
<script src="webgl/grid.js"></script>
<script src="webgl/hexgrid.js"></script>
<script src="webgl/quad.js"></script>
<script src="webgl/vbo.js"></script>
<script src="webgl/texture.js"></script>
<script src="webgl/framebuffer.js"></script>
<script src="webgl/matrix.js"></script>
<script src="webgl/vector.js"></script>
<script src="webgl/quaternion.js"></script>
<script src="webgl/viewpoint.js"></script>
<script src="webgl/loader.js"></script>
<script src="webgl/projection.js"></script>
<script src="webgl/keys.js"></script>
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<div id="controls">
<div id="modtype" class="set">
<input id="rock" type="radio" name="modtype" checked="checked"/><label for="rock">Rock</label>
<input id="soil" type="radio" name="modtype" /><label for="soil">Soil</label>
<input id="water" type="radio" name="modtype" /><label for="water">Water</label>
</div>
<div id="modop" class="set">
<input id="add" type="radio" name="modop" checked="checked"/><label for="add">Add</label>
<input id="sub" type="radio" name="modop" /><label for="sub">Remove</label>
</div>
<div id="params" class="set">
<input id="rain" type="checkbox" checked="checked"/><label for="rain">Rain</label>
<input id="evaporate" type="checkbox" checked="checked"/><label for="evaporate">Evaporate</label>
<input id="erode" type="checkbox" checked="checked"/><label for="erode">Erode</label>
</div>
<div id="toolstoggle" class="set">
<span class="ui-icon ui-icon-wrench"></span>
</div>
<div id="morecontrols" class="set hideable">
<div class="set">
<label id="seedlabel" for="seed">Simplex<br/>Seed</label>
<input type="text" id="seed" />
</div>
<div class="slider">
<div id="seedslider" ></div>
</div>
</div>
<div id="instructions">
press&drag mouse to look, SPACE=create/remove, scrollwheel=editsize, W=forward, S=backward, A=left, D=right, Q=down, E=up
</div>
</div>
<div id="share">
<a href="http://codeflow.org/entries/2011/nov/10/webgl-gpu-landscaping-and-erosion/">Website</a>
<a href="https://github.com/pyalot/craftscape">Github</a>
<a href="http://www.youtube.com/watch?v=CWD3cpWTgeU">Youtube</a>
<span class='st_reddit_hcount' displayText='Reddit'></span><span class='st_twitter_hcount' displayText='Tweet'></span><span class='st_stumbleupon_hcount' displayText='StumbleUpon'></span><span class='st_plusone_hcount' ></span>
<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'5871d414-1403-44e1-84ad-d9788b4c19b2'});</script>
</div>
<canvas></canvas>
</body>
</html>