168 lines
5.2 KiB
JavaScript
168 lines
5.2 KiB
JavaScript
/*
|
|
* Copyright (c) 2013, Oracle and/or its affiliates. All rights reserved.
|
|
* DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
|
|
*
|
|
* This code is free software; you can redistribute it and/or modify it
|
|
* under the terms of the GNU General Public License version 2 only, as
|
|
* published by the Free Software Foundation.
|
|
*
|
|
* This code is distributed in the hope that it will be useful, but WITHOUT
|
|
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
|
|
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
|
|
* version 2 for more details (a copy is included in the LICENSE file that
|
|
* accompanied this code).
|
|
*
|
|
* You should have received a copy of the GNU General Public License version
|
|
* 2 along with this work; if not, write to the Free Software Foundation,
|
|
* Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
|
|
*
|
|
* Please contact Oracle, 500 Oracle Parkway, Redwood Shores, CA 94065 USA
|
|
* or visit www.oracle.com if you need additional information or have any
|
|
* questions.
|
|
*/
|
|
|
|
/**
|
|
* Testing JavaFX canvas run by Nashorn.
|
|
*
|
|
* @test/nocompare
|
|
* @run
|
|
* @fork
|
|
*/
|
|
|
|
TESTNAME = "kaleidoscope";
|
|
|
|
var WIDTH = 800;
|
|
var HEIGHT = 600;
|
|
var canvas = new Canvas(WIDTH, HEIGHT);
|
|
var context = canvas.graphicsContext2D;
|
|
|
|
var x,y;
|
|
var p_x,p_y;
|
|
var a=0;
|
|
var b=0;
|
|
var angle=Math.PI/180*8;
|
|
var color=0;
|
|
var limit1=Math.PI*1.5;
|
|
var limit2=Math.PI*1.79;
|
|
var c=new Array(6);
|
|
var d=new Array(6);
|
|
var r,e;
|
|
var fade;
|
|
var prv_x,prv_y,prv_x2,prv_y2;
|
|
var isFrameRendered = false;
|
|
|
|
function renderFrame() {
|
|
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]);
|
|
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;
|
|
}
|
|
|
|
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();
|
|
}
|
|
|
|
var stack = new StackPane();
|
|
var pane = new BorderPane();
|
|
pane.setCenter(canvas);
|
|
stack.getChildren().add(pane);
|
|
$STAGE.scene = new Scene(stack);
|
|
var frame = 0;
|
|
var timer = new AnimationTimerExtend() {
|
|
handle: function handle(now) {
|
|
if (frame < 800) {
|
|
renderFrame();
|
|
frame++;
|
|
} else {
|
|
checkImageAndExit();
|
|
timer.stop();
|
|
}
|
|
}
|
|
};
|
|
timer.start();
|