diff options
Diffstat (limited to 'test/script/jfx/kaleidoscope.js')
| -rw-r--r-- | test/script/jfx/kaleidoscope.js | 166 |
1 files changed, 83 insertions, 83 deletions
diff --git a/test/script/jfx/kaleidoscope.js b/test/script/jfx/kaleidoscope.js index 4430ff01..438ceacf 100644 --- a/test/script/jfx/kaleidoscope.js +++ b/test/script/jfx/kaleidoscope.js @@ -52,99 +52,99 @@ var prv_x,prv_y,prv_x2,prv_y2; var isFrameRendered = false;
function renderFrame() {
- if (!isFrameRendered) {
+ if (!isFrameRendered) {
a=0.2*angle;
- b=0.7*angle;
- r=0;
- fade=32;
- for(var i=0;i<6;i++)
- {
- c[i]=1.0/(i+1)/2;
- d[i]=1.0/(i+1)/2;
- }
- radius=Math.round((WIDTH+HEIGHT)/8);
- e=radius*0.2;
- p_x=Math.round(WIDTH/2);
- p_y=Math.round(HEIGHT/2);
- x=(radius*c[0])*Math.cos(a*d[1])+(radius*c[2])*Math.sin(a*d[3])+(radius*c[4])*Math.sin(a*d[5]);
- y=(radius*c[5])*Math.sin(a*d[4])+(radius*c[3])*Math.cos(a*d[2])+(radius*c[1])*Math.cos(a*d[0]);
+ b=0.7*angle;
+ r=0;
+ fade=32;
+ for(var i=0;i<6;i++)
+ {
+ c[i]=1.0/(i+1)/2;
+ d[i]=1.0/(i+1)/2;
+ }
+ radius=Math.round((WIDTH+HEIGHT)/8);
+ e=radius*0.2;
+ p_x=Math.round(WIDTH/2);
+ p_y=Math.round(HEIGHT/2);
+ x=(radius*c[0])*Math.cos(a*d[1])+(radius*c[2])*Math.sin(a*d[3])+(radius*c[4])*Math.sin(a*d[5]);
+ y=(radius*c[5])*Math.sin(a*d[4])+(radius*c[3])*Math.cos(a*d[2])+(radius*c[1])*Math.cos(a*d[0]);
isFrameRendered = true;
}
anim();
}
function anim() {
- var a1=Math.cos(a*2);
- var a2=Math.cos(a*4);
- var a3=Math.cos(a);
- var a4=Math.sin(a);
- if(b>limit1&&b<limit2) {
- r+=radius*0.02*a1;
- prv_x=x;
- prv_y=y;
- x=prv_x2+r*a3;
- y=prv_y2+r*a4;
- } else {
- prv_x=x;
- prv_y=y;
- prv_x2=x;
- prv_y2=y;
- x=(radius*c[0])*Math.cos(a*d[1])+(radius*c[2])*Math.sin(a*d[3])+(radius*c[4])*Math.sin(a*d[5]);
- y=(radius*c[5])*Math.sin(a*d[4])+(radius*c[3])*Math.cos(a*d[2])+(radius*c[1])*Math.cos(a*d[0]);
- }
- var c3=16*Math.cos(a*10);
- var c1=Math.floor(56*Math.cos(a*angle*4)+c3);
- var c2=Math.floor(56*Math.sin(a*angle*4)-c3);
- context.lineCap=StrokeLineCap.ROUND;
- context.setStroke(Paint.valueOf('rgba('+(192+c1)+','+(192+c2)+','+(192-c1)+','+(0.01-0.005*-a1)+')'));
- context.lineWidth=e*1.4+e*0.8*a3;
- draw_line(p_x,p_y,prv_x,prv_y,x,y);
- context.lineWidth=e+e*0.8*a3;
- draw_line(p_x,p_y,prv_x,prv_y,x,y);
- context.setStroke(Paint.valueOf('rgba('+(192+c1)+','+(192+c2)+','+(192-c1)+','+(0.06-0.03*-a1)+')'));
- context.lineWidth=e*0.6+e*0.35*a3;
- draw_line(p_x,p_y,prv_x,prv_y,x,y);
- context.setStroke(Paint.valueOf('rgba(0,0,0,0.06)'));
- context.lineWidth=e*0.4+e*0.225*a3;
- draw_line(p_x,p_y,prv_x,prv_y,x,y);
- context.setStroke(Paint.valueOf('rgba('+(192+c1)+','+(192+c2)+','+(192-c1)+','+(0.1-0.075*-a1)+')'));
- context.lineWidth=e*0.2+e*0.1*a3;
- draw_line(p_x,p_y,prv_x,prv_y,x,y);
- context.setStroke(Paint.valueOf('rgba(255,255,255,0.4)'));
- context.lineWidth=e*(0.1-0.05*-a2);
- draw_line(p_x,p_y,prv_x,prv_y,x,y);
- a+=angle*Math.cos(b);
- b+=angle*0.1;
+ var a1=Math.cos(a*2);
+ var a2=Math.cos(a*4);
+ var a3=Math.cos(a);
+ var a4=Math.sin(a);
+ if(b>limit1&&b<limit2) {
+ r+=radius*0.02*a1;
+ prv_x=x;
+ prv_y=y;
+ x=prv_x2+r*a3;
+ y=prv_y2+r*a4;
+ } else {
+ prv_x=x;
+ prv_y=y;
+ prv_x2=x;
+ prv_y2=y;
+ x=(radius*c[0])*Math.cos(a*d[1])+(radius*c[2])*Math.sin(a*d[3])+(radius*c[4])*Math.sin(a*d[5]);
+ y=(radius*c[5])*Math.sin(a*d[4])+(radius*c[3])*Math.cos(a*d[2])+(radius*c[1])*Math.cos(a*d[0]);
+ }
+ var c3=16*Math.cos(a*10);
+ var c1=Math.floor(56*Math.cos(a*angle*4)+c3);
+ var c2=Math.floor(56*Math.sin(a*angle*4)-c3);
+ context.lineCap=StrokeLineCap.ROUND;
+ context.setStroke(Paint.valueOf('rgba('+(192+c1)+','+(192+c2)+','+(192-c1)+','+(0.01-0.005*-a1)+')'));
+ context.lineWidth=e*1.4+e*0.8*a3;
+ draw_line(p_x,p_y,prv_x,prv_y,x,y);
+ context.lineWidth=e+e*0.8*a3;
+ draw_line(p_x,p_y,prv_x,prv_y,x,y);
+ context.setStroke(Paint.valueOf('rgba('+(192+c1)+','+(192+c2)+','+(192-c1)+','+(0.06-0.03*-a1)+')'));
+ context.lineWidth=e*0.6+e*0.35*a3;
+ draw_line(p_x,p_y,prv_x,prv_y,x,y);
+ context.setStroke(Paint.valueOf('rgba(0,0,0,0.06)'));
+ context.lineWidth=e*0.4+e*0.225*a3;
+ draw_line(p_x,p_y,prv_x,prv_y,x,y);
+ context.setStroke(Paint.valueOf('rgba('+(192+c1)+','+(192+c2)+','+(192-c1)+','+(0.1-0.075*-a1)+')'));
+ context.lineWidth=e*0.2+e*0.1*a3;
+ draw_line(p_x,p_y,prv_x,prv_y,x,y);
+ context.setStroke(Paint.valueOf('rgba(255,255,255,0.4)'));
+ context.lineWidth=e*(0.1-0.05*-a2);
+ draw_line(p_x,p_y,prv_x,prv_y,x,y);
+ a+=angle*Math.cos(b);
+ b+=angle*0.1;
}
function draw_line(x,y,x1,y1,x2,y2) {
- context.beginPath();
- context.moveTo(x+x1,y+y1);
- context.lineTo(x+x2,y+y2);
- context.moveTo(x-x1,y+y1);
- context.lineTo(x-x2,y+y2);
- context.moveTo(x-x1,y-y1);
- context.lineTo(x-x2,y-y2);
- context.moveTo(x+x1,y-y1);
- context.lineTo(x+x2,y-y2);
- context.moveTo(x+y1,y+x1);
- context.lineTo(x+y2,y+x2);
- context.moveTo(x-y1,y+x1);
- context.lineTo(x-y2,y+x2);
- context.moveTo(x-y1,y-x1);
- context.lineTo(x-y2,y-x2);
- context.moveTo(x+y1,y-x1);
- context.lineTo(x+y2,y-x2);
- context.moveTo(x,y+x2);
- context.lineTo(x,y+x1);
- context.moveTo(x,y-x2);
- context.lineTo(x,y-x1);
- context.moveTo(x+x2,y);
- context.lineTo(x+x1,y);
- context.moveTo(x-x2,y);
- context.lineTo(x-x1,y);
- context.stroke();
- context.closePath();
+ context.beginPath();
+ context.moveTo(x+x1,y+y1);
+ context.lineTo(x+x2,y+y2);
+ context.moveTo(x-x1,y+y1);
+ context.lineTo(x-x2,y+y2);
+ context.moveTo(x-x1,y-y1);
+ context.lineTo(x-x2,y-y2);
+ context.moveTo(x+x1,y-y1);
+ context.lineTo(x+x2,y-y2);
+ context.moveTo(x+y1,y+x1);
+ context.lineTo(x+y2,y+x2);
+ context.moveTo(x-y1,y+x1);
+ context.lineTo(x-y2,y+x2);
+ context.moveTo(x-y1,y-x1);
+ context.lineTo(x-y2,y-x2);
+ context.moveTo(x+y1,y-x1);
+ context.lineTo(x+y2,y-x2);
+ context.moveTo(x,y+x2);
+ context.lineTo(x,y+x1);
+ context.moveTo(x,y-x2);
+ context.lineTo(x,y-x1);
+ context.moveTo(x+x2,y);
+ context.lineTo(x+x1,y);
+ context.moveTo(x-x2,y);
+ context.lineTo(x-x1,y);
+ context.stroke();
+ context.closePath();
}
var stack = new StackPane();
|