Viewing Program

Program Data

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

Title	look, an present \| TPT
ID	6419875946250240
Created	5 years ago, 1607374000401
Updated	5 years ago, 1607375938850
Code	//present box based off one of these presents: https://previews.123rf.com/images/gnatiuklv/gnatiuklv1606/gnatiuklv160600007/59163379-set-of-different-gift-boxes-flat-gift-box-decoration-design-present-box-holiday-surprise-birthday-gi.jpg //air/wind sign is based off of:https://www.google.com/imgres?imgurl=https%3A%2F%2Fi.pinimg.com%2Foriginals%2F7f%2Ff1%2F55%2F7ff155cc19ba480c42c6e455f1ccb982.jpg&imgrefurl=https%3A%2F%2Fwww.pinterest.cl%2Fpin%2F589971619912271799%2F%3Fsend%3Dtrue&tbnid=RRO5JoGZlijqhM&vet=12ahUKEwjdr96_27ztAhXbkKQKHSI0CZYQMygEegUIARDIAQ..i&docid=Pw8i2yxkrm6e3M&w=320&h=240&itg=1&q=wind%20flat%20art&safe=active&ved=2ahUKEwjdr96_27ztAhXbkKQKHSI0CZYQMygEegUIARDIAQ //i had an really good idea but i don't have time so i made something like what i wanted to make //i know the bottom box looks bad without the upper half but i was too tired to fix that. :( //setting things up rectMode(CENTER); textAlign(CENTER,CENTER); //the present box function function present_box(xT,yT,xB,yB){ //base of the present{ pushMatrix(); //translate part translate(xB,yB); //no lines noStroke(); //color of the base fill(134, 115, 255); //the base rect(195,228,136,117); //the bow thingy(the yellow part) on the base //color of the bow thingy fill(250, 198, 42); //the bow thingy rect(195,228,24,117); //little dots on the base //color of the little dots //the little dots{ fill(255, 255, 255,100); ellipse(162,218,24.5,24.5); ellipse(229,218,24.5,24.5); ellipse(162,262,24.5,24.5); ellipse(229,262,24.5,24.5); arc(128,218,24.5,24.5,-90,90); arc(128,263,24.5,24.5,-90,90); arc(262,218,24.5,24.5,-269,-90); arc(262,263,24.5,24.5,-269,-90); //now the pop matrix to match teh push matrix that was at the beggining of the bottom of the box popMatrix(); //the translate and rotate and the pushMatrix so the top part can come off(i know its an bit wierd that the translate for the TOP part would start from the middle of the BOTTOM part but thats how its gotta be.) pushMatrix(); translate(xT,yT); //that little dark shadow on the base //color of the little dark shadow fill(0,50); //the dark shadow rect(194,185,135,17); //} //} //bow{ //color of lines stroke(250, 198, 42); //inside empty noFill(); //makes the line kinda T-H-I-C-C strokeWeight(11); //right bow arc(228,124,40,40,-156,63); arc(259,147,117,120,-184,-149); arc(202,94,117,120,51,91); //left bow arc(161,123,40,40,-245,-31); arc(188,94,117,120,-277,-227); arc(146,153,87,120,-37,-1); //} //the top part{ //no lines noStroke(); //color of top part fill(168, 156, 247); //top part rect(194,173,155,33); //now the bow part of the top part //color of the bow part fill(250, 198, 42); //bow part rect(195,174,24,32); //the little white shadow on the top of the top part //little white shadow fill(255,50); //the little white shadow rect(194,162,153,9); //now the popMatrix to match the pushMatrix we called in teh middle of the bottom part popMatrix(); //} } //the wind sign function wind(x,y,s){ pushMatrix(); translate(x,y); scale(s); stroke(0); strokeWeight(11); line(140,200,255,200); line(120,176,203,176); line(131,224,215,224); noFill(); arc(262,182,36,36,-180,100); arc(208,158,36,36,-180,100); arc(222,242,36,36,-94,169); popMatrix(); } //the font im using function wordsFont(x,y,word,txtSz,fade,fade2){ textSize(txtSz); fill(0,fade); text(word,x-2,y-2); fill(0,fade2); text(word,x+2,y+2); } //vars{ //cordanats for top part var yTop=0; //cordinants for bottom part var yBottom=0; //wind cordanants var xWind=112; var yWind=150; var sWind=0.4; //timer to time everything var timer=0; //to check if the user clicked var clicked=false; //the thing so that the text at the end could fade in var fadeW=0; //keeps track if its at the logo or the present screen var scene="logo"; //} //yay draw draw = function() { //i just need to put this here textFont(createFont("arial Bold")); //background background(255); //the wind wind(xWind,yWind,sWind); //the present box present_box(0,yTop,0,yBottom); //so words will only show until user clicks if(clicked===false){ wordsFont(200,58,"LOOK,a present!",40,255,50); wordsFont(200,343,"click to see\nwhats in it",40,255,50); } //so the timer will start if(clicked===true){timer++;} //animation{ if(timer>50){ yTop=lerp(yTop,-200,0.02); } if(timer>200){ yWind=lerp(yWind,4,0.02); } if(timer>400){ yBottom=lerp(yBottom,420,0.005); } if(timer>600){ sWind=lerp(sWind,0.7,0.02); xWind=lerp(xWind,60,0.02); yWind=lerp(yWind,4,0.02); } if(timer>670){ fadeW+=3; var fadeW2=constrain(fadeW,0,50); var fadeW3=constrain(100-fadeW,0,50); wordsFont(200,52,"AIR",70,fadeW,50); //this has to go here for this to work textFont(createFont("cursive")); wordsFont(200,305,"a very \nwonderful \npresent",50,255,50); } //} }; //so it will start only when the user clicks mouseClicked=function(){ clicked=true; };
Folds	119,133,135,141,142,159,162,203,205,207
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3K_dqzCww
Votes	175
Spin-Offs	3
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	LZR(previously lazerlegendys)
Author Name	lazerlegendys
Author ID	kaid_201004688821985122537481
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739457686484
Updated	10 months ago, 1739457691564
Source Deleted	unknown