-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathperlin.html
63 lines (53 loc) · 2.7 KB
/
perlin.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Smooth Noise Demo</title>
<!-- Bootstrap -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"></link>
<link rel="stylesheet" href="perlin.css"></link>
</head>
<body>
<h2 class = "ui title">Smooth Noise Algorithms</h2>
<select id="noiseType" onchange="recreate();" class="ui noiseType selectpicker" data-style="btn-default">
<option value="Perlin Noise">Perlin Noise</option>
<option value="Simplex Noise">Simplex Noise</option>
</select>
<select id="dimension" onchange="recreate();" class="ui dimensions selectpicker" data-style="btn-default">
<option value="2 Dimensions">2 Dimensions</option>
<option value="3 Dimensions">3 Dimensions</option>
</select>
<div class="ui seed input-text">
<span class="classy-text">Seed</span>
<input type="text" class="form-control" id="seed" onchange="recreate();">
</div>
<div class="ui scale input-text">
<span class="classy-text">Scale</span>
<input type="range" min="-0.25" max=".25" step="0.01" value="0.07" id="scale" onchange="recreate();" />
<input type="text" class="form-control" id="scale-value" value='0.07' disabled>
</div>
<div class="ui amplitude input-text">
<span class="classy-text">Amplitude</span>
<input type="range" min="-24" max="24" step="1" value="12" id="amplitude" onchange="recreate();" />
<input type="text" class="form-control" id="amplitude-value" value='12' disabled>
</div>
<div class="ui stats input-text">
<span id="timeSpent" class="classy-text bold" ></span>
</div>
<a href="https://github.com/Zaphyk/perlin" target="_blank">
<i class="ui source fa fa-github" aria-hidden="true"></i>
</a>
<canvas id="glcanvas" class="render" ></canvas>
</body>
<script src="gl-matrix.js"></script>
<script src="noise.js"></script>
<script src="marchingclasses.js"></script>
<script src="marchingcubes.js"></script>
<script src="perlin.js"></script>
</html>