Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 28 lines (27 sloc) 7.467 kB
8429fac @dannycroft Initial canvas-fireworks push
dannycroft authored
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6 <title>Canvas Fireworks</title>
760fb1c @dannycroft Removing script type and async
dannycroft authored
7 <link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
8429fac @dannycroft Initial canvas-fireworks push
dannycroft authored
8 <style type="text/css">
9 * { margin: 0; padding 0; }
7d1e023 @dannycroft Small updates
dannycroft authored
10 body { background:#000; font-family: "Droid Sans", "Trebuchet MS"; margin:20px auto; width:600px; font-size: .7em; }
8429fac @dannycroft Initial canvas-fireworks push
dannycroft authored
11 h1 { color: #CCC; float: left; }
0de6641 @skeltoac refactor
skeltoac authored
12 canvas { border: 1px solid #444; cursor: pointer; }
8429fac @dannycroft Initial canvas-fireworks push
dannycroft authored
13 </style>
14 </head>
15 <body>
8e7e8b3 @skeltoac Launch exploding rockets in a sequence by following a timeline.
skeltoac authored
16 <canvas id="fireworks" width="600" height="400"></canvas>
17 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
18 <script src="js/canvas.js"></script>
0de6641 @skeltoac refactor
skeltoac authored
19 <script>
20 var timeline = [[[13,12,0],[12,11,0],[13,0,10],[14,12,0],[14,12,0],[13,12,0]],[[23,0,10]],[[15,0,0]],[],[],[],[],[[16,15,10]],[[21,20,13],[16,16,0]],[[21,16,20],[14,13,0],[15,0,0]],[[16,11,0],[15,12,0],[13,11,10]],[[13,0,0],[15,0,0]],[[15,13,0]],[[13,0,0],[13,0,0],[15,0,11],[13,0,0]],[[17,13,0],[24,22,0]],[],[[14,0,10],[15,13,0]],[[16,0,0],[14,0,0],[14,0,10],[15,0,0],[16,12,0],[16,11,0]],[[14,0,0]],[],[[13,0,0]],[[21,11,10],[13,12,0]],[],[[13,13,0]],[[15,0,0]],[[12,12,12],[13,0,10],[12,11,0],[13,0,0],[13,11,11]],[[12,0,0],[13,0,0],[13,0,0]],[[12,0,0],[12,0,0],[12,0,0],[13,0,0]],[[13,0,0],[13,11,0],[13,13,0],[13,11,0]],[[17,11,10],[14,13,0],[15,12,0],[14,13,0],[14,11,10]],[[15,12,0],[14,0,0],[13,13,0]],[[18,13,10],[14,0,11],[13,0,0]],[[13,0,0],[15,12,10]],[[15,12,10],[14,13,0],[15,0,11],[12,0,0],[13,0,0]],[[13,0,0],[13,13,0],[17,13,0],[14,11,10]],[[14,12,10],[13,11,11],[13,0,0],[11,0,0]],[[14,12,0]],[[14,12,12]],[[14,13,0],[19,11,11]],[[12,0,0]],[[14,11,0],[13,12,0],[15,13,0],[17,14,0],[21,13,0],[14,14,12],[14,13,0],[17,17,0]],[[13,11,0],[13,0,0]],[[14,0,11]],[[13,11,10],[13,13,10],[13,0,10]],[[14,11,0],[17,17,10]],[[12,0,0],[12,12,0]],[[15,13,11]],[[14,0,0],[12,0,0],[16,0,0]],[[13,0,0],[16,0,12],[16,11,10],[15,12,0],[17,0,0],[20,16,0]],[],[[17,15,0],[15,13,10]],[[16,11,10],[13,0,0],[13,0,0]],[],[[13,12,11],[17,11,13],[13,11,0]],[[13,12,10],[13,12,0]],[[14,12,0],[15,11,0],[15,0,10],[13,0,0]],[[21,13,0],[13,0,0]],[[14,0,10],[12,12,0]],[[14,12,0],[14,13,0]],[[15,0,0],[22,12,10]],[],[[17,14,11],[16,11,0]],[],[[15,0,0],[14,11,10]],[],[[15,12,0]],[[21,15,20],[15,11,0]],[[15,11,0],[13,0,10],[16,0,11]],[[14,12,0]],[[15,0,0]],[[15,0,0],[14,0,0]],[[26,16,20]],[[17,13,0]],[],[[14,12,0],[15,12,10],[14,11,0],[16,13,11],[21,13,12]],[[17,11,0]],[],[[24,13,10]],[],[[16,11,11],[17,0,0],[18,0,0],[15,0,0],[21,0,0],[18,0,0],[28,16,0],[22,11,0],[30,15,16],[34,0,0],[30,12,0]],[[36,11,0],[41,17,17],[31,12,0]],[[13,0,10]],[[23,14,11],[18,12,10]],[[19,11,0],[15,0,0]],[[18,11,10],[18,13,11],[34,21,10]],[[18,11,0]],[[14,0,0]],[[18,12,10],[15,13,0],[14,11,0]],[],[[14,0,10],[14,0,0]],[[16,11,10],[12,0,0]],[[15,0,0],[14,11,0]],[[15,11,10],[15,11,11],[15,12,10]],[[18,13,0]],[[14,11,0],[13,11,0],[12,11,10],[13,11,0],[18,11,10]],[[14,11,10],[14,12,0],[12,0,0]],[[15,0,0],[16,12,10],[20,12,11]],[[19,12,10],[14,0,0]],[[14,0,0]],[[14,11,0],[14,11,0],[19,0,0],[14,0,10],[14,11,0]],[],[[13,11,0],[13,0,11],[15,0,10],[15,0,0]],[[14,0,10],[15,11,10]],[],[[14,13,0]],[],[[14,0,10],[14,0,0],[14,11,10],[13,0,0],[14,11,0]],[[13,0,0],[13,0,0],[14,11,0],[15,13,0],[17,13,14]],[[13,11,0],[19,13,14],[13,0,0],[19,12,13],[13,0,0]],[[27,18,17],[13,0,0],[14,0,0],[15,0,0]],[[15,0,0]],[],[[18,13,0]],[],[[17,0,12]],[],[[15,11,10]],[[17,12,0],[14,11,10],[14,0,0],[13,0,0],[13,11,11],[16,12,10],[18,13,11],[15,0,10],[14,0,0],[16,0,0]],[[14,0,0]],[],[[14,0,0]],[[13,11,0],[13,11,10],[14,0,10],[19,11,10],[13,11,0]],[[19,11,13],[16,15,10],[15,13,0],[16,13,14]],[],[],[],[[13,11,0],[13,11,10],[14,11,0],[16,13,11]],[],[],[[18,12,11],[14,11,0],[13,0,0]],[[16,14,11],[15,0,10]],[[13,0,0],[16,14,12]],[[13,0,10],[13,0,10],[13,11,0],[15,12,11],[13,0,0],[17,13,11]],[[18,0,0]],[[14,12,10]],[[19,11,0]],[[13,11,10]],[[13,12,0],[13,0,11],[14,13,0],[18,14,13]],[[13,0,0],[13,0,0],[13,0,0],[16,0,0],[24,14,0]],[[22,13,10],[14,12,0],[15,13,0],[22,13,11]],[],[[15,11,0],[14,12,11],[14,13,0]],[[12,0,0],[13,11,10],[12,11,0],[13,0,0]],[],[[12,0,10],[13,0,0],[12,0,0],[12,0,0],[13,0,0],[14,12,0],[14,12,10]],[],[[13,0,0],[12,11,0],[13,0,0],[16,13,0]],[],[[14,0,0],[15,11,0]],[[14,11,10]],[],[[15,13,16],[14,11,12],[13,0,0],[15,0,0],[13,11,0],[14,0,0],[14,0,11],[14,11,12],[14,12,13],[14,0,0]],[[12,0,0],[17,14,13],[12,0,0],[12,11,0],[12,0,10]],[[14,11,0],[13,0,0],[11,0,11],[14,11,10]],[[100,39,72],[15,13,10]],[],[],[[12,0,0],[14,12,10]],[[16,11,13]],[[13,11,0],[21,16,11]],[],[[15,13,0],[13,0,10]],[],[[14,11,0],[16,12,15],[13,13,0],[13,11,0],[13,0,0]],[[12,11,0],[12,0,0],[12,0,0],[12,12,0],[12,0,0],[12,0,0],[14,12,10],[13,0,0],[13,0,10]],[[11,0,0],[12,11,0]],[[12,12,11],[14,13,0]],[[16,11,0]],[[13,11,0]],[],[[13,12,0]],[[14,12,0]],[[12,0,0],[13,0,10]],[[13,0,0],[16,0,10],[14,11,10]],[[12,0,10],[20,11,11]],[[12,0,0],[13,0,0],[16,11,10]],[],[],[],[],[[14,13,13]],[[14,0,0]],[[15,11,11]],[[13,11,0]],[[16,12,0],[13,11,0]],[[14,0,0],[13,0,0]],[[13,0,12],[19,13,0],[17,13,16],[13,0,10]],[],[],[[11,11,0],[13,0,10],[14,0,0],[12,0,0]],[[21,17,13],[13,0,0],[18,11,0]],[[15,0,0],[16,13,14],[14,0,0]],[[13,0,10],[15,13,15],[18,13,13]],[[17,11,12]],[[19,17,10],[13,11,0],[14,0,0]],[[13,11,15],[13,0,0],[14,12,10],[18,13,11],[13,0,0],[13,11,0]],[[14,11,10]],[],[[13,11,11],[13,0,11],[16,13,11]],[],[[13,0,10],[13,13,11],[13,0,10],[13,11,0],[13,0,0]],[[16,12,19]],[[21,12,0],[18,11,17]],[[13,0,10]],[[13,11,12],[12,0,10],[13,0,17],[13,13,0]],[[12,0,11],[13,0,0],[13,11,11]],[],[[13,11,10]],[[13,12,0],[14,11,11]],[[14,0,10]],[[14,11,11]],[],[[14,0,10]],[],[[16,13,17],[13,0,10]],[[14,0,11]],[[15,0,19],[15,12,0],[15,15,0]],[[14,0,0],[14,0,0],[14,12,11]],[],[[12,0,11],[17,11,11]],[[14,0,0]],[[12,12,16]],[],[],[],[[14,11,10]],[],[],[[12,0,10],[13,0,11],[13,12,13]],[[18,12,0],[16,11,10]],[[14,11,11]],[],[],[],[],[[14,11,10]],[],[],[],[[13,0,11]],[[13,0,12],[13,0,11],[14,0,0]],[[12,11,14],[13,13,14],[12,0,10],[12,0,0]],[[12,0,0],[13,0,10],[11,0,0],[13,0,10],[12,0,0],[13,0,0],[12,0,0],[12,0,10]],[[13,0,12],[17,13,21],[14,11,10]],[[13,0,12]],[[13,12,14],[15,13,0]],[[13,0,10],[15,14,0],[12,0,10],[12,11,0],[12,11,0]],[[16,13,15],[13,0,10]],[[14,13,0],[13,12,0]],[[19,14,13]],[],[[12,0,10],[13,11,0],[12,0,0]],[[12,11,10],[10,0,0]],[[16,15,13]],[[14,12,13]],[[34,19,16]],[[11,0,0]],[[12,0,10],[12,11,10],[12,0,0],[13,0,10]],[[14,12,10]],[],[],[[12,0,10],[13,0,0],[12,0,0],[12,0,0]],[[14,0,11],[13,0,0],[13,11,11]],[[13,13,11],[13,11,16]],[[14,0,0]],[[13,11,11],[12,11,0],[13,13,11],[13,0,14],[17,13,10],[16,0,0]],[[14,0,15]],[[12,11,11]],[[15,14,15]],[],[[13,0,12],[15,0,0],[14,0,0],[14,12,0]],[],[[12,11,0],[13,12,13]],[[28,0,0],[21,0,0],[12,0,0],[13,12,10]],[],[],[[11,11,10],[16,13,15],[18,11,12]],[],[],[[12,0,0],[18,0,11]],[[14,12,0]],[[13,12,10]],[[14,11,11]],[[13,0,11],[14,0,10],[14,0,10]],[[13,0,10]],[[12,0,10],[14,0,10]],[],[[15,15,17]],[[13,11,0]],[[14,11,10],[13,11,0],[12,0,0],[17,12,14]],[[16,11,17],[12,0,0],[13,0,10]],[[17,0,12]],[[12,11,10]],[[20,19,28],[13,12,11]],[],[[13,11,13]],[[13,11,10],[13,0,0]],[],[],[[13,14,10]],[[13,0,10],[15,0,12]],[[20,13,12],[14,0,10]],[[14,11,0],[14,13,11]],[],[],[],[],[[12,0,11]],[],[],[],[[12,0,0]],[],[[17,13,10]],[[12,0,0],[11,0,0],[13,11,12]],[],[[12,12,0]],[],[],[],[]];
21 $(function() {
22 f = new Fireworks({timeline:timeline});
23 f.initCanvas("fireworks").start();
24 });
25 </script>
8429fac @dannycroft Initial canvas-fireworks push
dannycroft authored
26 </body>
8e7e8b3 @skeltoac Launch exploding rockets in a sequence by following a timeline.
skeltoac authored
27 </html>
Something went wrong with that request. Please try again.