-///+ Prefix linkto BasicCode1\r
+\r
+///+ Prefix linkto BasicCode1\r
//// Lines for set up Psychlops environment\r
-<<<<<<< HEAD
-using Psychlops;\r
-\r
-namespace PsychlopsSilverlight4test\r
-{\r
-\r
- public class PsychlopsMain\r
- {///- Prefix linkto BasicCode1\r
-\r
-\r
- ///+ Main Routine\r
- //// Psychlops runs at the first line of this function psychlops_main().\r
- public void psychlops_main() {\r
- ///+ 0 linkto BasicCode3_1a\r
- ////Prepare global parameters\r
- const int maxrectnum = 200;\r
- int rectnum = 100/*ID:rectnumber 25.0 200.0 25.0*/;\r
- double rectsize = 5.0/*ID:dotsize 1.0 10.0 1.0*/;\r
- Rectangle[] rect = new Rectangle[maxrectnum];\r
- for (int i = 0; i < maxrectnum; i++) { rect[i] = new Rectangle(); }\r
- double[] rectcolorR = new double[maxrectnum];\r
- double[] rectcolorG = new double[maxrectnum];\r
- double[] rectcolorB = new double[maxrectnum];\r
- ///- 0 linkto BasicCode3_1a\r
-\r
- Canvas window = new Canvas(Canvas.window);\r
-\r
- ///+ 1 linkto BasicCode3_1a\r
- ////Initialize\r
- for(int i=0; i < rectnum; i++){\r
- ///+ 1.1 set1\r
- ////set positions and sizes\r
- rect[i].set(rectsize, rectsize); //Set a size of rectangles.\r
- rect[i].centering();\r
- rect[i].shift((i - 0.5 * rectnum) * rectsize* 1.5/*ID:RectHGap 1.0 3.0 0.5*/,\r
- (i - 0.5*rectnum) * rectsize * 1.5/*ID:RectVGap 1.0 3.0 0.5*/); //Move Rectangles to initial positions\r
- ///- 1.1 set1\r
- ///+ 1.2 set2\r
- ////set colors\r
- rectcolorR[i]=Math.random(1.0) * 0.5/*ID: RGain 0.0 1.0 0.5*/; //Set R values. Note that "i" is converted to double-type.\r
- rectcolorG[i]=Math.random(1.0) * 0.5/*ID: GGain 0.0 1.0 0.5*/; //Set G values. Note that "i" is converted to double-type.\r
- rectcolorB[i]=Math.random(1.0) * 0.5/*ID: BGain 0.0 1.0 0.5*/; //Set B values. Note that "i" is converted to double-type.\r
- ///- 1.2 set2\r
- }\r
- ///- 1 linkto BasicCode3_1a\r
-\r
- ///+ 2 drawing\r
- ////drawing objects\r
- ///+ 2.1 setlocal\r
- ////Prepare variables for movie control;\r
- int frame = 0;\r
- int motion_dir = 1;\r
- double Horizontal_shift, Vertical_shift;\r
- ///- 2.1 setlocal\r
-\r
- while(!Keyboard.esc.pushed()){\r
- window.clear(Color.black);\r
-\r
- if(frame % 30/*ID:Period_Position 30 240 30*/ ==0){ // motion direction will reverse at designated frames.\r
- motion_dir *= -1;\r
- }\r
-\r
- for(int i=0; i < rectnum; i++){\r
- ///+ 2.2 loopset1\r
- ////set positions and sizes\r
-\r
- Horizontal_shift=motion_dir * 1.0/*ID:HSpeed 0.0 5.0 1.0*/;\r
- Vertical_shift=motion_dir * 0.0/*ID:VSpeed 0.0 5.0 1.0*/;\r
-\r
- rect[i].resize(rectsize, rectsize); //Resize rectangles.\r
- rect[i].shift(Horizontal_shift, Vertical_shift);\r
- ///- 2.2 loopset1\r
-\r
- ///+ 2.3 loopset2\r
- ////set colors\r
- rectcolorR[i]=Math.random(1.0)* 0.5/*ID:RGain 0.0 1.0 0.5*/; //Set R values. Note that "i" is converted to double-type.\r
- rectcolorG[i]=Math.random(1.0)* 0.5/*ID:GGain 0.0 1.0 0.5*/; //Set G values. Note that "i" is converted to double-type.\r
- rectcolorB[i]=Math.random(1.0)* 0.5/*ID:BGain 0.0 1.0 0.5*/; //Set B values. Note that "i" is converted to double-type.\r
- ///- 2.3 loopset2\r
-\r
- }\r
- \r
- ///+ 2.4 linkto BasicCode3_1a\r
- for(int i=0; i < rectnum; i++){\r
- rect[i].draw(new Color(rectcolorR[i], rectcolorG[i], rectcolorB[i])); //draw objects by designated colors.\r
- }\r
- window.flip();\r
- ///- 2.4 linkto BasicCode3_1a\r
- \r
- frame++;\r
- }\r
- ///- 2 drawing\r
-\r
-}\r
- ///- Main Routine\r
-\r
-\r
- }\r
-\r
-}\r
-\r
-\r
-/*\r
-=======
->>>>>>> 06a470a0e79a283223a73d8c5f6e43ef76174d97
using Psychlops;\r
\r
namespace PsychlopsSilverlightApp\r
//// Psychlops runs at the first line of this function psychlops_main().\r
public void psychlops_main()\r
{\r
- ///+ 0 linkto BasicCode3_1a\r
+ ///+ 0 Declaration\r
////Prepare global parameters\r
- int maxrectnum = 200;\r
- int rectnum = 100;\r
- double rectsize = 5.0;\r
- Rectangle[] rect = StaticFunctions.NewArray<Rectangle>(maxrectnum);\r
- double[] rectcolorR = new double[maxrectnum];\r
- double[] rectcolorG = new double[maxrectnum];\r
- double[] rectcolorB = new double[maxrectnum];\r
- ///- 0 linkto BasicCode3_1a\r
-\r
Canvas window = new Canvas(Canvas.window);\r
- var img = new Image("logo.png");\r
+ Image img;\r
+ Rectangle centerrect = new Rectangle(10, 10);\r
+ int imageHsize = 100;\r
+ int imageVsize = 60;\r
+ double R, G, B;\r
+ ///- 0 Declaration\r
\r
\r
- ///+ 1 linkto BasicCode3_1a\r
- ////Initialize\r
- for (int i = 0; i < rectnum; i++)\r
- {\r
- ///+ 1.1 set1\r
- ////set positions and sizes\r
- rect[i].set(rectsize, rectsize); //Set a size of rectangles.\r
- rect[i].centering();\r
- rect[i].shift((i - 0.5 * rectnum) * rectsize * 1.5,\r
- (i - 0.5 * rectnum) * rectsize * 1.5); //Move Rectangles to initial positions\r
- ///- 1.1 set1\r
- ///+ 1.2 set2\r
- ////set colors\r
- rectcolorR[i] = Math.random(1.0) * 0.5; //Set R values. Note that "i" is converted to double-type.\r
- rectcolorG[i] = Math.random(1.0) * 0.5; //Set G values. Note that "i" is converted to double-type.\r
- rectcolorB[i] = Math.random(1.0) * 0.5; //Set B values. Note that "i" is converted to double-type.\r
- ///- 1.2 set2\r
- }\r
- ///- 1 linkto BasicCode3_1a\r
-\r
- ///+ 2 drawing\r
- ////drawing objects\r
- ///+ 2.1 linkto BasicCode3_2a\r
- ////Prepare variables for movie control;\r
- int frame = 0;\r
- int motion_dir = 1;\r
- double Horizontal_shift, Vertical_shift;\r
- ///- 2.1 linkto BasicCode3_2a\r
\r
- while (!Keyboard.esc.pushed())\r
+ ///+ 1 Initialize\r
+ ////Initialize image and set color to each pixel.\r
+ img = new Image(imageHsize, imageVsize); //Allocate offscreen in main memory.\r
+ Color col = new Color(0,0,0);\r
+ for (int i = 0; i < imageHsize; i++)\r
{\r
- window.clear(Color.black);\r
- for (int i = 0; i < rectnum; i++)\r
+ for (int j = 0; j < imageVsize; j++)\r
{\r
- ///+ 2.2 loopset1\r
- ////set positions and sizes\r
-\r
- Horizontal_shift = Math.sin(2 * Math.PI * ((double)frame / 30.0)) * motion_dir * 100.0; //Calculate horizontal displacement from the center.\r
- Vertical_shift = Math.sin(2 * Math.PI * ((double)frame / 30.0)) * motion_dir * 0.0;//Calculate vertical displacement from the center.\r
- rect[i].resize(rectsize, rectsize); //Resize rectangles.\r
- rect[i].centering(); //Rectangles are moved to the center...\r
- rect[i].shift(Horizontal_shift + (i - 0.5 * rectnum) * rectsize * 1.5,\r
- Vertical_shift + (i - 0.5 * rectnum) * rectsize * 1.5); //and then move to designated positions\r
- ///- 2.2 loopset1\r
-\r
- ///+ 2.3 linkto BasicCode3_2a\r
- ////set colors \r
- rectcolorR[i] = Math.random(1.0) * 0.5; //Set R values. Note that "i" is converted to double-type.\r
- rectcolorG[i] = Math.random(1.0) * 0.5; //Set G values. Note that "i" is converted to double-type.\r
- rectcolorB[i] = Math.random(1.0) * 0.5; //Set B values. Note that "i" is converted to double-type.\r
- ///- 2.3 linkto BasicCode3_2a\r
-\r
+ ///+ 1.1 set1\r
+ ////set colors for each pixels\r
+ R = Math.random(1.0) * 0.5; //Set R values. \r
+ G = Math.random(1.0) * 0.5; //Set G values.\r
+ B = Math.random(1.0) * 0.5; //Set B values. \r
+ col.set(R, G, B);\r
+ img.pix(i, j, col);\r
+ ///- 1.1 set1\r
+ centerrect.centering();\r
}\r
- ///+ 2.4 linkto BasicCode3_1a\r
- for (int i = 0; i < rectnum; i++)\r
- {\r
- rect[i].draw(new Color(rectcolorR[i], rectcolorG[i], rectcolorB[i])); //draw objects by designated colors.\r
- }\r
- window.flip();\r
- ///- 2.4 linkto BasicCode3_1a\r
- frame++;\r
}\r
- ///- 2 drawing\r
-\r
- }\r
- ///- Main Routine\r
-\r
-\r
- }\r
-\r
-}\r
-\r
-\r
-\r
-\r
-\r
-/*\r
-using Psychlops;\r
-\r
-namespace PsychlopsSilverlight4test\r
-{\r
-\r
- public class PsychlopsMain\r
- {\r
- void RectLuminance()\r
- {\r
- Canvas display = new Canvas(Canvas.window);\r
- Psychlops.Solver.BinomialLikelihood.showWindow(Math.cumulativeNormalDistibution);\r
- Letters le = new Letters("Reload to restart");\r
- le.fill = Color.black;\r
- le.align = Letters.HorizontalAlign.center;\r
-\r
- while (!Keyboard.esc.pushed())\r
- {\r
- Display.clear(Color.white);\r
- le.centering().shift(-200,-10).draw();\r
- Display.flip();\r
- }\r
-\r
- }\r
-\r
-\r
- public void psychlops_main()\r
- {\r
- RectLuminance();\r
- }\r
-\r
-\r
- }\r
-\r
-}\r
-*/\r
-\r
-*/\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-/*\r
- using Psychlops;\r
-\r
-namespace PsychlopsSilverlight4test\r
-{\r
-\r
- public class PsychlopsMain\r
- {\r
-\r
- Psychlops.Canvas cnvs;\r
- int i;\r
- double x, y, z, t, p, temp, xx, yy;\r
-\r
- //Set Target Initial Value\r
- double TargetEcce = 100.0, TargetSize = 5.0, TargetNumber = 5, Rotate = 0.0;\r
-\r
- //Set Background Initial Value\r
- double Axis = 0.0, BGRadii = 150, BGSize = 5.0;\r
- Psychlops.Widgets.Slider thetaSpeed, DotNumber;\r
- Image img;\r
-\r
-\r
-\r
- public void psychlops_main()\r
- {\r
- cnvs = new Canvas(500, 500);\r
-\r
- Psychlops.Solver.BinomialLikelihood.showWindow(Math.cumulativeNormalDistibution);\r
-\r
-\r
- img = new Image("Resources/logo.png");\r
-\r
- Interval rng = new Interval();\r
- thetaSpeed = new Psychlops.Widgets.Slider("Label", -10 <= rng <= 10, 3.0);\r
- DotNumber = new Psychlops.Widgets.Slider("DotNum", 0 <= rng <= 100, 50.0);\r
-\r
- //Declare background dots and target\r
- Rectangle[] BGDot = new Rectangle[2048];\r
- for(int i=0; i<2048; i++){\r
- BGDot[i]=new Rectangle();\r
- }\r
- Rectangle[] Target= new Rectangle[10];\r
- for(int i=0; i<10; i++){\r
- Target[i]=new Rectangle();\r
- }\r
-\r
-\r
- //Declare Matrix to keep back ground dots' coordinate value\r
- double[] DotX=new double[2048];\r
- double[] DotY = new double[2048];\r
\r
+ //img.cache(); //Move offscreen from main memory to video RAM. (Optional)\r
+ ///- 1 Initialize\r
\r
- //Set Independent variables to manipulate\r
-\r
-\r
- //Initialize positions of background dots\r
- for(int i=0; i<2048; i++){\r
- t=2.0*Math.PI*Math.random(1.0);\r
- p=2.0*Math.PI*Math.random(1.0);\r
- DotX[i]=t;\r
- DotY[i]=p;\r
-\r
- x=BGRadii*Math.cos(t)*Math.cos(p);\r
- y=BGRadii*Math.sin(t)*Math.cos(p);\r
- BGDot[i].set(BGSize, BGSize);\r
- BGDot[i].centering().shift(x,y);\r
- }\r
-\r
- //Initialize positions of targets\r
- for(int i=0; i<10; i++)Target[i].set(TargetSize, TargetSize);\r
-\r
- double COS, SIN;\r
- //DotNumber = 200;\r
- //Main stimulus loop\r
- while(true){\r
- //Clear the main window\r
- cnvs.clear();\r
-\r
-\r
- temp=Axis/360*2*Math.PI;\r
- COS=Math.cos(temp);\r
- SIN=Math.sin(temp);\r
-\r
- //Calculate positions of background dots and set them\r
- for(int i=0; i<DotNumber; i++){\r
- //Calculate in polar coordinate\r
- t=DotX[i]+2.0*Math.PI*thetaSpeed/360.0;\r
- p=DotY[i];\r
-\r
- //Save current position\r
- DotX[i]=t;\r
-\r
- //Convert to Decartes coordinate\r
- x=BGRadii*Math.cos(t)*Math.cos(p);\r
- y=BGRadii*Math.sin(t)*Math.cos(p);\r
- z=BGRadii*Math.sin(p);\r
- xx=x;\r
- yy=SIN*y+COS*z;\r
-\r
- //Set Dotsize and Draw them\r
- BGDot[i].set(BGSize, BGSize);\r
- BGDot[i].centering().shift(xx,yy);\r
- BGDot[i].draw( Color.blue );\r
- }\r
-\r
- //Calculate positions of targets and set them\r
- temp=Rotate*2*Math.PI/360.0;\r
- for (int i = 0; i < 5; i++)\r
- {\r
- t = 2.0 * Math.PI/TargetNumber;\r
- x = TargetEcce*Math.cos(i*t+temp);\r
- y = TargetEcce*Math.sin(i*t+temp);\r
- Target[i].centering().shift(x,y);\r
- Target[i].fill = Color.yellow;\r
- Target[i].draw();\r
- }\r
-\r
- img.centering(Mouse.position).draw();\r
-\r
- cnvs.var(Mouse.position.x, 100, 100);\r
- cnvs.var(Mouse.position.y, 100, 140);\r
-\r
- //Reflect drawing at the next frame;\r
- cnvs.flip();\r
- }\r
- }\r
- }\r
-\r
-}\r
-*/\r
-\r
-\r
-/*using Psychlops;\r
-\r
-namespace PsychlopsSilverlight4test\r
-{\r
- public class PsychlopsMain\r
- {\r
- public void psychlops_main()\r
- {\r
- var figure_type = Psychlops.Widgets.Browser.Element.byID("FIGURE");\r
- var size_x = Psychlops.Widgets.Browser.Element.byID("SIZE_X");\r
- var size_y = Psychlops.Widgets.Browser.Element.byID("SIZE_Y");\r
- var shift_x = Psychlops.Widgets.Browser.Element.byID("SHIFT_X");\r
- var shift_y = Psychlops.Widgets.Browser.Element.byID("SHIFT_Y");\r
- var color_r = Psychlops.Widgets.Browser.Element.byID("COLOR_R");\r
- var color_g = Psychlops.Widgets.Browser.Element.byID("COLOR_G");\r
- var color_b = Psychlops.Widgets.Browser.Element.byID("COLOR_B");\r
-\r
- Canvas window = new Canvas(300, 300);\r
+ ///+ 2 drawing\r
+ ////drawing offscreen\r
\r
- var figure_r = new Rectangle();\r
- var figure_e = new Ellipse();\r
- Shape figure = figure_r;\r
- \r
while (!Keyboard.esc.pushed())\r
{\r
- if (System.String.Compare(figure_type, "Rectangle") == 0)\r
- {\r
- figure_r.set(size_x, size_y);\r
- figure = figure_r;\r
- }\r
- else\r
- {\r
- figure_e.set(size_x, size_y);\r
- figure = figure_e;\r
- }\r
- figure.fill = new Color(color_r, color_g, color_b);\r
\r
- window.clear(Color.black);\r
- figure.centering().shift(shift_x, shift_y).draw();\r
+ window.clear(Color.black); //Clear screen with black\r
+ img.centering(); //centering the position to copy offscreen\r
+ img.shift(100, 100); //centering the position to copy offscreen\r
+ img.draw(); // copy offscreen onto the reverse side of window buffer.\r
+ centerrect.draw(Color.red);// draw reference rectangle at the center.\r
window.flip();\r
}\r
- }\r
- }\r
-\r
-}\r
-\r
-\r
-\r
-\r
-/*\r
-using Psychlops;\r
-\r
-namespace Psychlops\r
-{\r
+ ///- 2 drawing\r
\r
- public class RandomDots\r
- {\r
- Rectangle dot;\r
- public Point[] cood;\r
- public RandomDots()\r
- {\r
- cood = new Point[250];\r
- dot = new Rectangle(5, 5);\r
- }\r
- public void draw()\r
- {\r
- dot.fill = Color.white;\r
- foreach (Point p in cood)\r
- {\r
- dot.centering(p).draw();\r
- }\r
}\r
- }\r
-\r
-}\r
-\r
-\r
-\r
-namespace PsychlopsSilverlight4test\r
-{\r
-\r
- public class PsychlopsMain\r
- {\r
- Canvas cnvs;\r
- Image img;\r
- Ellipse fixation;\r
- Shape shape;\r
- Color col;\r
- int isize = 100;\r
- double tfreq = 1;\r
- int frames;\r
- RandomDots dots;\r
- Group g;\r
-\r
- public void psychlops_main()\r
- {\r
- cnvs = new Canvas(500, 500);\r
- g = new Group();\r
- img = new Image(isize * 2, isize * 2);\r
- Figures.drawGrating(ref img, 200, 200, 20, 1, 2, frames * 2.0 * Math.PI / tfreq / 60);\r
- g.append(img);\r
- g.rotation = 50;\r
- fixation = new Ellipse(10, 10);\r
- fixation.fill = Color.red;\r
- //var poly = new Rectangle(100, 100);\r
- var poly = new Letters("日本語");\r
- //var poly = new Polygon(); poly.append(0, 100); poly.append(-100, 0); poly.append(0, -100); poly.append(100, 0);\r
- //var poly = new Ellipse(100, 100);\r
- //var poly = new Line(0,0,100, 0);\r
- poly.fill = Color.red;\r
- poly.stroke = new Stroke { color = Color.yellow, thick = 1 };\r
- shape = poly;\r
-\r
- var rng = new Interval();\r
- var slider = new Psychlops.Widgets.Slider("tesrt", -100 <= rng <= 100);\r
-\r
- dots = new RandomDots();\r
-\r
-\r
- while (true)\r
- {\r
- frames++;\r
-\r
-\r
- cnvs.clear(new Color(Mouse.left.pressed() ? 0.75 : 0.5));\r
- col.set(Math.random(1.0));\r
-\r
- /*if (frames % 2 == 0)\r
- {\r
- fixation.centering().shift(100, 100);\r
- fixation.draw(new Stroke(Color.blue, 3));\r
- }* /\r
-\r
- fixation.centering().shift(slider, 0);\r
- fixation.draw(Color.red);\r
-\r
- //Figures.drawGabor(ref img, 20, 100, 1, 0, frames * 2.0 * Math.PI / tfreq / 60);\r
- //Figures.drawGaussian(ref img, 20, 1);\r
- //Figures.drawGrating(ref img, 200, 200, 20, 1, 2, frames * 2.0 * Math.PI / tfreq / 60);\r
- //img.centering(Mouse.position);\r
- //img.draw();\r
- g.centering(Mouse.position).draw();\r
- g.rotation += 1;\r
-\r
- shape.centering(Mouse.position).shift(100, 0);\r
- shape.draw();\r
- if (Keyboard.spc.pressed()) cnvs.var(Mouse.x, 100, 100);\r
-\r
- cnvs.var(frames, 0, 20);\r
- //slider.value = frames / 100.0;\r
-\r
- /*if (frames % 2 != 0)\r
- {\r
- fixation.shift(100, 100);\r
- fixation.draw(new Stroke(Color.green, 3));\r
- }* /\r
-\r
- for (int i = 0; i < dots.cood.Length; i++)\r
- {\r
- dots.cood[i].set(Math.random(500), Math.random(500));\r
- }\r
- cnvs.var((double)slider, 200, 200);\r
- dots.draw();\r
+ ///- Main Routine\r
\r
- cnvs.flip();\r
- }\r
- }\r
}\r
-}\r
\r
-**/\r
-\r
-\r
-/*\r
-\r
-using Psychlops;\r
-namespace PsychlopsSilverlight4test\r
-{\r
-\r
- public class PsychlopsMain\r
- {\r
- Canvas cnvs;\r
- Rectangle[] rect;\r
- int n;\r
-\r
- public void psychlops_main()\r
- {\r
- n = 1;\r
- cnvs = new Canvas(500, 500);\r
- rect = new Rectangle[n];\r
- for (int i = 0; i < n; i++)\r
- {\r
- rect[i] = new Rectangle(10, 10);\r
- rect[i].fill = Color.red;\r
- }\r
- Interval rng = new Interval();\r
- var slider = new Psychlops.Widgets.Slider("Label", -100 <= rng <= 100);\r
-\r
- while (true)\r
- {\r
- cnvs.clear();\r
- for (int i = 0; i < n; i++)\r
- {\r
- rect[i].centering().shift(slider * i*3, i*3).draw();\r
- }\r
- cnvs.flip();\r
- }\r
- }\r
- }\r
}\r
-\r
-*/
\ No newline at end of file
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
-<html xmlns="http://www.w3.org/1999/xhtml" >\r
-<!-- saved from url=(0014)about:internet -->\r
-<head>\r
- <title>PsychlopsSilverlight4test</title>\r
- <style type="text/css">\r
- html, body {\r
- height: 100%;\r
- overflow: auto;\r
- }\r
- body {\r
- padding: 0;\r
- margin: 0;\r
- }\r
- #silverlightControlHost {\r
- height: 100%;\r
- text-align:center;\r
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> \r
+<html> \r
+ <head> \r
+ \r
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+ <meta http-equiv="Content-Style-Type" content="text/css" />\r
+\r
+ <link rel="stylesheet" href="./css/import.css" type="text/css" media="screen,print" />\r
+ <link rel="stylesheet" href="./css/jquery.lightbox-0.5.css" type="text/css" media="screen" />\r
+ <link rel="stylesheet" href="./css/tipTip.css" type="text/css" /> \r
+\r
+ <script type="text/javascript" src="./js/raphael-min.js"></script> \r
+ <script type="text/javascript" src="./js/jquery-1.4.2.min.js"></script>\r
+\r
+ <script type="text/javascript" src="./js/createPos.js"></script>\r
+ <script type="text/javascript" src="./js/createLinkButton.js"></script>\r
+ <script type="text/javascript" src="./js/createVoronoi.js"></script>\r
+ <script type="text/javascript" src="./js/setLangButton.js"></script>\r
+\r
+\r
+ <script type="text/javascript" src="./js/createVoronoiLine.js"></script>\r
+ <script type="text/javascript" src="./js/loadJSON.js"></script>\r
+\r
+ <script type="text/javascript" src="./js/createLinkButton_psychlops.js"></script>\r
+\r
+\r
+\r
+\r
+ <script type="text/javascript" src="./js/jquery.tipTip.js"></script> \r
+\r
+ <script type="text/javascript" src="./js/voronoi.js"></script>\r
+\r
+\r
+ <script type="text/javascript" src="./js/jquery.cookie.js"></script> \r
+\r
+\r
+ <script type="text/javascript" src="./js_basic/jquery-ui-1.8.2.custom.min.js"></script>\r
+\r
+ <link type="text/css" href="./css_basic/south-street/jquery-ui-1.8.2.custom.css" rel="stylesheet" />\r
+ <script type="text/javascript" src="./js_basic/fg.menu.js"></script>\r
+ <link type="text/css" href="./css_basic/fg.menu.css" rel="stylesheet" />\r
+ <script type="text/javascript" src="./js_basic/jQuery.spinTheWheel.js"></script>\r
+ <script type="text/javascript" src="./js_basic/jquery.highlight-3.js"></script>\r
+\r
+ <script type="text/javascript" src="./js_basic/prettify/prettify.js"></script>\r
+\r
+ <script type="text/javascript" src="./js_basic/silverlight_host.js"></script>\r
+ <link rel="stylesheet" type="text/css" href="./css_basic/silverlight_host.css" media="all">\r
+\r
+ <script type="text/javascript" src="./js_basic/basiccode.js"></script>\r
+ <script type="text/javascript" src="./js_basic/basiccode_function_highlighter.js"></script>\r
+ <link rel="stylesheet" type="text/css" href="./css_basic/basiccode.css" media="all">\r
+\r
+\r
+ <script type="text/javascript">\r
+<!--\r
+ var naviwidth=200;\r
+ var naviheight=800;\r
+\r
+\r
+ //professionalにリンクするかどうかの判断するため、jsonのデータから情報を得るためのID\r
+ var currentselectedID="basiccode_step1";\r
+\r
+ //JSONからデータを利用するためindex\r
+ var currentselectedIndex;\r
+\r
+ //このデモとかかわりのあるlibrarys.jsonのインデックスを格納する配列\r
+ var professionalIndexs=new Array();\r
+\r
+ //library.jsonから読み込んだデータを格納する配列\r
+ var librarys;\r
+\r
+ //JSONデータをひとまとめにした配列\r
+ var linkbuttondata;\r
+\r
+\r
+ var lang="jp";\r
+\r
+ //GETからデータを取得\r
+ var lang="jp";\r
+ if(window.location.search.length!=0){\r
+ temppath=window.location.search.substring(1).split('&');\r
+\r
+ for (var i=0; i<temppath.length; i++){\r
+ var temparray=temppath[i].split('=');\r
+\r
+ //コンテンツのIDを取得\r
+ if(temparray[0]=="id"){\r
+ currentselectedID=temparray[1];\r
+\r
+ //言語取得\r
+ }else if(temparray[0]=="lang" && temparray[1]=="en"){\r
+ lang="en";\r
+ }\r
+ }\r
+ }\r
+\r
+\r
+ //JSONを読み込み、処理を開始\r
+ window.onload = function(){\r
+\r
+ $('#inner').html(\r
+ '<div style="float:right;" >'\r
+ +'<a href="./index.html?lang='+lang+'"><img id="smalllogo" class="semitransparent" src="./img/logo_small.png" /></a>'\r
+ +'</div>'\r
+ +'<div class="clearfix"></div>'\r
+ \r
+\r
+ +'<div style="text-align:right;" >'\r
+ +'<h1>Articles</h1>'\r
+ +'</div>'\r
+\r
+ +'<h2>'\r
+ +"Psychlops Tutorial"\r
+ +'</h2>'\r
+ );\r
+ \r
+ var basiccode='using namespace Psychlops;'\r
+ +'void psychlops_main() {'\r
+ +'Canvas window(Canvas::window);'\r
+ +'Psychlops::Rectangle figure;'\r
+ +'figure.set( 100, 100 );'\r
+ +'figure.centering();'\r
+ +'figure.shift( 10, 10 );'\r
+ +'figure.draw( Color( 1, 0, 0) );'\r
+ +'window.flip();'\r
+ +'while(!Keyboard::esc.pushed()){}";'\r
+\r
+ $('#showcodebutton').html(\r
+ '<form action="./showcode.php" target="_blank" method="POST" enctype="multipart/form-data">'\r
+ +'<input type="hidden" name="code" value='+basiccode+' />'\r
+ +'<input type="submit" value="Get CS Code! " name="submit" />'\r
+ +'</form>'\r
+ );\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+ var paper=Raphael("basiccode_navi", 800, 260);\r
+\r
+ var line;\r
+ line =paper.path("M130 140 L180 140");\r
+ line.attr({stroke: "#aaaaaa"});\r
+ line = paper.path("M230 140 L280 140");\r
+ line.attr({stroke: "#aaaaaa"});\r
+ line = paper.path("M330 140 L380 140");\r
+ line.attr({stroke: "#aaaaaa"});\r
+ line = paper.path("M430 140 L480 140");\r
+ line.attr({stroke: "#aaaaaa"});\r
+ line = paper.path("M530 140 L580 140");\r
+ line.attr({stroke: "#aaaaaa"});\r
+\r
+ createLinkButton_psychlops(100,130, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode1.html");\r
+\r
+ createLinkButton_psychlops(200,130, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode2.html");\r
+\r
+ //3-1\r
+ createLinkButton_psychlops(300,130, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode3-1a.html");\r
+ createLinkButton_psychlops(300,130+50, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode3-1b.html");\r
+ createLinkButton_psychlops(300,130+100, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode3-1c.html");\r
+\r
+ //3-2\r
+ createLinkButton_psychlops(400,130, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode3-2a.html");\r
+ createLinkButton_psychlops(400,130+50, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode3-2b.html");\r
+ \r
+ //4-1\r
+ createLinkButton_psychlops(500,130, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode4-1a.html");\r
+ createLinkButton_psychlops(500,130+50, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode4-1b.html");\r
+ createLinkButton_psychlops(500,130+100, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode4-1b.html");\r
+ \r
+ //4-2\r
+ createLinkButton_psychlops(600,130, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode4-2a.html");\r
+ createLinkButton_psychlops(600,130+50, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode4-2b.html");\r
+ createLinkButton_psychlops(600,130+100, paper,"jp","矩形を表示し、位置と色を変えます。", "./basiccode4-2b.html");\r
+\r
+\r
+ var txt=paper.text(110, 110,"Step1");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+\r
+ txt=paper.text(210,110,"Step2");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+\r
+ txt=paper.text(310,110,"Step3-1");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(310+16, 100+38+16,"a");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(310+16, 100+38+50+16,"b");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(310+16, 100+38+100+16,"c");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+\r
+ txt=paper.text(410,110,"Step3-2");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(410+16, 100+38+16,"a");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(410+16, 100+38+50+16,"b");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+\r
+ txt=paper.text(510,110,"Step4-1");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(510+16, 100+38+16,"a");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(510+16, 100+38+50+16,"b");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(510+16, 100+38+100+16,"c");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+\r
+ txt=paper.text(610,110,"Step4-2");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(610+16, 100+38+16,"a");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(610+16, 100+38+50+16,"b");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+ txt=paper.text(610+16, 100+38+100+16,"c");\r
+ txt.attr({"font-size":"14px", "font-family":"arial"});\r
+\r
+\r
+\r
+ }\r
+\r
+\r
+ $(document).ready( function(){ \r
+ $(".tooltip").tipTip({\r
+ maxWidth: "auto",\r
+ edgeOffset: 0,\r
+ fadeIn:0,\r
+ activation: "hover", //click\r
+ defaultPosition: "top"\r
+ });\r
+ });\r
+\r
+//-->\r
+ </script>\r
+\r
+ </head>\r
+\r
+<body>\r
+<div id="wrapper">\r
+\r
+ <div id="contents_basiccode" style="margin-top:20px;">\r
+\r
+ <div id="inner"></div>\r
+ \r
+ <div class="space40px"></div>\r
+ <h3>Basic Code : Step3-1a</h3>\r
+ <div class="space20px"></div>\r
+\r
+ <div id="code" style="float:left; width:400px;">\r
+\r
+\r
+<pre id="main_code" class="main prettyprint cpp">\r
+///+ Prefix linkto BasicCode1\r
+//// Lines for set up Psychlops environment\r
+#include <psychlops.h>\r
+using namespace Psychlops;\r
+///- Prefix linkto BasicCode1\r
+\r
+\r
+///+ Main Routine\r
+//// Psychlops runs at the first line of this function psychlops_main().\r
+void psychlops_main() {\r
+ \r
+ ///+ 0 SetGlobal\r
+ ////Prepare global parameters\r
+ const int maxrectnum = 200;\r
+ int rectnum = 100/*ID:rectnumber 25.0 200.0 25.0*/;\r
+ double rectsize = 3.0/*ID:dotsize 1.0 10.0 1.0*/;\r
+ Psychlops::Rectangle rect[maxrectnum];\r
+ double rectcolorR[maxrectnum];\r
+ double rectcolorG[maxrectnum];\r
+ double rectcolorB[maxrectnum];\r
+ ///- 0 SetGlobal\r
+\r
+ Canvas window(Canvas::window);\r
+\r
+ ///+ 1 Initialize\r
+ ////Initialize\r
+ for(int i=0; i < rectnum; i++){\r
+ ///+ 1.1\r
+ ////set positions and sizes\r
+ rect[i].set(rectsize, rectsize); //Set a size of rectangles.\r
+ rect[i].centering(); //Move Rectangles to the center.\r
+ rect[i].shift((i - 0.5 * rectnum) * rectsize * 1.5/*ID:RectHGap 1.0 3.0 0.5*/,\r
+ (i - 0.5 * rectnum) * rectsize * 1.5/*ID:RectVGap 1.0 3.0 0.5*/); //Move Rectangles to initial positions\r
+ ///- 1.1\r
+\r
+ ///+ 1.2\r
+ ////set colors\r
+ rectcolorR[i]=(double)i * 0.5/*ID:RGain 0.0 1.0 0.5*//(double)rectnum; //Set R values. Note that "i" and "rectnum" is converted to double-type.\r
+ rectcolorG[i]=(double)i * 0.5/*ID:GGain 0.0 1.0 0.5*//(double)rectnum; //Set G values. Note that "i" and "rectnum" is converted to double-type.\r
+ rectcolorB[i]=(double)i * 0.5/*ID:BGain 0.0 1.0 0.5*//(double)rectnum; //Set B values. Note that "i" and "rectnum" is converted to double-type.\r
+ ///- 1.2\r
}\r
- </style>\r
+ ///- 1 Initialize\r
\r
- <script type="text/javascript">\r
- function onSilverlightError(sender, args) {\r
- var appSource = "";\r
- if (sender != null && sender != 0) {\r
- appSource = sender.getHost().Source;\r
- }\r
- \r
- var errorType = args.ErrorType;\r
- var iErrorCode = args.ErrorCode;\r
-\r
- if (errorType == "ImageError" || errorType == "MediaError") {\r
- return;\r
- }\r
-\r
- var errMsg = "Silverlight アプリケーションでハンドルされていないエラーが発生しまし " + appSource + "\n" ;\r
-\r
- errMsg += "コード: "+ iErrorCode + " \n";\r
- errMsg += "カテゴリ: " + errorType + " \n";\r
- errMsg += "メッセージ: " + args.ErrorMessage + " \n";\r
-\r
- if (errorType == "ParserError") {\r
- errMsg += "ファイル: " + args.xamlFile + " \n";\r
- errMsg += "行: " + args.lineNumber + " \n";\r
- errMsg += "位置: " + args.charPosition + " \n";\r
- }\r
- else if (errorType == "RuntimeError") { \r
- if (args.lineNumber != 0) {\r
- errMsg += "行: " + args.lineNumber + " \n";\r
- errMsg += "位置: " + args.charPosition + " \n";\r
- }\r
- errMsg += "メソッド名: " + args.methodName + " \n";\r
- }\r
-\r
- throw new Error(errMsg);\r
+ ///+ 2 drawing\r
+ ////drawing objects\r
+ while(!Keyboard::esc.pushed()){\r
+ window.clear(Color::black); //Clear window with black\r
+ for(int i=0; i < rectnum; i++){\r
+ rect[i].draw(Color(rectcolorR[i], rectcolorG[i], rectcolorB[i])); //draw objects by designated colors.\r
}\r
- </script>\r
-</head>\r
-<body>\r
- <form id="parameters">\r
- <input type="text" size="10" id="TheInput" />\r
- </form>\r
-\r
- <form id="form1" runat="server" style="height:60%">\r
- <div id="silverlightControlHost">\r
- <object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">\r
- <param name="source" value="Bin/Debug/PsychlopsSilverlight4test.xap"/>\r
- <param name="onError" value="onSilverlightError" />\r
- <param name="background" value="white" />\r
- <param name="minRuntimeVersion" value="3.0.40624.0" />\r
- <param name="autoUpgrade" value="true" />\r
- <param name="enableHtmlAccess" value="true" />\r
- <param name="enableGPUAcceleration" value="false" />\r
- <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40624.0" style="text-decoration:none">\r
- <img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Microsoft Silverlight を入手" style="border-style:none"/>\r
- </a>\r
- </object><iframe id="_sl_historyFrame" style="visibility:hidden;height:0px;width:0px;border:0px"></iframe></div>\r
- </form>\r
+ window.flip();\r
+ }\r
+ ///- 2 drawing\r
+\r
+}\r
+///- Main Routine\r
+</pre>\r
+\r
+\r
+ <!-- #code --></div>\r
+\r
+\r
+ <div id="window" style="float:left; width:300px; height:300px; ">\r
+ <div class="desc_child"><span id="xap">./Bin/Debug/PsychlopsSilverlight4test.xap</span></div>\r
+ </div>\r
+\r
+\r
+ <div class="clearfix"></div>\r
+\r
+ <br />\r
+ <br />\r
+ \r
+ <div id="showcodebutton" style="margin-left:40px;"></div>\r
+\r
+ <div id="basiccode_navi"></div>\r
+\r
+ <div class="space100px"></div>\r
+\r
+<!-- #contents --></div>\r
+\r
+<!-- #wrapper --></div>\r
</body>\r
-</html>\r
+</html>
\ No newline at end of file