view test/script/jfx/kaleidoscope.js @ 666:bda654c6d59c

8027708: NASHORN TEST: Create Nashorn test that draws image step-by-step using JavaFX canvas. Reviewed-by: jlaskey, lagergren
author kshefov
date Tue, 05 Nov 2013 13:09:40 +0400
parents f22742d5daa3
children
line wrap: on
line source

/*
 * 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();