/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////global variable int d=10; boolean drawInterface2=false;////////////////////////////////////////////////////////////////////////////////////control if display interface2 int currentNumber=-1; PFont font; ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////declare objects in interface2 Country c1,c2,c3,c4,c5,c6,c7,c8,c9,c10; Text[]t=new Text[18]; PImage img; ////////////////////////////////////////////////////////////////////////////////////////////////////////////////initialize country points float[][]pp1={{293,228},{293,234},{287,240},{293,240},{293,246},{293,254},{292,258},{ 299,262},{298,270},{299,276},{304,270},{310,270},{310,276},{316,276},{325,275},{334,275},{350,276},{334,270},{340,270},{346,270},{352,270},{357,270},{363,270},{363,264},{369,264},{375,264},{381,266},{381,270},{381,278},{387,264},{392,258},{392,252},{397,252},{398,246},{403,240},{410,240},{415,234},{423,228}}; float[][]pp2={{579,172},{578,178},{580,186},{580,192},{578,200},{584,202},{590,194},{596,190},{592,184},{588,178},{586,172}}; float[][]pp3={{584,205},{582,209},{586,226},{589,217},{596,223},{601,223},{607,223},{607,217},{607,211},{607,205},{601,200},{596,200},{590,205} }; float[][]pp4={{616,224},{619,224},{625,223},{631,226},{637,229},{642,229},{648,211},{648,205},{648,199},{648,193},{648,188},{642,186},{637,182},{631,182},{625,182},{619,182},{619,188},{617,194},{615,199},{614,205},{613,211},{613,217}}; float[][]pp5={{649,218},{650,224},{650,230},{650,236},{650,242},{656,248},{662,254},{668,248},{668,242},{668,236},{668,230},{668,225},{668,218},{662,218},{656,220} }; float[][]pp6={{686,213},{686,219},{691,213}}; float[][]pp7={{610,185},{610,192},{610,201},{614,198},{615,190},{615,179}}; float[][]pp8={{607,148},{607,154},{607,160},{607,166},{611,172},{616,178},{622,179},{621,178},{622,178},{644,178},{639,178},{645,173},{654,167},{650,167},{657,167},{662,167},{662,160},{662,152},{662,145},{662,137},{662,129},{654,129},{646,129},{638,129},{629,129},{629,136},{629,142},{629,148},{621,148},{614,148} }; float[][]pp9={{668,178},{674,178},{680,178},{686,178},{686,172},{692,178},{692,172},{692,166},{698,166},{703,166},{709,166},{715,166},{721,166},{721,161},{726,161},{732,155},{738,155},{738,161},{744,161},{750,155},{756,155},{761,155},{767,149},{773,149},{779,149},{784,143},{790,143},{796,143},{801,143},{801,149},{801,155},{807,155},{813,155},{819,155},{825,155},{831,155},{836,155},{843,155},{849,155},{849,161},{854,161},{860,161},{866,161},{872,161},{878,161},{884,161},{890,161},{896,161},{901,161},{907,161},{896,161},{918,161},{924,161},{930,161},{936,161},{942,161},{948,161},{954,161},{959,166},{965,166},{970,166}}; float[][]pp10={{948,237},{948,242},{948,248},{943,254},{936,254},{936,259},{942,262},{948,267},{948,261},{953,254},{954,248},{959,242},{959,236},{959,231},{954,231}}; //////////////////////////////////////////////////////////////////////////////////////////////////////////////arrays of countrys in each industrial design genres Country[]country1=new Country[1]; Country[]country2=new Country[1]; Country[]country3=new Country[1]; Country[]country4=new Country[1]; Country[]country5=new Country[1]; Country[]country6=new Country[1]; Country[]country7=new Country[1]; Country[]country8=new Country[1]; Country[]country9=new Country[1]; Country[]country10=new Country[1]; Country[]country11=new Country[9]; Country[]country12=new Country[1]; Country[]country13=new Country[3]; Country[]country14=new Country[10]; Country[]country15=new Country[2]; Country[]country16=new Country[2]; Country[]country17=new Country[10]; Country[]country18=new Country[10]; ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////declare objects in interface1 Node[] nn1; Node[] nn2; Node[] nn3; Node[] nn4; Node[] nn5; Node[] nn6; Node[] nn7; Node p1,p2,p3,p4,p5,p6,p7; Segment s1; Childsegment s2,s3,s4,s6,s7; ChildsegmentExtended s5; //////////////////////////////////////////////////////////////////////////////////////////////////////////////initial control points of bezier curves float[][] points1={{559,441},{628,462},{650,542},{537,611.5},{532,537.5},{421,431}}; float[][] points2={{669.7,340.5},{684.7,313.8},{640,267.3},{575.8,211.4}}; float[][] points3={{768.7,389},{788,324},{784.5,338.4},{815.4,294},{768.2,359},{779.5,356.6},{786.3,357.5},{765.5,374.3},{820.5,370},{873.4,370},{918.7,390},{926.9,408},{965,424},{961.7,486.2},{848,527},{802,545.7}}; float[][] points4={{711,662.2},{727.8,698.2},{715.8,714.6},{682,707.4},{653,684.5},{641.2,677.5}}; float[][] points5={{639,991.8},{372.4,728.9},{332.8,784.2},{278.8,718.6},{232.9,648.8},{209.7,608},{113.3,589},{146.7,575.3},{222,588.4},{297,623.4},{355.2,645.4}}; float[][] points6={{387.8,244.3},{357.3,313.5},{360,389},{385.7,467},{402,513.3}}; float[][] points7={{401.5,290.4},{419.3,284},{441.3,250.6},{523.1,279.1},{546,322.5}}; ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////name of each node String[]stringName1={"Fine Arts","Visual Arts","Performance Arts","Applied Arts","Decorative Arts","Plastic Arts"}; String[]stringName2={"Drawing","Painting","Printmaking","Sculpture"}; String[]stringName3={"Drawing","Painting","Printmaking","Sculpture","new media ","Assemblage Art","Collage Art","Conceptual Art", "Installation Art","Film","Video Art","Animation","environmental art","Photography","Body Painting","Face Painting "}; String[]stringName4={"Face Painting ","Body Painting","Opera","Music","Ballet","Happenings"}; String[]stringName5={"Photography","Architecture Design","Industrial Design", "Communication Design", "Fashion Design", "Interior Design","Ceramics", "Furniture", "Furnishings", "Stained Glass","Tapestry Art" }; String[]stringName6={"Ceramics", "Furniture", "Furnishings", "Stained Glass","Tapestry Art"}; String[]stringName7={"Clay Plastic Art", "Plaster Plastic Art", "Stone Plastic Art", "Metals Plastic Art", "Wood Sculpture", "Paper Origami"}; void setup() { size(1200,878); smooth(); font = loadFont("LucidaSansUnicode-100.vlw"); /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////creat each segment in interface1 p1=new Node(562.33,512.72,7,2,3); nn1=new Node[6]; nn1[0]=new Node(640.8,394,7,2,3); nn1[1]=new Node(736.3,486.4,7,2,3); nn1[2]=new Node(655.4,652.6,7,2,3); nn1[3]=new Node(389.1,665,7,2,3); nn1[4]=new Node(445,495,7,2,3); nn1[5]=new Node(451.85,327.1,7,2,3); s1=new Segment(6,p1,nn1,149,27,95,stringName1); p2=new Node(640.8,394,7,2,3); nn2=new Node[4]; nn2[0]=new Node(716,340.5,7,2,3); nn2[1]=new Node(744.5,279,7,2,3); nn2[2]=new Node(776,210.4,7,2,3); nn2[3]=new Node(820.6,153.5,7,2,3); s2=new Childsegment(4,p2,nn2,121,77,34,stringName2,s1); p3=new Node(736.3,486.4,7,2,3); nn3=new Node[16]; nn3[0]=new Node(716,340.5,7,2,3); nn3[1]=new Node(744.5,279,7,2,3); nn3[2]=new Node(776,210.4,7,2,3); nn3[3]=new Node(820.6,153.5,7,2,3); nn3[4]=new Node(940.5,224.6,7,2,3); nn3[5]=new Node(1039.6,258,7,2,3); nn3[6]=new Node(1079.8,308.7,7,2,3); nn3[7]=new Node(1101.2,374.3,7,2,3); nn3[8]=new Node(1120,431,7,2,3); nn3[9]=new Node(1124.3,497,7,2,3); nn3[10]=new Node(1122.8,563,7,2,3); nn3[11]=new Node(1089.5,623.6,7,2,3); nn3[12]=new Node(1043.6,681.6,7,2,3); nn3[13]=new Node(975,718.3,7,2,3); nn3[14]=new Node(818.6,631,7,2,3); nn3[15]=new Node(755.4,597,7,2,3); s3=new Childsegment(16,p3,nn3,20,86,46,stringName3,s1); p4=new Node(655.4,652.6,7,2,3); nn4=new Node[6]; nn4[0]=new Node(755.4,597,7,2,3); nn4[1]=new Node(818.6,631,7,2,3); nn4[2]=new Node(800.8,708.6,7,2,3); nn4[3]=new Node(729,763,7,2,3); nn4[4]=new Node(605,742.5,7,2,3); nn4[5]=new Node(541.2,699.5,7,2,3); s4=new Childsegment(6,p4,nn4,69,42,88,stringName4,s1); p5=new Node(389.1,665,7,2,3); nn5=new Node[11]; nn5[0]=new Node(975,718.3,7,2,3); nn5[1]=new Node(437.4,791.3,7,2,3); nn5[2]=new Node(364.1,845.4,7,2,3); nn5[3]=new Node(273.2,797,7,2,3); nn5[4]=new Node(182.6,735.6,7,2,3); nn5[5]=new Node(137.6,679.5,7,2,3); nn5[6]=new Node(75.2,387,7,2,3); nn5[7]=new Node(140,420,7,2,3); nn5[8]=new Node(207.6,472,7,2,3); nn5[9]=new Node(282.6,524.6,7,2,3); nn5[10]=new Node(350,561,7,2,3); s5=new ChildsegmentExtended(11,p5,nn5,5,74,102,stringName5,s1); p6=new Node(445,495,7,2,3); nn6=new Node[5]; nn6[0]=new Node(75.2,387,7,2,3); nn6[1]=new Node(140,420,7,2,3); nn6[2]=new Node(207.6,472,7,2,3); nn6[3]=new Node(282.6,524.6,7,2,3); nn6[4]=new Node(350,561,7,2,3); s6=new Childsegment(5,p6,nn6,147,141,39,stringName6,s1); p7=new Node(451.85,327.1,7,2,3); nn7=new Node[5]; nn7[0]=new Node(310,330,7,2,3); nn7[1]=new Node(320.2,262.7,7,2,3); nn7[2]=new Node(366.8,183.7,7,2,3); nn7[3]=new Node(492.2,184.2,7,2,3); nn7[4]=new Node(572.4,237.5,7,2,3); s7=new Childsegment(5,p7,nn7,164,31,44,stringName7,s1); ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////creat each country in interface2 c1=new Country(0,159,232,38,pp1,20,"United States",239,0,18,151,248); c2=new Country(0,159,232,11,pp2,12,"Britian",255,240,0,536,186); c3=new Country(0,159,232,13,pp3,12,"France",0,152,68,540,218); c4=new Country(0,159,232,22,pp4,12,"Germany",200,187,155,620,209); c5=new Country(0,159,232,15,pp5,12,"Italy",255,240,0,619,247); c6=new Country(0,159,232,3,pp6,12,"Austria",240,90,40,677,193); c7=new Country(0,159,232,6,pp7,12,"Holland",227,0,127,560,162); c8=new Country(0,159,232,30,pp8,16,"Scandinavia",144,38,142,671,138); c9=new Country(0,159,232,61,pp9,20,"Soviet Union",229,19,115,779,188); c10=new Country(0,159,232,15,pp10,14,"Japan",139,197,63,968,239); ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////creat each text in interface2 country1[0]=c2; t[0]=new Text(1,country1,156,608,159,158,158,"The Arts & Crafts Movement",0); country2[0]=c3; t[1]=new Text(1,country2,214,608,159,158,158,"Art Nouveau",1); country3[0]=c6; t[2]=new Text(1,country3,266,608,159,158,158,"Vienna Secession",2); country4[0]=c4; t[3]=new Text(1,country4,312,608,159,158,158,"Deutscher Werkbund",3); country5[0]=c7; t[4]=new Text(1,country5,370,608,159,158,158,"De Stijl",4); country6[0]=c9; t[5]=new Text(1,country6,427,608,159,158,158,"Constructivism",5); country7[0]=c4; t[6]=new Text(1,country7,481,608,159,158,158,"Bauhaus",6); country8[0]=c3; t[7]=new Text(1,country8,532,608,159,158,158,"Art Deco",7); country9[0]=c1; t[8]=new Text(1,country9,583,608,159,158,158,"Streamlining",8); country10[0]=c8; t[9]=new Text(1,country10,635,608,159,158,158,"Scandinavia",9); country11[0]=c1;country11[1]=c2;country11[2]=c3;country11[3]=c4;country11[4]=c5;country11[5]=c6;country11[6]=c7;country11[7]=c8;country11[8]=c9; t[10]=new Text(9,country11,689,608,159,158,158,"Modernism",10); country12[0]=c1; t[11]=new Text(1,country12,744,608,159,158,158,"American Commercial Design",11); country13[0]=c1;country13[1]=c5;country13[2]=c8; t[12]=new Text(3,country13,792,608,159,158,158,"Organic modernism",12); country14[0]=c1;country14[1]=c2;country14[2]=c3;country14[3]=c4;country14[4]=c5;country14[5]=c6;country14[6]=c7;country14[7]=c8;country14[8]=c9;country14[9]=c10; t[13]=new Text(10,country14,842,608,159,158,158,"Rationalism",13); country15[0]=c3;country15[1]=c10; t[14]=new Text(2,country15,897,608,159,158,158,"High-Tech",14); country16[0]=c1;country16[1]=c2; t[15]=new Text(2,country16,957,608,159,158,158,"Pop",15); country17[0]=c1;country17[1]=c2;country17[2]=c3;country17[3]=c4;country17[4]=c5;country17[5]=c6;country17[6]=c7;country17[7]=c8;country17[8]=c9;country17[9]=c10; t[16]=new Text(10,country17,1010,608,159,158,158,"Postmodernism",16); country18[0]=c1;country18[1]=c2;country18[2]=c3;country18[3]=c4;country18[4]=c5;country18[5]=c6;country18[6]=c7;country18[7]=c8;country18[8]=c9;country18[9]=c10; t[17]=new Text(10,country18,1068,608,159,158,158,"Deconstructionism",17); img = loadImage("1.jpg"); } void draw() { background(255); textFont(font); fill(159,158,158); textAlign(LEFT); text("Art Forms", 10, 89);/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////name of interface noFill(); stroke(0); strokeWeight(1); rect(0,0,1200,878);///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////frame of interface fill(0); rect(0,105,1200,773);/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////background of drawing area /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////display each segment s1.display(points1,130,227,0,127,"Arts"); s2.display(points2,130,247,181,44,"Fine Arts"); s3.display(points3,130,0,152,68,"Visual Arts"); s4.display(points4,130,145,7,130,"Performance Arts"); s5.display(points5,130,44,166,224,"Applied Arts"); s6.display(points6,130,250,237,0,"Decorative Arts"); s7.display(points7,130,229,0,18,"Plastic Arts"); s5.choose();/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////press the node of industrial design in segment5 to dispaly interface2 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////dispaly interface2 if(drawInterface2==true) { fill(255); stroke(0); strokeWeight(1); rect(0,105,1200,773);////////////////////////////////////////////////////////////////////////////////set the background of interface2 fill(0); rect(116,108,1008,770);//////////////////////////////////////////////////////////////////////////////the drawing area of interface2 image(img, 116, 108); textFont(font); textSize(36); fill(159,158,158); textAlign(LEFT); text("Industrial", 137.5, 403); text("Design", 137.5, 439); text("Genres", 137.5, 475); text("& Locale", 137.5, 511);/////////////////////////////////////////////////////////////////////////the name of interface2 textSize(28); text("Back", 1100, 90); stroke(9,76,126); strokeWeight(20); point(1083,80);////////////////////////////////////////////////////////////////////////////////press this point to go back interface1 from interface2 strokeWeight(17); stroke(203,203,203); strokeCap(ROUND); line(143,588,1097,588);////////////////////////////////////////////////////////////////////////////the timeline for(int i=0;i<17;i++) { strokeWeight(0.5); stroke(192,190,190); line(192.74+i*52.88,608,192.74+i*52.88,859); }//////////////////////////////////////////////////////////////////////////////////////////////lines in text area c1.plot(); c2.plot(); c3.plot(); c4.plot(); c5.plot(); c6.plot(); c7.plot(); c8.plot(); c9.plot(); c10.plot();///////////////////////////////////////////////////////////////////////////////////////display 10 countries for(int i=0;i