Viewing Program

Program Data

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

Title	Apple Watch (WIP)
ID	4549176993120256
Created	10 years ago, 1441657170396
Updated	10 years ago, 1441992324111
Code	// this is an apple Watch (WIP), I am a long way from getting it done! The main clock is taking A LOT of time! //days of the week: Refinement of Spin-off of "Calendar, Date, Time, and Clock!" of Hannah H. //Any suggestion is welcomed! /** Features: * !!! New Straps!!! just click on the upper strap to change them! * analogue clock. * digital clock with different backgrounds: * sunset, sunrise, day time, night time.(depending on the actual time of your pc! try changing it to see them all!) Use the knob to change between analog and digital clock. Turn off the display by pressing on the button. * !!! Started working on the apps!!! click on the analogue clock to see them.(remote app design enhanced by Light Runner) * working calander app( gives actual day of the week). * customize your watch with different strap colors. With the announcement of the new apple watch, you now have the abality to change the outer shell! P.S(best colors would be grey, gold, or golden-pink! =)) * Final Stage! I will start working tomorrow on the apps, making them clickable! * UPDATE: The Final stage will be postponed because of the new apple watch firmware: OS2. Some apps need design update like siri. * !!!! Siri App is done!!!! (click on it and give me a feedback please !) / //Write your name! var name = "Anthony"; //Change this to any color you want! var strapColor1 = color(3, 123, 252); var strapColor2 = color(3, 123, 252); var outerShell = color(143, 137, 137,125);//color(143, 137, 137,125); <== initial color. var homeScreen; var app1=false; var app2=false; var app3=false; var app4=false; var app5=false; var app6=false; var app7=false; var app8=false; var app9=false; var app10=false; var app11=false; var app12=false; //day of week algorithm var dayOfWeek=function(date,month,year){ var dayF = floor((14-month)/12); var dayY = year - dayF; var m = month+(12dayF)-2; var dayNo = (date+dayY+floor(((31m)/12)+(dayY/4)-(dayY/100)+(dayY/400)))%7; return dayNo; }; var days = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; var hours; var months = ["January","February","March","April","May","June","July","August","September","October","November","December"]; var minutes = ["00","01","02","03","04","05","06","07","08","09"]; var Minute = minute(); var notif=false; var stopY; fill(255, 0, 0); text(days[dayOfWeek(day(),month(),year())]+", "+months[month()-1]+" "+day(),181,176); text(days[dayOfWeek(day(),month(),year())],167,125); var strap; var currentStrap; var buttonPress; var knobPress; var watchWidth= 139; var watchX=watchWidth+20; var watchY=watchWidth+0; var watchHeight= watchWidth+27; var lineX=watchWidth+162; var lineY = watchWidth+37; var scene; var drawWatch = function(){ background(255, 255, 255); scene=1; // make the watch noStroke(); //watch knob fill(143, 137, 137,225); rect(watchX+137,watchY+32,watchWidth-129,watchWidth-108,10); var drawLine = function(){ for(var i=0; i <21; i+=2){ pushMatrix(); stroke(102, 96, 102,225); line(lineX, lineY+i, lineX+3, lineY+i); translate(0,i2); popMatrix(); } }; drawLine(); noStroke(); //outer glass fill(outerShell); rect(watchX,watchY,watchWidth,watchHeight,21); //inner glass fill(0, 0, 0); rect(watchX+4+1/2,watchY+4,watchWidth-9,watchHeight-9,21); //wake/sleep button fill(143, 137, 137,200); rect(watchWidth+157,watchWidth+97,watchWidth-134,watchWidth-102,13); }; //straps var drawStraps1=function(){ noStroke(); currentStrap=1; beginShape(); fill(strapColor1); curveVertex(watchWidth+167, watchWidth+123); curveVertex(watchWidth+130, watchWidth); curveVertex(watchWidth+126, watchWidth-58); curveVertex(watchWidth+49, watchWidth-58); curveVertex(watchWidth+48, watchWidth); curveVertex(watchWidth+32, watchWidth+144); endShape(); beginShape(); fill(strapColor2); curveVertex(watchWidth+158, watchWidth-59); curveVertex(watchWidth+137, watchWidth+166); curveVertex(watchWidth+130, watchWidth+219); curveVertex(watchWidth+53, watchWidth+218); curveVertex(watchWidth+42, watchWidth+166); curveVertex(watchWidth-27, watchWidth+213); endShape(); }; var drawStraps3=function(){ noStroke(); currentStrap=3; beginShape(); fill(102, 99, 102); curveVertex(watchWidth+167, watchWidth+123); curveVertex(watchWidth+130, watchWidth); curveVertex(watchWidth+126, watchWidth-58); curveVertex(watchWidth+49, watchWidth-58); curveVertex(watchWidth+48, watchWidth); curveVertex(watchWidth+32, watchWidth+144); endShape(); beginShape(); fill(99, 96, 99); curveVertex(watchWidth+158, watchWidth-59); curveVertex(watchWidth+137, watchWidth+166); curveVertex(watchWidth+130, watchWidth+219); curveVertex(watchWidth+53, watchWidth+218); curveVertex(watchWidth+42, watchWidth+166); curveVertex(watchWidth-27, watchWidth+213); endShape(); //up stroke(0, 0, 0,75); line(187,130,266,130); line(188,123,266,123); line(187,115,266,115); line(186,106,268,106); line(184,97,269,97); line(184,90,270,90); //down line(188,315,274,315); line(187,323,273,323); line(187,330,274,330); line(186,339,275,339); line(188,347,275,347); line(191,354,272,354); }; var drawStraps2=function(){ noStroke(); currentStrap=2; beginShape(); fill(strapColor1); curveVertex(watchWidth+167, watchWidth+123); curveVertex(watchWidth+130, watchWidth); curveVertex(watchWidth+126, watchWidth-58); curveVertex(watchWidth+49, watchWidth-58); curveVertex(watchWidth+48, watchWidth); curveVertex(watchWidth+32, watchWidth+144); endShape(); beginShape(); fill(strapColor2); curveVertex(watchWidth+158, watchWidth-59); curveVertex(watchWidth+137, watchWidth+166); curveVertex(watchWidth+130, watchWidth+219); curveVertex(watchWidth+53, watchWidth+218); curveVertex(watchWidth+42, watchWidth+166); curveVertex(watchWidth-27, watchWidth+213); endShape(); }; //apps var drawApps = function(){ scene=2; var App = function(x,y,width,height){ this.x=x; this.y=y; this.width=width; this.height=height; ellipse(this.x,this.y,this.width,this.height); }; // clock app fill(255, 255, 255); var App1 = new App(229,223,26,26); stroke(0, 0, 0); point(229,223); line(236,224,229,223); line(229,223,225,212); stroke(255, 81, 0); line(232,220,220,231); //World Clock noStroke(); fill(235, 116, 52); var App2 = new App(200,223,24,24); stroke(255, 255, 255); fill(255, 60, 0); ellipse(200,223,20,20); fill(255, 60, 0,0); strokeWeight(1); stroke(255, 255, 255); arc(199,223,10,14,90,274); arc(201,223,10,14,-90,90); arc(200,218,14,6,0,180); arc(200,229,12,6,180,360); line(201,213,200,232); line(208,223,190,223); //Messages noStroke(); fill(0, 255, 9); var App3 = new App(260,223,24,24); fill(255, 255, 255); ellipse(260,222,18,14); triangle(260,222,254,232,260,230); //remote noStroke(); fill(255, 255, 255); ellipse(246,248,22,22); var from = color(0, 196, 255); var to = color(0, 136, 255); var middle = color(38, 168, 224); fill(from); arc(246, 248, 20, 20, 1, 180); fill(to); arc(246, 248, 20, 20, 180, 360); fill(middle); rect(236,247,20,4,100); fill(255,255,255); triangle(243,244,243,252,252,249); //weather fill(38, 117, 235); var App4 = new App(246,200,22,22); fill(255, 234, 0); ellipse(242,197,7,7); fill(255, 255, 255,175); ellipse(250,201,7,7); ellipse(244,201,7,7); ellipse(247,200,9,9); //calendar fill(255, 255, 255); var App5= new App(213,200,22,22); textSize(8); fill(0, 0, 0); text(day(),213,205); var dayOfTheWeek = ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 0 ? "Mon": ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 1 ? "Tue" : ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 2 ? "Wed" : ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 3 ? "Thu" : ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 4 ? "Fri" : ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 5 ? "Sat" : ((((((month() === 1 ? 0 : month() === 2 ? 3 : month() === 3 ? 3 : month() === 4 ? 6 : month() === 5 ? 1 : month() === 6 ? 4 : month() === 7 ? 6 : month() === 8 ? 2 : month() === 9 ? 5 : month() === 10 ? 0 : month() === 11 ? 3 : month() === 12 ? 5 : dayOfTheWeek)+day()) % 7)+(((month() === 1 \|\| month() === 2) && year() % 4 === 0) ? floor(((year() % 100) % 28)/4)-1 : floor(((year() % 100) % 28)/4))) % 7)-1) === 6 ? "Sun" : dayOfTheWeek; textSize(7); fill(255, 0, 0); text(dayOfTheWeek,212,196); //settings fill(133, 121, 121); var App6=new App(213,248,23,23); var sun = function(){ angleMode = "degrees"; var sunColor = color(255, 255, 255); var sunStrokeColor = color(255, 255, 255); var sunDiameter = 50; var drawSunRay = function() { fill(sunColor); noStroke(); triangle(0, -25, -39, 0, 40, 0); }; var scaleF=1;//scale factor var drawSun = function(X,Y) { stroke(sunStrokeColor); for (var i=0; i<360; i+=20){ pushMatrix(); translate(width+457,height+601); rotate(i); drawSunRay(i); popMatrix(); } }; var scaleF=0.25;//scale factor pushMatrix(); translate(scaleF-width/316,scaleF-height/151); scale(scaleF); drawSun(); popMatrix(); }; sun(); fill(133, 121, 121); arc(213,248,15,15,101,220); arc(214,248,15,15,-9,101); arc(214,248,15,15,220,342); //Stopwatch fill(227, 103, 41); var App7 = new App(228,175,24,24); fill(255, 255, 255); ellipse(228,175,20,20); fill(240, 106, 34); ellipse(228,175,18,18); fill(255, 255, 255); ellipse(228,175,5,5); rect(227,169,2,10); rect(227,164,2,2); ellipse(238,170,2,2); //activity stroke(0, 0, 0); fill(255, 0, 115); var App8 = new App(231,272,25,25); fill(94, 255, 0); ellipse(231,272,19,19); fill(0, 153, 255); ellipse(231,272,12,12); fill(0, 0, 0); ellipse(231,272,4,4); //mail noStroke(); var from = color(0, 196, 255); var to = color(0, 136, 255); var middle = color(38, 168, 224); fill(from); arc(200, 175, 23, 23, 1, 180); fill(to); arc(200, 175, 23, 23, 180, 360); fill(middle); rect(189,174,22,4,100); fill(255,255,255); triangle(192,170,192,180,202,176); triangle(209,170,209,180,202,176); triangle(192,169,209,169,202,176); triangle(192,181,209,181,202,176); //camera noStroke(); fill(128, 128, 128); var App11 = new App(262,272,24,24); fill(0, 0, 0); rect(260,272,14,13,2); rect(262,271,3,8); fill(20,20,20); rect(269,269,5,4,10); fill(89, 80, 80); rect(260,274,14,1); fill(128,128,128); arc(272,281,8,8,131,303); fill(0, 0, 0); ellipse(272,281,6,6); noStroke(); fill(201, 157, 44); ellipse(265,276,2,2); stroke(0, 0, 0); line(263,269,259,265); line(266,265,263,268); //stocks fill(66, 64, 66); var app12 = new App(200,272,24,24); fill(0, 145, 255); stroke(0, 72, 255); line(199,261,199,281); stroke(0, 166, 255); ellipse(200,265,1+1/2,1+1/2); stroke(255, 255, 255); beginShape(); fill(51, 51, 51); vertex(190,273); vertex(193,275); vertex(196,271); vertex(198,276); vertex(200,268); vertex(204,280); vertex(206,274); vertex(210,272); endShape(); //siri noStroke(); fill(121, 0, 181); var App10 = new App(256,175,24,24); fill(170, 0, 255); arc(256,175,24,24,180,360); stroke(222, 205, 222); ellipse(256,175,18,18); line(258,181,254,181); line(255+1/2,176,255+1/2,180); arc(256+1/2,173,5,11,0,180); fill(255, 255, 255); ellipse(256+1/2,173,3,9); }; //App press check var AppPress=function(){ scene=5; //app10 if(mouseIsPressed && scene===5 && mouseX>244 && mouseX<267 && mouseY>163 && mouseY<186){ app10=true; } if(app10===true ){ fill(0, 0, 0); rect(watchX+4+1/2,watchY+4,watchWidth-9,watchHeight-9,21); strokeWeight(2); fill(255, 255, 255); line(200,280,260,280); noFill(); fill(0, 0, 0,200); rect(watchX+4+1/2,watchY+4,watchWidth-9,watchHeight-9,21); fill(240, 12, 96,180); noStroke(); beginShape(); curveVertex(196, 277); curveVertex(208, 280); curveVertex(217, 274); curveVertex(229, 286); curveVertex(251, 282); curveVertex(328, 426); endShape(); fill(0, 217, 255,175); beginShape(); curveVertex(196, 291); curveVertex(208, 280); curveVertex(227, 276); curveVertex(235, 287); curveVertex(255, 281); curveVertex(322, 390); endShape(); fill(30, 199, 97,165); beginShape(); curveVertex(199, 216); curveVertex(208, 281); curveVertex(236, 275); curveVertex(250, 285); curveVertex(261, 281); curveVertex(294, 374); endShape(); fill(162, 0, 255,150); beginShape(); curveVertex(223, 300); curveVertex(200, 281); curveVertex(212, 277); curveVertex(241, 285); curveVertex(258, 281); curveVertex(346, 260); endShape(); fill(255, 255, 255,200); textSize(14); text("What can i help", 217,163); text("you with " + name + " ?", 228,181); } }; //Main Clock1 var drawClock1 = function(){ scene=3; textAlign(CENTER, CENTER); textSize(20); var hours = hour(); var minutes = ( hours * 60 ) + minute(); var seconds = ( minutes * 60) + second(); var milliseconds = 0; var lastSeconds = seconds; hours = hour(); minutes = ( hours * 60 ) + minute(); seconds = ( minutes * 60) + second(); if( lastSeconds !== seconds ) { milliseconds = 0; } else { milliseconds += ( 30 / 1000 ); milliseconds = round(milliseconds * 1000); milliseconds /= 1000; } stroke(20, 20, 20); fill(20, 20, 20); noStroke(); fill(0, 0, 0); ellipse(229, 224, 116, 116); stroke(102, 99, 102); fill(0, 0, 0); strokeCap(SQUARE); strokeWeight(1); for(var t = 0; t < 60; t++){ var d = t % 5 === 0 ? 53 : 58 ; strokeWeight(d === 100 ? 11 : 3); var tsx = 229 + (d * cos(360 / 60 * (t)) % 360); var tsy = 224 + (d * sin(360 / 60 * (t)) % 360); var tex = 229 + (60 * cos(360 / 60 * (t)) % 360); var tey = 224 + (60 * sin(360 / 60 * (t)) % 360); line(tsx, tsy, tex, tey); } // Minutes var mx = 226 + (40 * cos(360 / 60 * (minutes - 15 % 60))); var my = 232 + (48 * sin(360 / 60 * (minutes - 15 % 60))); var mex = 226 - (21 * cos(360 / 60 * (minutes - 15 % 60))); var mey = 232 - (21 * sin(360 / 60 * (minutes - 15 % 60))); strokeWeight(2); strokeCap(SQUARE); stroke(0, 0, 0, 50); fill(0, 0, 0, 50); line(mex + 2, mey + 2, mx + 2, my + 2); stroke(255, 255, 255); fill(255, 255, 255); line(mex, mey, mx, my); // Hours var hx = 226 + (35 * cos(360 / 12 * (hours - 3 % 12))); var hy = 232 + (44 * sin(360 / 12 * (hours - 3 % 12))); var hex = 226 - (18 * cos(360 / 12 * (hours - 3 % 12))); var hey = 232 - (19 * sin(360 / 12 * (hours - 3 % 12))); strokeWeight(2); stroke(0, 0, 0, 50); fill(0, 0, 0, 50); line(hex + 3, hey + 3, hx + 3, hy + 3); stroke(255, 255, 255); fill(255, 255, 255); line(hex, hey, hx, hy); // Seconds var sx = 226 + (54 * cos(360 / 60 * (seconds - 15 % 60))); var sy = 232 + (43 * sin(360 / 60 * (seconds - 15 % 60))); var sex = 226 - (25 * cos(360 / 60 * (seconds - 15 % 60))); var sey = 232 - (25 * sin(360 / 60 * (seconds - 15 % 60))); strokeWeight(1); noStroke(); stroke(255, 89, 0); fill(255, 89, 0); constrain(sex,sex-10,sex-5); constrain(sey,sey-10,sey-5); constrain(sx,sx-10,sx-5); constrain(sy,sy-10,sy-5); line(sex, sey, sx, sy); noStroke(); textSize(10); fill(255, 96, 10); text(day(),268,222); }; //Main Clock 2 var night = function(){ var a = [300,300], h = 1.0, //roughness r = 100, //random range i, skyColorFrom = color(0,0,51), skyColorTo = color(51,51,51), stars = 100; //sky fill(18, 9, 82); rect(watchX+4+1/2,watchY+4,watchWidth-9,watchHeight-9,21); //moon fill(199, 199, 199); ellipse(270,200,20,20); fill(18, 9, 82); ellipse(266,199,20,20); //stars stroke(255, 255, 255); fill(255, 255, 255); strokeWeight(1); point(235,200); point(210,165); strokeWeight(3); point(255,225); strokeWeight(2); point(185,189); point(185,250); strokeWeight(3); point(265,175); //mountains var drawRange = function() { noStroke(); beginShape(); fill(51, 51, 51); vertex(166,278); vertex(197,263); vertex(211,271); vertex(214,279); vertex(236,260); vertex(248,267); vertex(266,267); vertex(281,256); vertex(293,274); vertex(292,284); rect(164,275,watchWidth-9,25,21); endShape(); }; drawRange(); }; var sun = function(){ angleMode = "degrees"; var sunColor = color(255, 255, 0); var sunStrokeColor = color(200, 200, 0); var sunDiameter = 97; var drawCloud = function() { noStroke(); fill(255, 255, 255); ellipse(152, 119, 25, 16); ellipse(163, 119, 16, 10); ellipse(141, 119, 16, 10); }; var drawSunRay = function() { fill(sunColor); noStroke(); triangle(0, -25, -39, 0, 40, 0); }; var scaleF=1;//scale factor var drawSun = function(X,Y) { //draw sun rays fill(sunColor); stroke(sunStrokeColor); for (var i=0; i<360; i+=20){ pushMatrix(); translate(width/2,height/2); rotate(i); drawSunRay(i); popMatrix(); } }; //draw sun fill(0, 238, 255,200); rect(watchX+4+1/2,watchY+4,watchWidth-9,watchHeight-9,21); var scaleF=1.25;//scale factor pushMatrix(); translate(scaleF-width/18,scaleF-height/14); scale(scaleF); drawSun(); popMatrix(); //draw clouds pushMatrix(); translate(47,40); drawCloud(); popMatrix(); }; var drawSunSet=function(){ fill(235, 103, 42); rect(watchX+4+1/2,watchY+4,watchWidth-9,watchHeight-9,21); fill(242, 41, 41); ellipse(231,240,30,30); noStroke(); beginShape(); fill(51, 51, 51); vertex(164,260); vertex(193,235); vertex(211,245); vertex(214,236); vertex(236,247); vertex(248,234); vertex(266,251); vertex(281,237); vertex(293,247); vertex(294,267); vertex(164,268); vertex(164,221); endShape(); fill(9, 67, 112); rect(164,256,watchWidth-9,44,21); }; var padZero = function(num) { var numDigits = 2; var n = abs(num); var zeros = max(0, numDigits - floor(n).toString().length ); var zeroString = pow(10, zeros).toString().substr(1); return zeroString + n; }; var drawClock2= function(){ scene=4; fill(43, 255, 0); var s = second(); var m = minute(); var h = hour(); var d = day(); if(h>7 && h<17){ sun(); }else if(h>=17 && h<=19){ drawSunSet(); }else if (h<7 && h>5){ drawSunSet(); }else{ night(); } textFont(createFont("Gorgia" , 20), 20); textSize(20); fill(97, 133, 224); text(padZero(h) + ":" + padZero(m) , 225, 222); }; draw = function() { if(scene===3 ){ drawClock1(); }else if(scene===2){ drawWatch(); drawStraps1(); drawApps(); }else if(scene===5){ app10 = false; AppPress(); } else if(scene===4 && knobPress===true){ drawClock2(); } else if(scene===4 && buttonPress===true){ drawWatch(); drawStraps1() ; } }; mouseClicked = function() { if ( mouseX > 163 && mouseX < 293 && mouseY > 144 && mouseY < 300) { if (scene === 1) { drawClock1(); } else if (scene === 3) { drawApps(); }else if (scene===2){ AppPress(); } } else if( mouseX > 296 && mouseX<305 && mouseY > 172 && mouseY < 200){ if(scene===3){ knobPress=true; drawClock2(); } } else if(mouseX>296 && mouseX<301 && mouseY>236 && mouseY<271){ if(scene>=1){ homeScreen=true; buttonPress=true; drawWatch(); drawStraps1(); } }else if(mouseX>185 && mouseX<271 && mouseY > 75 && mouseY<138 ){ if(currentStrap===1){ drawStraps3(); }else if(currentStrap===3){ drawStraps1(); } } }; drawWatch(); drawStraps1();
Folds
Fork	true
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMj1vK6KCAw
Votes	188
Spin-Offs	19
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"2531560726","title":"Project: Ad Design","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Anthony
Author Name	OverlookingOwl
Author ID	kaid_315997700041370704521291
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739363479567
Updated	10 months ago, 1739363479567
Source Deleted	unknown