-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (29 loc) · 1.23 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
<!--
~ Copyright (c) 2011-2012 by Animatron.
~ All rights are reserved.
~
~ Animatron player is licensed under the MIT License, see LICENSE.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Animatron Composition Playground</title>
<script type="text/javascript" src="composition-playground.js"></script>
<link rel="stylesheet" href="composition-playground.css">
<link rel="stylesheet" href="vendor/fontawesome/css/font-awesome.css">
</head>
<body onload="start();">
<h1>Animatron Composition Playground</h1>
<p>Click on layer to switch its example. Click on operation to switch operation. Click plus/minus to add or remove one operation and a layer to formula.</p>
<div id="formula">
<div id="workspace"></div>
<div id="equals" class="operation"><i class="icon-circle-arrow-right"><span>=</span></i></div>
<canvas id="result"></canvas>
</div>
<div id="canvas-manage">
<div id="add-canvas"><i class="icon-plus-sign"><span>(+)</span></i> Add Layer</div>
<div id="delete-canvas"><i class="icon-minus-sign"><span>(-)</span></i> Delete Layer</div>
</div>
<div id="copyright">Copyright © 2011-2012 by Animatron.</div>
</body>