Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

composite with 'lighter' to make overlapping particles appear brighter.

  • Loading branch information...
commit 46c63c92ee4c015e0d81c599c902fbf10686c910 1 parent 76ce62e
@skeltoac skeltoac authored
Showing with 4 additions and 2 deletions.
  1. +1 −1  index.html
  2. +3 −1 js/canvas.js
View
2  index.html
@@ -16,7 +16,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="js/canvas.js"></script>
<script>
- 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]],[],[],[],[]];
+ 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]],[],[]];
$("#fireworks")
.fireworks({timeline:timeline})
.fireworks("start");
View
4 js/canvas.js
@@ -20,7 +20,7 @@
var defaults = {
renderInterval : 50, // ms between rendered frames
- stepInterval : 10, // ticks between timeline steps
+ stepInterval : 20, // ticks between timeline steps
drag : 0.01, // velocity lost per frame
gravity : 0.5, // downward acceleration
wind : -0.2, // horizontal slide applied to everything each frame
@@ -406,8 +406,10 @@
}
++this.tick;
// Fade the previous frame
+ this.context.globalCompositeOperation = "source-over";
this.context.fillStyle = "rgba(0,0,0,0.3)";
this.context.fillRect(0, 0, this.canvas.width, this.canvas.height);
+ this.context.globalCompositeOperation = "lighter";
// Draw from farthest to nearest
this.particles.sort(this.compareZPos);
var particle;
Please sign in to comment.
Something went wrong with that request. Please try again.