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 Color#hue.

Browse source
This commit is contained in:
Jonathan Puckey 2011-03-07 16:07:30 +01:00
parent d713102734
commit 8bfa4e6073
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
examples/Animated/RadialRainbows.html
View file

@ -44,16 +44,21 @@
gradient.type = 'radial';
var gradientColor = new GradientColor(gradient, point, point + vector);
var colors = ['red', 'orange', 'yellow', 'green', 'blue'];
var stops = [];
for (var i = 0, l = colors.length; i < l * 15; i++) {
var stop = new GradientStop(colors[i % l], i / (l * 15));
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);
}
gradient.stops = stops;
var path = new Path.Rectangle(new Rectangle([0, 0], document.size));
path.fillColor = gradientColor;
tool.eventInterval = 30;
var mouseDown = false;
function onMouseDown(event) {
@ -69,11 +74,12 @@
mouseDown = false;
}
setInterval(draw, 30);
var grow = false;
var vector = new Point(150, 0);
setInterval(draw, 30);
function draw() {
for(var i = 0, l = gradient.stops.length; i < l; i++)
gradient.stops[i].color.hue -= 20;
if (grow && vector.length > 300) {
grow = false;
} else if (!grow && vector.length < 75) {