-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
47 lines (39 loc) · 2.18 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
<!DOCTYPE html>
<html>
<head>
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<link href="css/svg-drawing.css" rel="stylesheet" media="screen">
<!-- 3rd party -->
<script src="third-party/jquery.js"></script>
<script src="third-party/underscore.js"></script>
<script src="third-party/backbone.js"></script>
<script src="third-party/easing.js"></script>
<!-- models -->
<script src="Point.js"></script>
<script src="Shape.js"></script>
<script src="Ellipse.js"></script>
<script src="Line.js"></script>
<script src="Sprite.js"></script>
<!-- views -->
<script src="SVGShape.js"></script>
<script src="SVGEllipse.js"></script>
<script src="SVGLine.js"></script>
<script src="SVGSprite.js"></script>
<script src="svg-drawing.js"></script>
</head>
<body>
Mode:
<span class="btn-group mode">
<button class="btn btn-small drawing"><i class="icon-pencil"></i></button>
<button class="btn btn-small ellipse"><i class="dot"></i></button>
<button class="btn btn-small moving"><i class="icon-move"></i></button>
<button class="btn btn-small playing"><i class="icon-play"></i></button>
</span><br><br>
<span id="colors_label">Shape Color:</span> <select id="colors"></select> <button class="btn btn-small" id="undo">Undo</button><br>
<select class="sprites"></select> <select id="placement_size"><option value="0.25">Quarter-Size</option><option value="0.5">Half-Size</option><option value="1">Full-Size</option></select> <button class="btn btn-small" id="place_sprite">Place Sprite</button><br>
<button class="btn btn-small" id="load_sprite">Load Sprite</button><span style="display:none" id="load_details"><select class="sprites"></select><button class="btn btn-small" id="load_ok">OK</button></span>
<button class="btn btn-small" id="save_sprite">Save Sprite</button><span style="display:none" id="save_details"><input id="sprite_name"><button class="btn btn-small" id="save_ok">OK</button></span><br>
<em>Click two different points to start drawing your first shape!</em>
<div id="svg_wrapper"><svg height="800" width="800" xmlns="http://www.w3.org/2000/svg"></svg></div>
</body>
</html>