Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Harry Potter And The Deathly Hallows
ID	6711514536476672
Created	9 years ago, 1449608839022
Updated	9 years ago, 1454197613723
Code	/** Harry Potter and the deathly hallows game is going to be coming soon, and here is the menu! I need a lot of criticism so that this looks perfect by the time it is released. Feel free to tell me about anything that looks wrong. Thank you! How This Was Made I started off by finding a really good image. I then opened another tab, a New Program, and put the image and the New Program side-by-side. I made the screen for the New Program really big (I think about 1000 x 500 pixels or so) and started to make the water. After that, I made all of the rocks. This was pretty hard, because while maintaining the worn appearance of rocks, I also had to make it so that they were the perfect size to house a castle. Finally, I finished. I started on the center piece of the castle and worked my way to the towers. I made the towers by making a tower function and then re-sizing and re-positioning it. This was the hardest part, because I had to make everything perfectly or it would end up looking like a bunch of circles and rectangles instead of a castle. After that, I pulled open a really neat tool called Digital Color Meter. When you position your mouse over something, it tells you the exact color of that pixel! I used this on that image, finding and tweaking the shades on the castle. After that, I began the gradients. Gradients are really fun to do, and I made a lot of them. This is why the program might be slow - I had to make them using for loops, which are like that. I then began to work on the clouds and rain. Luckily, I just had to edit a previous project (Make It Rain) to use it. I had to change up the colors a bit and make the clouds bigger, the raindrops brighter, and add the lightning. I then was looking through really cool fonts and found one called Lucida Calligraphy, which was really similar to the actual Harry Potter font. I would have used the one they use in the movies, but I didn't want people to have to download a font to use this program. The title was made using this font. I made the main words, "Harry Potter", and then the subtitle, "And The Deathly Hallows". You may have noticed something odd now that this is finished. I told you that I made this in a different sized canvas, and yet you can view this in the normal canvas - why is that? Well, I put scale on everything but the code from my Make It Rain program, and viola! It was perfect! Of course, after changing the size, I found that I needed to edit some things. One such thing were the rocks. While they looked really good on a bigger canvas, they looked like blobs on a smaller one. So I edited those a lot until they were the perfect color. Another thing was the sky. It was way too bright, and it needed to be in contrast with the castle. And so I edited the background. I found that it was still unsatisfactory, so I added a transparent black rectangle over everything to dampen the colors. Lastly, I finished this program, and I am amazed at how it turned out. I hope that you are too! / var hogwarts=function(){ var tower=function(x,y,Resize){ pushMatrix(); translate(x,y); scale(Resize); fill(0,0,0,20); quad(350,400,400,440,400,600,350,600); fill(39,44,66); rect(180,300,200,3); fill(184,168,140); rect(200,280,160,300); quad(190,350,370,350,360,370,200,370); rect(190,280,180,80); for (var Size=0;Size<160;Size+=7){ fill(0,0,0,5); rect(360,360,-Size,340); } for (var Size=0;Size<180;Size+=5){ fill(0,0,0,5); rect(370,280,-Size,80); } fill(82, 49, 0); for (var xPos=200;xPos<365;xPos+=15){ rect(xPos,350,4,10,2); } fill(0); triangle(180,300,380,300,280,100); fill(46, 53, 79); triangle(280,300,380,300,280,100); fill(40, 50, 87); triangle(230,300,280,300,280,100); fill(37, 49, 89); triangle(180,300,230,300,280,100); for (var Size=0;Size<100;Size+=5){ fill(255,255,255,5); triangle(180+Size,300,380-Size,300,280,100); } popMatrix(); }; { background(138, 190, 242); noStroke(); for (var Size=0;Size<800;Size+=10){ fill(255, 213, 140,4); rect(0,800,1200,-Size); } for (var Size=0;Size<1200;Size+=13){ fill(50,50,50,5); rect(0,-400,1200,Size); } }//Background { { fill(150, 135, 108); rect(350,430,130,200); for (var Size=0;Size<130;Size+=10){ fill(0,0,0,6); rect(350,430,Size,200); } fill(35, 41, 61); quad(350,430,480,430,470,400,350,400); fill(122, 107, 82); arc(405,470,50,50,180,360); rect(380,470,50,80); }//wall behind middle chamber { pushMatrix(); scale(0.6,1); tower(1240,150,0.5); tower(1420,250,0.3); tower(1500,280,0.3); popMatrix(); }//back towers { fill(184, 169, 144); rect(600,400,270,200); for (var Size=0;Size<270;Size+=10){ fill(0,0,0,6); rect(600,400,Size,200); } pushMatrix(); translate(0,-110); for (var xPos=630;xPos<870;xPos+=40){ fill(71, 37, 0); arc(xPos,540,20,20,180,360); rect(xPos-10,540,20,150); for (var Size=0;Size<20;Size++){ fill(255,255,255,1); arc(xPos-Size/2,540,Size2,20,180,360); rect(xPos-10,540,Size,150); } } popMatrix(); fill(171, 158, 137); quad(870,400,870,600,980,600,980,440); }//Secondary Wall { pushMatrix(); scale(0.6,1); tower(1150,300,0.5); popMatrix(); }//front tower { fill(184,168,140); rect(570,350,100,200); for (var Size=0;Size<100;Size+=4){ fill(0,0,0,5); rect(670,350,-Size,200); } fill(46, 53, 79); quad(568,350,672,350,650,310,590,310); for (var Size=0;Size<31;Size+=3){ fill(255,255,255,6); quad(568+Size,350,672-Size,350,650-Size,310,590+Size,310); } }//Wide tower { tower(383,250,0.5); }//tower { tower(0,0,1); }//astronomy tower { pushMatrix(); scale(0.6,1); tower(940,250,0.5); popMatrix(); }//bigger tower { fill(184,168,140); rect(400,500,300,180,5); fill(110, 102, 88); quad(700,500,700,680,710,700,710,510); for (var xPos=430;xPos<700;xPos+=40){ fill(71, 37, 0); arc(xPos,540,20,20,180,360); rect(xPos-10,540,20,150); for (var Size=0;Size<20;Size++){ fill(255,255,255,1); arc(xPos-Size/2,540,Size2,20,180,360); rect(xPos-10,540,Size,150); } } for (var xPos=420;xPos<700;xPos+=20){ fill(51, 31, 0); arc(xPos,520,10,20,180,360); fill(184,160,131); rect(xPos-1,520-20,2,20); } for (var Size=0;Size<300;Size+=8){ fill(0,0,0,4); rect(700,500,-Size,180); } }//Middle chamber { fill(196, 179, 149); rect(220,500,150,100); for (var Size=0;Size<150;Size+=10){ fill(0,0,0,3); rect(220,500,Size,100); } fill(133, 120, 99); quad(370,500,370,700,395,700,395,510); for (var xPos=235;xPos<370;xPos+=20){ fill(71, 39, 0); arc(xPos,525,10,30,180,360); } }//front building { fill(0,0,0,20); quad(240,500,240,600,270,600,270,510); fill(184,168,140); rect(190,500,50,100); for (var Size=0;Size<50;Size+=3){ fill(0,0,0,3); rect(240,500,-Size,100); } fill(46, 53, 79); triangle(186,500,242,500,215,450); for (var Size=0;Size<28;Size+=2){ fill(255,255,255,5); triangle(186+Size,500,242-Size,500,215,450); } }//small tower }//Hogwarts! { { strokeWeight(1); fill(0, 16, 117); rect(0,700,1200,100); for (var Size=0;Size<100;Size+=2){ fill(0,0,0,3); rect(0,800,1200,-Size); } for (var Size=0;Size<300;Size+=10){ fill(0, 145, 255,7); arc(0,700,Size2,Size/2,0,180); } for (var Size=700;Size<800;Size+=4){ fill(255,255,255,2); stroke(255,255,255,20);//50sin(frameCount)%100 line(200+(Size-750)-10sin(frameCount5+40)%100,Size,350-(Size-750)+10sin(frameCount5+40)%100,Size); stroke(255,255,255,20); line(200+(Size-750)-10sin(frameCount5)%100,Size+2,350-(Size-750)+10sin(frameCount5)%100,Size+2); } for (var Size=700;Size<800;Size+=4){ fill(255,255,255,2); stroke(255,255,255,20);//50sin(frameCount)%100 line(900+(Size-750)-10sin(frameCount5+40)%100,Size,1000-(Size-750)+10sin(frameCount5+40)%100,Size); stroke(255,255,255,20); line(900+(Size-750)-10sin(frameCount5)%100,Size+2,1000-(Size-750)+10sin(frameCount5)%100,Size+2); } }//Water { { fill(102, 46, 0); beginShape(); vertex(31,670); vertex(15,653); vertex(4,651); vertex(0,652); vertex(0,700); endShape(); fill(125, 58, 0); beginShape(); vertex(0,663); vertex(43,672); vertex(54,688); vertex(81,697); vertex(82,700); vertex(0,700); endShape(); }//hills pushMatrix(); translate(400,0); noStroke(); { fill(56, 29, 0); beginShape(); vertex(796,454); vertex(793,454); vertex(772,458); vertex(752,460); vertex(678,484); vertex(626,510); vertex(608,511); vertex(585,513); vertex(570,549); vertex(557,562); vertex(531,564); vertex(512,578); vertex(495,588); vertex(489,592); vertex(471,613); vertex(450,631); vertex(417,700); vertex(800,700); endShape(); fill(71, 36, 0); beginShape(); vertex(631,513); vertex(615,528); vertex(599,561); vertex(592,593); vertex(575,613); vertex(546,625); vertex(542,646); vertex(542,661); vertex(530,696); vertex(800,700); vertex(796,454); vertex(793,465); vertex(772,469); vertex(752,470); vertex(678,494); endShape(); }//rightmost mountain popMatrix(); { fill(133, 78, 0); beginShape(); vertex(1200,555); vertex(1070,555); vertex(1055,550); vertex(958,537); vertex(861,540); vertex(794,549); vertex(746,555); vertex(726,567); vertex(687,589); vertex(657,618); vertex(631,631); vertex(596,643); vertex(573,652); vertex(537,646); vertex(523,657); vertex(503,673); vertex(493,685); vertex(486,700); vertex(1200,700); endShape(); for (var Size=0;Size<300;Size+=8){ fill(255,255,255,2); arc(770,690,Size1.5,Size/3,160,300); } fill(150, 88, 0); beginShape(); vertex(638,700); vertex(660,682); vertex(658,666); vertex(668,644); vertex(674,636); vertex(676,635); vertex(680,609); vertex(692,593); vertex(728,569); vertex(794,552); vertex(863,547); vertex(982,543); vertex(993,544); vertex(1016,545); vertex(1059,554); vertex(1065,556); vertex(1070,557); vertex(1093,705); endShape(); for (var Size=0;Size<300;Size+=16){ fill(255,255,255,2); arc(870,590,Size1.5,Size/3,140,300); } fill(138, 81, 0); beginShape(); vertex(1045,606); vertex(1030,598); vertex(1000,600); vertex(922,609); vertex(877,632); vertex(829,650); vertex(800,667); vertex(788,669); vertex(755,683); vertex(738,696); vertex(738,702); vertex(1045,700); endShape(); fill(0,0,0,15); arc(1000,700,300,100,180,360); }//mountain in front { { fill(150, 83, 0); beginShape(); vertex(501,674); vertex(487,664); vertex(460,636); vertex(412,607); vertex(390,592); vertex(341,566); vertex(315,554); vertex(291,550); vertex(256,553); vertex(231,544); vertex(201,536); vertex(138,581); vertex(124,598); vertex(107,658); vertex(102,656); vertex(87,692); vertex(88,700); vertex(78,715); vertex(531,705); endShape(); fill(145, 77, 0); beginShape(); vertex(80,712); vertex(96,702); vertex(123,665); vertex(134,651); vertex(157,617); vertex(193,612); vertex(221,600); vertex(325,609); vertex(336,602); vertex(426,627); vertex(448,641); vertex(472,668); vertex(528,707); endShape(); fill(138, 71, 0); beginShape(); vertex(82,715); vertex(98,706); vertex(126,682); vertex(152,672); vertex(204,667); vertex(231,667); vertex(251,649); vertex(303,666); vertex(339,671); vertex(379,671); vertex(387,671); vertex(417,674); vertex(449,702); vertex(487,701); vertex(508,703); vertex(530,707); endShape(); }//back front mountain }//top front mountain pushMatrix(); translate(400,0); { noStroke(); fill(158, 100, 0); beginShape(); vertex(798,513); vertex(780,511); vertex(764,512); vertex(729,525); vertex(686,539); vertex(673,554); vertex(664,561); vertex(662,593); vertex(641,603); vertex(643,631); vertex(629,655); vertex(622,671); vertex(609,686); vertex(608,697); vertex(597,703); vertex(800,700); endShape(); fill(0,0,0,10); arc(800,700,300,200,180,270); fill(148, 91, 0); beginShape(); vertex(798,639); vertex(778,642); vertex(718,647); vertex(678,664); vertex(677,678); vertex(666,684); vertex(656,688); vertex(634,699); vertex(630,704); vertex(800,700); endShape(); for (var Size=0;Size<110;Size+=8){ fill(255,255,255,2); arc(730,580,Size,Size,150,290); } }//Rightmost rock popMatrix(); }//Mountains }//Scenery }; var title=function(){ fill(255,200,0); textFont(createFont("Lucida Calligraphy")); textSize(160); text("Harry Potter",20,-140); textSize(40); text("AND THE \n DEATHLY \n HALLOWS",600,-30); }; textAlign(BASELINE,BASELINE); pushMatrix(); scale(0.334); translate(0,393); hogwarts(); fill(0,0,0,50); rect(0,-400,1200,1200); popMatrix(); var menu=get(0,0,400,400); var raindrops=[]; var amount=0; var clouds=[]; for (var i=0;i<150;i++){ clouds.push(random(0,400),random(90,250),random(70,250),random(55,70),random(1,10)); } mouseClicked=function(){ amount=150; }; var draw = function() { image(menu,0,0); //Flashes if (floor(random(0,100))===2){ amount=150; } //Lights the sky up fill(255,255,255,amount); rect(0,0,400,400); amount-=4; //Controls how many raindrops there are if (raindrops.length<300){ raindrops.push(random(0,400),0); } for (var i = 0; i < raindrops.length; i+=2) { //Draws the raindrops fill(0,200,255); pushMatrix(); translate(raindrops[i],raindrops[i+1]); rotate(-20); ellipse(0,0, 0.5, 10); popMatrix(); //Animates the raindrops raindrops[i]+= 5; raindrops[i+1]+=5; //Resets the raindrops if (raindrops[i+1]>400){raindrops[i+1]=0;} if (raindrops[i]>450){raindrops[i]=0;} } noStroke(); for (var i=0;i<clouds.length;i+=5){ fill(clouds[i+3]); ellipse(clouds[i],0,clouds[i+1],clouds[i+2]); clouds[i]+=clouds[i+4]; if (clouds[i]>400+clouds[i+1]/2){clouds[i]=0-clouds[i+1]/2;} } pushMatrix(); scale(0.334); translate(0,393); title(); popMatrix(); };
Folds	23,482,483,491,507,509
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOj-44L2Cww
Votes	236
Spin-Offs	7
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	AlexT
Author Name	AlexTProgramming
Author ID	kaid_649135302189973374605512
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739461007759
Updated	6 months ago, 1739461018605
Source Deleted	unknown