-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (37 loc) · 1.59 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
<!DOCTYPE html>
<html>
<head>
<title>Fractal</title>
<link rel="stylesheet" href="css/styles.css"/>
</head>
<body>
<div class="left-panel">
<div>
<label for="startX">X:</label><input id="startX" value="" title="X Coordinate of the left-top corner"/>
<label for="startY">Y:</label><input id="startY" value="" title="Y Coordinate of the left-top corner"/>
<label for="width">W:</label><input id="width" value="" title="WIDTH"/>
<label for="iterations">N:</label><input id="iterations" value="120" title="Maximum Number of iterations"/>
<button id="start">Start</button>
<button id="reset">Reset</button>
</div>
<div id="container" style="border: 1px gray solid; position: relative; width: 800px; height: 700px;">
<canvas id="layer-0" width="800" height="700"></canvas>
<canvas id="layer-1" width="800" height="700"></canvas>
</div>
</div>
<div class="right-panel">
<div id="fractals">
<button id="mandelbrot2" disabled>Mandelbrot2</button><button id="mandelbrot3">Mandelbrot3</button><button id="mandelbrot4">Mandelbrot4</button><button id="mandelbrot5">Mandelbrot5</button><br/>
<button id="julia2">Julia2</button><button id="julia3">Julia3</button><button id="julia4">Julia4</button><button id="julia5">Julia5</button>
</div>
<label for="code" class="code block">function(x, y, limit){</label>
<textarea id="code"></textarea>
<div class="code">}</div>
<div id="formula"></div>
<div>Render time: <span id="benchmark"></span> s</div>
</div>
<script src="js/fractal.js"></script>
<script src="js/fractals.js"></script>
<script src="js/main.js"></script>
</body>
</html>