scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-01 02:38:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update RadialRainbows example to use the new changes in Gradient.

Browse source
This commit is contained in:
Jonathan Puckey 2011-04-07 17:02:46 +02:00
parent 06df8b1288
commit e76b6db5c0
1 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
examples/Animated/RadialRainbows.html
View file

@ -8,20 +8,17 @@
<script type="text/paperscript" canvas="canvas">
var vector = new Point(document.size.height, 0);
var point = new Point(document.size) / 2;
var gradient = new Gradient();
gradient.type = 'radial';
var gradientColor = new GradientColor(gradient, point, point + vector);
var stops = [];
var colors = [];
for (var i = 0, l = 60; i < l; i++) {
var color = new RGBColor(1, 0, 0);
var cycles = 4;
color.hue = i / l * cycles * 360;
var stop = new GradientStop(color, i / l);
stops.push(stop);
colors.push([color, i / (l - 1)]);
}
gradient.stops = stops;
var gradient = new Gradient(colors, 'radial');
var gradientColor = new GradientColor(gradient, point, point + vector);
var path = new Path.Rectangle(new Rectangle([0, 0], document.size));
path.fillColor = gradientColor;