Viewing Program

Program Data

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

Title	Interactive iPhone 6
ID	4583555215
Created	9 years ago, 1460837633932
Updated	9 years ago, 1461289036920
Code	/** WHAT IS FUNCTIONAL: * * * messages app * calendar app * weather app * camera app * world clock and * opening phone * volume buttons * home button * power button (ish) * * NOTE: THIS IS NOT COMPLETE. I will post a finished version in a week or so, so please keep an eye out for that! * * NOTE: If you find a bug, please tell me! Thanks :) /* TO DO: - finish day of the week algorithm - finish clock app appearance / // variables { var inLockScreen = true; var lockXpos = 0; var theDay = 1; var dayOfYear; var startDay; var days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]; var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var hasNotCalculatedDay = true; var phoneIsOff = false; var offC = 0; var volumeC = 0; var volumeLevel = 4; var pressedVolumeM = -1500; var lockScreenX = 0; var baseMouseXLockScreen; var unlocking = false; var smallTimeC = 0; var lockScreenC = 255; var homeScreenX = 0; var baseMouseXHomeScreen = 0; var swiping = false; var homeScreenC = 0; var appNames = ["Messages", "Calendar", "Photos", "Camera", "Weather", "Clock", "Maps", "Videos", "Wallet", "Notes", "Reminders", "Stocks", "iTunes Store", "App Store", "iBooks", "News", "Health", "Settings"]; var appIsOpen = [false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false, false]; var appW = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var appH = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var appX = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var appY = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]; var wifiAppC = 0; var photosColors = [color(255, 125, 50, 12homeScreenC/17), color(255, 255, 50, 10homeScreenC/17), color(50, 50, 255, 26homeScreenC/51), color(50, 180, 180, 12homeScreenC/17), color(50, 255, 50, 12homeScreenC/17), color(255, 50, 255, 12homeScreenC/17), color(255, 50, 150, 12homeScreenC/17), color(255, 50, 50, 12homeScreenC/17)]; var k = 0; var messagesStage = 1; var messagesStage2 = 1; var messagesStage2X = 210; var messagesStage2C = 0; var unreadText = true; var anAppIsOpen = false; var time = ""; var calendarStage = 2; var calendarStage2X = 0; var calendarStage2C = 255; var hourlyTemperatures = [84, 82, 81, 81, 79]; var dailyTemperatureHighs = [79, 73, 75]; var dailyTemperatureLows = [63, 59, 59]; var cameraOptions = ["VIDEO", "PHOTO", "SQUARE"]; var numOfPhotosTaken = 0; var cameraStage = 2; var cameraStage2X = 0; var cameraStage2C = 255; var clockStage = 1; var clockStages = ["World Clock", "Alarm", "Stopwatch", "Timer"]; var alarmTime = ["7:00", "7:15", "7:30"]; var alarmIsOn = [true, true, true]; var alarmLabel = ["Wake up", "Seriously, get up", "Late!"]; var alarmToggleX = [15, 15, 15]; var anAlarmIsOn = true; var startStopwatchM; var stopwatchOn = false; var stopwatchString = "00:00.00"; } var calcDay = function() { if (month() === 1) { dayOfYear = day(); } if (month() === 2) { dayOfYear = day() + 31; } if (month() === 3) { dayOfYear = day() + 59; } if (month() === 4) { dayOfYear = day() + 90; } if (month() === 5) { dayOfYear = day() + 120; } if (month() === 6) { dayOfYear = day() + 151; } if (month() === 7) { dayOfYear = day() + 181; } if (month() === 8) { dayOfYear = day() + 212; } if (month() === 9) { dayOfYear = day() + 243; } if (month() === 10) { dayOfYear = day() + 273; } if (month() === 11) { dayOfYear = day() + 304; } if (month() === 12) { dayOfYear = day() + 334; } if (year() % 4 === 0 && month() >= 4) { dayOfYear = dayOfYear + 1; } startDay = (year()-2016+1+ceil((year()-2016)/4))%7; //theDay = startDay; theDay = 1; }; var clockHands = function(x, y, r, h, c) { stroke(c); strokeWeight(1); pushMatrix(); translate(x, y); rotate(r); line(0, 0, 0, -h); popMatrix(); }; var drawClock = function(x, y, r, a, bc, e, td) { fill(bc); noStroke(); ellipse(x+e, y, r2, r2); for (var i = 0; i < 12; i++) { fill(15, 15, 15, a); textSize(ceil(3r/14)); text(str(i+1), cos((i-2)30)(11r/14) + x, sin((i-2)30)(11r/14) + y + 1); } // hands clockHands(x, y, ((hour()+td)%12)30, round(r/2), color(1, 0, 0, a)); clockHands(x, y, (minute()%60)6, round(5r/7), color(1, 0, 0, a)); clockHands(x, y, (second()%60)6, round(5r/7), color(255, 50, 50, a)); }; var middleTopText = function(a) { fill(50, 50, 50); textSize(15); textAlign(CENTER); text(a, 200, 157); }; var editText = function(c) { fill(c); textSize(15); textAlign(LEFT); text("Edit", 103, 157); }; var drawMessage = function(a, b, c, d) { fill(220, 220, 220, messagesStage2C); rect(messagesStage2X + 15, 185, a, 25, 25); triangle(messagesStage2X + 17, 199, messagesStage2X + 39, 203, messagesStage2X + 12, 213); rect(messagesStage2X + 15, 220, b, 25, 25); triangle(messagesStage2X + 17, 234, messagesStage2X + 39, 238, messagesStage2X + 12, 248); fill(50, 50, 50, messagesStage2C); textAlign(LEFT); text(c, messagesStage2X + 22, 201); text(d, messagesStage2X + 25, 236); }; var topBar = function() { fill(245, 245, 245); rect(95, 112, 210, 60); }; var bottomBar = function() { fill(245, 245, 245); noStroke(); rect(95, 443, 210, 45); }; var draw = function() { // calculate day { if (millis() < 2000 && hasNotCalculatedDay) { calcDay(); hasNotCalculatedDay = false; } } // background { noStroke(); for (var i = 0; i < 100; i++) { fill(i + 200); rect(i1.2, i, width - i2.4, height - i2); } } // turning phone off { if (phoneIsOff === true) { offC += 15; } else if (phoneIsOff === false) { offC -= 15; } } // determining if an app is open {k = 0; for (var j = 0; j < appIsOpen.length-1; j++) { if (appIsOpen[k] === false) { k++; } } if (k < appIsOpen.length - 1) { anAppIsOpen = true; } else { anAppIsOpen = false; } } // writing time string { if (hour() <= 12) { if (minute() <= 9) { time = hour() + ":0" + minute(); } else { time = hour() + ":" + minute(); } } else { if (minute() <= 9) { time = str(hour()-12) + ":0" + minute(); } else { time = str(hour()-12) + ":" + minute(); } } } // side buttons { stroke(130); strokeWeight(3); line(73, 117, 73, 137); line(73, 167, 73, 200); line(73, 210, 73, 243); line(327, 167, 327, 200); } // base phone { fill(20); stroke(90); strokeWeight(1); rect(74, 49, 252, 502, 40); stroke(140); strokeWeight(2); rect(75, 50, 250, 500, 40); } // home button { stroke(50); strokeWeight(2.5); ellipse(200, 517, 40, 40); } // microphone { fill(30); stroke(50); strokeWeight(0.75); rect(180, 80, 40, 4, 100); } // camera { fill(80, 80, 255); stroke(90); strokeWeight(2); ellipse(170, 82, 6, 6); } // wallpaper { noStroke(); fill(100, 255, 200); rect(95, 112, 210, 376); fill(255, 255, 255, 100); ellipse(240, 230, 80, 80); ellipse(195, 450, 50, 50); ellipse(150, 390, 35, 35); ellipse(140, 200, 20, 20); ellipse(210, 178, 20, 20); ellipse(160, 270, 25, 25); } // drawing lock screen things { // time { fill(0, 0, 0, lockScreenC); textFont(createFont("avenir next"), 55); textAlign(CENTER); text(time, 200 + lockScreenX, 200); } // date { textSize(15); text(days[theDay] + ", " + months[month()-1] + " " + day(), 200 + lockScreenX, 230); } // slide to unlock {textSize(18); text("slide to unlock", 208 + lockScreenX, 440); stroke(0, 0, 0, lockScreenC); strokeWeight(2); line(142 + lockScreenX, 434, 139 + lockScreenX, 427); line(142 + lockScreenX, 434, 139 + lockScreenX, 441); } } // lock screen actions {if (inLockScreen) { // tabs {stroke(190, 190, 190, 160); strokeWeight(4); line(191, 123, 209, 123); line(191, 477, 209, 477); } // unlocking iphone {if (unlocking) { lockScreenX = (mouseX-baseMouseXLockScreen)/5.5; } else { lockScreenX /= 5/4; } } // colors {lockScreenC = 255; homeScreenC = 0; } } else { // apps appear {if (homeScreenC < 255) { homeScreenC += 10; } } // getting rid of lock screen {lockScreenX += 5; lockScreenC -= 50; } // swiping {if (swiping) { homeScreenX = (mouseX-baseMouseXHomeScreen)/37; } else { homeScreenX /= 5/4; }} } } // dock {fill(160, 160, 160, 3homeScreenC/4); noStroke(); rect(95, 435, 210, 53); } // drawing dock row icons { // phone app {fill(50, 255, 50, homeScreenC); rect(108, 441, 34, 34, 7); fill(255, 255, 255, homeScreenC); ellipse(119, 452, 9, 9); ellipse(131, 464, 9, 9); noFill(); stroke(255, 255, 255, homeScreenC); strokeWeight(3); arc(133, 450, 34, 34, 100, 170); } // safari app {fill(245, 245, 245, homeScreenC); noStroke(); rect(158, 441, 34, 34, 7); fill(70, 130, 255, homeScreenC); ellipse(175, 458, 27, 27); noFill(); stroke(245, 245, 245, homeScreenC); strokeWeight(0.25); ellipse(175, 458, 23, 23); noStroke(); fill(245, 245, 245, homeScreenC); triangle(174, 455, 176, 457, 167, 466); fill(255, 50, 50, homeScreenC); triangle(174, 455, 176, 457, 183, 447); } // mail app {fill(70, 100, 255, homeScreenC); rect(208, 441, 34, 34, 7); fill(245, 245, 245, homeScreenC); rect(213, 450, 24, 16, 3); stroke(70, 100, 255, homeScreenC); strokeWeight(1); line(213, 450, 225, 462); line(237, 450, 225, 462); line(213, 466, 221, 459); line(237, 466, 229, 459); } // music app {fill(255, 70, 70, homeScreenC); noStroke(); rect(258, 441, 34, 34, 7); fill(255, 255, 255, homeScreenC); ellipse(268, 466, 8, 7); ellipse(279, 463, 8, 7); quad(270, 449, 270, 454, 283, 451, 283, 446); stroke(255, 255, 255, homeScreenC); strokeWeight(2); line(271, 465, 271, 450); line(282, 448, 282, 462); } } // drawing first row icons { // messages {fill(50, 255, 50, homeScreenC); noStroke(); rect(108 + homeScreenX, 135, 34, 34, 7); fill(255, 255, 255, homeScreenC); ellipse(125 + homeScreenX, 151, 22, 18); triangle(119 + homeScreenX, 155, 126 + homeScreenX, 157, 118 + homeScreenX, 162);} // calendar {fill(244, 244, 244, homeScreenC); rect(158 + homeScreenX, 135, 34, 34, 7); fill(30, 30, 30, homeScreenC); textSize(20); text(day(), 175 + homeScreenX, 164); fill(255, 50, 50, homeScreenC); textSize(5); text(days[theDay], 175 + homeScreenX, 144);} // photos {fill(245, 245, 245, homeScreenC); rect(208 + homeScreenX, 135, 34, 34, 7); for (var i = 0; i < photosColors.length; i++) { fill(photosColors[i]); pushMatrix(); translate(225 + homeScreenX, 152); rotate(i45); rect(-4, -14, 7, 12, 5); popMatrix(); } photosColors = [color(255, 125, 50, 12homeScreenC/17), color(255, 255, 50, 10homeScreenC/17), color(50, 50, 255, 26homeScreenC/51), color(50, 180, 180, 12homeScreenC/17), color(50, 255, 50, 12homeScreenC/17), color(255, 50, 255, 12homeScreenC/17), color(255, 50, 150, 12homeScreenC/17), color(255, 50, 50, 12homeScreenC/17)];} // camera {fill(190, 190, 190, homeScreenC); rect(258 + homeScreenX, 135, 34, 34, 7); fill(80, 80, 80, homeScreenC); rect(263 + homeScreenX, 146, 24, 15, 2); quad(271 + homeScreenX, 142, 279 + homeScreenX, 142, 282 + homeScreenX, 146, 268 + homeScreenX, 146); stroke(200, 200, 200, homeScreenC); strokeWeight(0.75); ellipse(275 + homeScreenX, 153.4, 9, 9); strokeWeight(0.25); line(263 + homeScreenX, 148, 287 + homeScreenX, 148); line(263 + homeScreenX, 160, 287 + homeScreenX, 160);} } // drawing second row icons { // weather {fill(80, 140, 255, homeScreenC); noStroke(); rect(108 + homeScreenX, 185, 34, 34, 7); fill(255, 200, 0, homeScreenC); ellipse(119 + homeScreenX, 197, 11, 11); fill(240, 240, 240, homeScreenC); ellipse(120 + homeScreenX, 205, 7, 7); ellipse(126 + homeScreenX, 202, 14, 14); ellipse(133 + homeScreenX, 204, 9, 9); rect(119 + homeScreenX, 208, 16, 1);} // clock {fill(15, 15, 15, homeScreenC); rect(158 + homeScreenX, 185, 34, 34, 7); drawClock(175 + homeScreenX, 202, 14, homeScreenC, color(245, 245, 245, homeScreenC), 0, 0);} // maps {fill(220, 220, 220, homeScreenC); noStroke(); rect(208 + homeScreenX, 185, 34, 34, 7); fill(245, 245, 245, homeScreenC); rect(208 + homeScreenX, 191, 34, 4); rect(232 + homeScreenX, 185, 4, 34); rect(232 + homeScreenX, 207, 10, 4); fill(50, 255, 50, homeScreenC); rect(214 + homeScreenX, 185, 18, 6); arc(214 + homeScreenX, 191, 11, 11, 180, 270); fill(255, 220, 0, homeScreenC); quad(208 + homeScreenX, 202, 208 + homeScreenX, 208, 232 + homeScreenX, 218, 232 + homeScreenX, 212); fill(80, 100, 255, homeScreenC); arc(221 + homeScreenX, 204, 12, 14, 1, 180); fill(220, 20, 20, homeScreenC); quad(215 + homeScreenX, 204, 227 + homeScreenX, 204, 225 + homeScreenX, 201, 217 + homeScreenX, 201); fill(245, 245, 245, homeScreenC); textSize(4); text("280", 221 + homeScreenX, 208); fill(0, 174, 255, homeScreenC); rect(208 + homeScreenX, 192, 26, 2); rect(233 + homeScreenX, 193, 2, 13); ellipse(234 + homeScreenX, 209, 5, 5); fill(245, 245, 245, homeScreenC); triangle(234 + homeScreenX, 207, 233 + homeScreenX, 210, 235 + homeScreenX, 210); } // videos {fill(80, 200, 255, homeScreenC); rect(258 + homeScreenX, 185, 34, 34, 7); fill(30, 30, 30, homeScreenC); arc(265 + homeScreenX, 192, 13, 14, 180, 270); arc(285 + homeScreenX, 192, 13, 14, 270, 360); rect(265 + homeScreenX, 185, 20, 7); rect(258 + homeScreenX, 192, 34, 4); fill(245, 245, 245, homeScreenC); quad(264 + homeScreenX, 185, 271 + homeScreenX, 185, 274 + homeScreenX, 190, 268 + homeScreenX, 190); quad(276 + homeScreenX, 185, 283 + homeScreenX, 185, 286 + homeScreenX, 190, 280 + homeScreenX, 190); quad(264 + homeScreenX, 196, 271 + homeScreenX, 196, 274 + homeScreenX, 191, 268 + homeScreenX, 191); quad(276 + homeScreenX, 196, 283 + homeScreenX, 196, 286 + homeScreenX, 191, 280 + homeScreenX, 191);} } // drawing third row icons { // wallet {fill(30, 30, 30, homeScreenC); rect(108 + homeScreenX, 235, 34, 34, 7); fill(220, 220, 220, homeScreenC); rect(112 + homeScreenX, 243, 26, 18, 2); fill(70, 130, 200, homeScreenC); rect(114 + homeScreenX, 244, 22, 16, 2); fill(220, 220, 50, homeScreenC); rect(114 + homeScreenX, 246, 22, 14, 2); fill(50, 200, 50, homeScreenC); rect(114 + homeScreenX, 247, 22, 11, 2); fill(255, 125, 0, homeScreenC); rect(114 + homeScreenX, 250, 22, 10, 2); fill(220, 220, 220, homeScreenC); quad(112 + homeScreenX, 251, 120 + homeScreenX, 251, 134 + homeScreenX, 261, 113 + homeScreenX, 261); quad(138 + homeScreenX, 251, 130 + homeScreenX, 251, 115 + homeScreenX, 261, 137 + homeScreenX, 261);} // notes {fill(240, 240, 240, homeScreenC); rect(158 + homeScreenX, 235, 34, 34, 7); fill(240, 220, 20, homeScreenC); arc(165 + homeScreenX, 242, 14, 14, 180, 270); arc(185 + homeScreenX, 242, 13, 14, 270, 360); rect(165 + homeScreenX, 235, 20, 7); rect(158 + homeScreenX, 242, 34, 4); for (var i = 0; i < 3; i++) { stroke(200, 180, 0, homeScreenC); strokeWeight(0.25); line(158 + homeScreenX, 250 + i7, 192 + homeScreenX, 250 + i7); }} // reminders {fill(244, 244, 244, homeScreenC); noStroke(); rect(208 + homeScreenX, 235, 34, 34, 7); fill(255, 125, 70, homeScreenC); ellipse(214 + homeScreenX, 243, 5, 5); fill(70, 130, 255, homeScreenC); ellipse(214 + homeScreenX, 249, 5, 5); fill(70, 255, 70, homeScreenC); ellipse(214 + homeScreenX, 255, 5, 5); fill(255, 70, 255, homeScreenC); ellipse(214 + homeScreenX, 261, 5, 5); for (var i = 0; i < 5; i++) { stroke(130, 130, 130, homeScreenC); line(220 + homeScreenX, 240 + i6, 241 + homeScreenX, 240 + i6); }} // stocks {noStroke(); fill(35, 35, 35, homeScreenC); rect(258 + homeScreenX, 235, 34, 34, 7); for (var i = 0; i < 5; i++) { stroke(100, 100, 100, homeScreenC); strokeWeight(1); line(263 + i6 + homeScreenX, 235, 263 + i6 + homeScreenX, 268); } stroke(0, 80, 220, homeScreenC); line(281 + homeScreenX, 235, 281 + homeScreenX, 268); stroke(200, 200, 200, homeScreenC); line(258 + homeScreenX, 254, 263 + homeScreenX, 255); line(263 + homeScreenX, 255, 269 + homeScreenX, 250); line(269 + homeScreenX, 250, 275 + homeScreenX, 253); line(275 + homeScreenX, 253, 281 + homeScreenX, 243); line(281 + homeScreenX, 243, 287 + homeScreenX, 248); line(287 + homeScreenX, 248, 293 + homeScreenX, 245); noStroke(); fill(84, 147, 255, homeScreenC); ellipse(281 + homeScreenX, 243, 3, 3);} } // drawing fourth row icons { // itunes store {fill(240, 90, 255, homeScreenC); rect(108 + homeScreenX, 285, 34, 34, 7); stroke(245, 245, 245, homeScreenC); strokeWeight(2); ellipse(125 + homeScreenX, 302, 27, 27); strokeWeight(1); line(121 + homeScreenX, 307, 121 + homeScreenX, 297); line(130 + homeScreenX, 306, 130 + homeScreenX, 296); noStroke(); fill(245, 245, 245, homeScreenC); ellipse(119 + homeScreenX, 307, 6, 5); ellipse(128 + homeScreenX, 306, 6, 5); quad(121 + homeScreenX, 298, 131 + homeScreenX, 297, 131 + homeScreenX, 293, 121 + homeScreenX, 294);} // app store {fill(56, 146, 255, homeScreenC); rect(158 + homeScreenX, 285, 34, 34, 7); stroke(245, 245, 245, homeScreenC); ellipse(175 + homeScreenX, 302, 27, 27); strokeWeight(2); line(167 + homeScreenX, 302, 183 + homeScreenX, 302); line(174 + homeScreenX, 296, 168 + homeScreenX, 308); line(175 + homeScreenX, 293, 182 + homeScreenX, 308);} // ibooks {fill(255, 132, 0, homeScreenC); noStroke(); rect(208 + homeScreenX, 285, 34, 34, 7); fill(230, 230, 230, homeScreenC); rect(215 + homeScreenX, 293, 10, 21, 7); rect(226 + homeScreenX, 293, 10, 21, 7); fill(255, 132, 0, homeScreenC); ellipse(220 + homeScreenX, 312, 11, 10); ellipse(231 + homeScreenX, 312, 11, 10); } // news {fill(255, 50, 100, homeScreenC); rect(258 + homeScreenX, 285, 34, 34, 7); fill(220, 220, 220, homeScreenC); rect(263 + homeScreenX, 295, 24, 17); fill(230, 230, 230, homeScreenC); rect(266 + homeScreenX, 292, 21, 20); stroke(100, 100, 100, homeScreenC); strokeWeight(1); line(267 + homeScreenX, 295, 272 + homeScreenX, 295); line(267 + homeScreenX, 297, 272 + homeScreenX, 297); line(281 + homeScreenX, 295, 285 + homeScreenX, 295); line(281 + homeScreenX, 297, 285 + homeScreenX, 297); stroke(200, 200, 200, homeScreenC); line(267 + homeScreenX, 309, 285 + homeScreenX, 309); line(267 + homeScreenX, 311, 285 + homeScreenX, 311); noStroke(); fill(158, 140, 140, homeScreenC); ellipse(277 + homeScreenX, 296, 6, 6); fill(150, 200, 255, homeScreenC); rect(267 + homeScreenX, 300, 19, 8); fill(70, 70, 70, homeScreenC); triangle(267 + homeScreenX, 308, 273 + homeScreenX, 308, 271 + homeScreenX, 304); triangle(271 + homeScreenX, 308, 275 + homeScreenX, 301, 278 + homeScreenX, 308); triangle(276 + homeScreenX, 308, 280 + homeScreenX, 308, 278 + homeScreenX, 303); triangle(275 + homeScreenX, 308, 286 + homeScreenX, 308, 284 + homeScreenX, 305); } } // drawing fifth row icons { // health {fill(245, 245, 245, homeScreenC); rect(108 + homeScreenX, 335, 34, 34, 7); fill(255, 0, 68, homeScreenC); ellipse(126 + homeScreenX, 343, 8, 8); ellipse(133 + homeScreenX, 343, 8, 8); triangle(123 + homeScreenX, 346, 136 + homeScreenX, 346, 130 + homeScreenX, 354); ellipse(128 + homeScreenX, 346, 3, 3); } // settings {fill(170, 170, 170, homeScreenC); rect(158 + homeScreenX, 335, 34, 34, 7); fill(90, 90, 90, homeScreenC); ellipse(175 + homeScreenX, 352, 27, 27); stroke(170, 170, 170, homeScreenC); strokeWeight(1); ellipse(175 + homeScreenX, 352, 20, 20); ellipse(175 + homeScreenX, 352, 12, 12); line(175 + homeScreenX, 352, 170 + homeScreenX, 343); line(175 + homeScreenX, 352, 185 + homeScreenX, 354); line(175 + homeScreenX, 352, 169 + homeScreenX, 360); } } // names of apps {fill(245, 245, 245, homeScreenC); textAlign(CENTER); textSize(8); for (var i = 0; i < appNames.length; i++) { text(appNames[i], 125 + (i%4)50 + homeScreenX, 179 + floor(i/4)50); } // dock apps text("Phone", 125, 485); text("Safari", 175, 485); text("Mail", 225, 485); text("iTunes", 275, 485); } // inside apps / app backgrounds {for (var i = 0; i < appIsOpen.length; i++) { if (appIsOpen[i]) { appW[i] += (210-appW[i])/3; appH[i] += (376-appH[i])/3; appX[i] += (95-appX[i])/3; appY[i] += (112-appY[i])/3; } else { appW[i] = 0.67; appH[i] = 0.67; if (i <= 17) { appX[i] += (125 + (i%4)50-appX[i])/3; appY[i] += (152 + floor(i/4)50-appY[i])/3; } else { appX[i] += (125 + (i-18)50-appX[i])/3; appY[i] += (458 - appY[i])/3; } } // drawing apps if (i === 3) { fill(0, 0, 0); } else if (i === 4) { fill(117, 174, 201); } else if (i === 5) { fill(235, 235, 235); } else { fill(255, 255, 255, homeScreenC); } noStroke(); if (inLockScreen === false) { rect(appX[i], appY[i], appW[i], appH[i]); // shading apps fill(0, 0, 0, 20homeScreenC/51); if (anAppIsOpen === false && mouseIsPressed && ((mouseX === baseMouseXHomeScreen)\|\|(mouseY > 435))) { if (i <= 17 && mouseX > 108 + (i%4)50 && mouseX < 142 + (i%4)50 && mouseY > 135 + floor(i/4)50 && mouseY < 169 + floor(i/4)50) { rect(108 + (i%4)50 + homeScreenX, 135 + floor(i/4)50, 34, 34, 7); } else if (i > 17 && mouseX > 108 + (i-18)50 && mouseX < 142 + (i-18)50 && mouseY > 441 && mouseY < 475) { rect(108 + (i-18)50 + homeScreenX, 441, 34, 34, 7); } } } } } // one new message {if (unreadText && anAppIsOpen === false) { fill(255, 30, 30, homeScreenC); noStroke(); ellipse(140 + homeScreenX, 138, 12, 12); fill(245, 245, 245, homeScreenC); textSize(8); textAlign(CENTER); text("1", 140 + homeScreenX, 141); }} // inside messages app { if (appIsOpen[0] && inLockScreen === false) { // top bar topBar(); // other bars for (var i = 0; i < 3; i++) { fill(255, 255, 255); stroke(240, 240, 240); rect(95, 172 + i60, 209, 60); } if (messagesStage === 1) { // left top text editText(color(0, 119, 255)); // compose button noFill(); stroke(0, 119, 255); rect(280, 144, 15, 15); strokeWeight(2); line(288, 152, 297, 143); // middle top text middleTopText("Messages"); // unread text fill(0, 119, 255); if (unreadText) { noStroke(); ellipse(105, 193, 8, 8); } } else { // left top text if (mouseIsPressed && mouseX > 95 && mouseX < 167 && mouseY > 138 && mouseY < 164) { fill(50, 169, 255); } else { fill(0, 119, 255); } textSize(15); textAlign(LEFT); text("Mess...", 116, 157); fill(0, 119, 255); textAlign(RIGHT); text("Contact", 298, 157); // middle top text fill(50, 50, 50); textAlign(CENTER); if (messagesStage2 === 1) { text("Oh Noes", 200, 157); } else if (messagesStage2 === 2) { text("Bob", 200, 157); } else if (messagesStage2 === 3) { text("Pamela", 200, 157); } if (mouseIsPressed && mouseX > 95 && mouseX < 167 && mouseY > 138 && mouseY < 164) { stroke(50, 169, 255); } else { stroke(0, 119, 255); } strokeWeight(2); line(107, 147, 103, 152); line(103, 152, 107, 157); } // names fill(50, 50, 50); textAlign(LEFT); text("Oh Noes", 112, 194); text("Bob", 112, 254); text("Pamela", 112, 314); fill(150, 150, 150); textSize(14); text("Hm...", 112, 211); text("Excited for the show!", 112, 271); text("We miss you!!!", 112, 331); textAlign(RIGHT); text("Saturday", 280, 190); text("Wednesday", 280, 250); text("Tuesday", 280, 310); // shading texts / arrows for (var i = 0; i < 3; i++) { stroke(150, 150, 150); line(287, 181 + i60, 291, 186 + i60); line(291, 186 + i60, 287, 191 + i60); fill(0, 0, 0, 50); noStroke(); if (mouseIsPressed && mouseX > 95 && mouseX < 305 && mouseY > 172 + i60 && mouseY < 232 + i60) { rect(95, 172 + i60, 210, 60); } } // clearing background for messages fill(255, 255, 255, messagesStage2C); rect(95, 172, 210, 316); // drawing first message if (messagesStage2 === 1) { drawMessage(75, 55, "Oh Noes!", "Hm…"); } else if (messagesStage2 === 2) { // drawing second message drawMessage(160, 155, "Hey, see you Saturday.", "Excited for the show!"); } else if (messagesStage2 === 3) { // drawing third message fill(0, 119, 255, messagesStage2C); rect(messagesStage2X + 77, 185, 113, 25, 25); triangle(messagesStage2X + 188, 199, messagesStage2X + 166, 203, messagesStage2X + 193, 213); fill(245, 245, 245, messagesStage2C); textAlign(RIGHT); text("We miss you!!!", messagesStage2X + 180, 201); } // moving second stage of messages if (messagesStage === 1) { messagesStage2X += (305-messagesStage2X)/150; if (messagesStage2C > 0) { messagesStage2C -= 80; } } else if (messagesStage === 2) { messagesStage2X += (95-messagesStage2X)/5; if (messagesStage2C < 255) { messagesStage2C += 10; } } } } // inside calendar app { if (appIsOpen[1] && inLockScreen === false) { // top bar topBar(); // calendar stage 1 fill(30, 30, 30); textSize(20); textAlign(LEFT); text(year(), 105, 195); // months for (var i = 0; i < 12; i++) { fill(255, 50, 50); textSize(13); text(months[i].substring(0, 3).toUpperCase(), 105 + (i%3)65, 217 + floor(i/3)67); for (var j = 0; j < 31; j++) { textSize(5); fill(0, 0, 0); text(str(j+1), 105 + 8(j%7) + (i%3)65, 227 + floor(j/7)10 + floor(i/3)67); } } // shading the month if (mouseIsPressed && mouseX > 102 + ((month()-1)%3)65 && mouseX < 161 + ((month()-1)%3)65 && mouseY > 220 + floor((month()-1)/3)67 && mouseY < 270 + floor((month()-1)/3)67) { fill(0, 0, 0, 70); rect(102 + ((month()-1)%3)65, 220 + floor((month()-1)/3)67, 59, 50); } // calendar stage 2 fill(255, 255, 255, calendarStage2C); rect(appX[1], appY[1] + 60, appW[1]-1, appH[1] - 60); // year + arrow textSize(15); textAlign(LEFT); if (mouseIsPressed && mouseX > 95 && mouseX < 156 && mouseY > 128 && mouseY < 152) { fill(255, 100, 100, calendarStage2C); text(year(), 116 + calendarStage2X, 150); stroke(255, 100, 100, calendarStage2C); } else { fill(255, 50, 50, calendarStage2C); text(year(), 116 + calendarStage2X, 150); stroke(255, 50, 50, calendarStage2C); } strokeWeight(2); line(107 + calendarStage2X, 140, 103 + calendarStage2X, 145); line(103 + calendarStage2X, 145, 107 + calendarStage2X, 150); // magnifying glass + plus noFill(); stroke(255, 50, 50); strokeWeight(1); ellipse(255, 143, 10, 10); line(258, 147, 262, 151); strokeWeight(1.5); line(283, 138, 283, 150); line(276, 144, 289, 144); // days of the week fill(180, 180, 180, calendarStage2C); textAlign(CENTER); textSize(10); text("S", 115 + calendarStage2X, 168); text("S", 285 + calendarStage2X, 168); fill(30, 30, 30, calendarStage2C); text("M", 143 + calendarStage2X, 168); text("T", 171 + calendarStage2X, 168); text("W", 200 + calendarStage2X, 168); text("T", 228 + calendarStage2X, 168); text("F", 256 + calendarStage2X, 168); fill(255, 50, 50, calendarStage2C); textSize(15); textAlign(LEFT); text(months[month()-1].toUpperCase(), 105 + calendarStage2X, 195); // separation lines for (var i = 0; i < 5; i++) { stroke(220, 220, 220, calendarStage2C); strokeWeight(1); if (i < 4) { line(95 + calendarStage2X, 208 + i50, 304 + calendarStage2X, 208 + i50); } else { line(95 + calendarStage2X, 208 + i50, 184 + calendarStage2X, 208 + i50); } } // dates for (var i = 0; i < 31; i++) { fill(30, 30, 30, calendarStage2C); textAlign(CENTER); text(str(i+1), 114 + (i%7)28 + calendarStage2X, floor(i/7)50 + 230); } // moving second stage of calendar if (calendarStage === 1) { calendarStage2X += (210-calendarStage2X)/300; if (calendarStage2C > 0) { calendarStage2C -= 40; } } else if (calendarStage === 2) { calendarStage2X -= calendarStage2X/3; if (calendarStage2C < 255) { calendarStage2C += 10; } } } } // inside photos app (UNFINISHED) { if (appIsOpen[2] && inLockScreen === false) { // top bar topBar(); } } // inside camera app { if (appIsOpen[3] && inLockScreen === false) { // in first stage of camera fill(255, 255, 255); rect(appX[3], appY[3], appW[3], appH[3]); // top bar if (cameraStage === 1) { topBar(); // right top text if (mouseIsPressed && mouseX > 254 && mouseX < 305 && mouseY > 140 && mouseY < 161) { fill(50, 169, 255); } else { fill(0, 119, 255); } textSize(15); textAlign(RIGHT); text("Done", 297, 157); // middle top text middleTopText("Camera Roll"); // photos for (var i = 0; i < numOfPhotosTaken; i++) { image(getImage("landscapes/mountain_matterhorn"), 95 + (i%4)53, 190 + floor(i/4)53, 51, 51); } } // background if (cameraStage === 2) { image(getImage("landscapes/mountain_matterhorn"), appX[3], 142, appW[3], 276appH[3]/376); } // lines stroke(255, 255, 255, 4cameraStage2C/17); line(165 + cameraStage2X, 142, 165 + cameraStage2X, 418); line(235 + cameraStage2X, 142, 235 + cameraStage2X, 418); line(95 + cameraStage2X, 234, 304 + cameraStage2X, 234); line(95 + cameraStage2X, 326, 304 + cameraStage2X, 326); // top bar fill(0, 0, 0, cameraStage2C); noStroke(); rect(95 + cameraStage2X, 112, 210, 30); fill(245, 245, 245, cameraStage2C); textSize(10); textAlign(CENTER); text("HDR Off", 200, 131); text("Auto", 130, 131); triangle(105 + cameraStage2X, 128, 111 + cameraStage2X, 120, 109 + cameraStage2X, 128); triangle(108 + cameraStage2X, 128, 106 + cameraStage2X, 135, 112 + cameraStage2X, 127); // switch camera stroke(245, 245, 245, cameraStage2C); line(275, 123, 279, 123); line(275, 123, 275, 134); line(275, 134, 295, 134); line(295, 123, 295, 134); line(295, 123, 291, 123); line(280, 123, 282, 121); line(291, 123, 289, 121); line(282, 120, 288, 120); noFill(); arc(285, 128, 6, 6, 50, 170); arc(285, 128, 6, 6, 230, 350); // bottom bar fill(0, 0, 0, cameraStage2C); noStroke(); rect(95, 418, 210, 70); for (var i = 0; i < cameraOptions.length; i++) { fill(255 - abs(i-1)10, 221 + abs(i-1)24, abs(i-1)245, cameraStage2C); text(cameraOptions[i], 200 + (i-1)60 + cameraStage2X, 440); } fill(255, 221, 0, cameraStage2C); ellipse(200 + cameraStage2X, 425, 4, 4); // camera button fill(245, 245, 245, cameraStage2C); ellipse(200 + cameraStage2X, 463, 34, 34); if (mouseIsPressed && mouseX > 187 && mouseX < 213 && mouseY > 450 && mouseY < 476) { fill(120, 120, 120, cameraStage2C); } else { fill(245, 245, 245, cameraStage2C); } stroke(0, 0, 0, cameraStage2C); strokeWeight(1); ellipse(200 + cameraStage2X, 463, 26, 26); // three circles fill(255, 255, 255, 20cameraStage2C/51); noStroke(); ellipse(260 + cameraStage2X, 467, 15, 15); fill(255, 255, 255, 10cameraStage2C/17); ellipse(265 + cameraStage2X, 458, 15, 15); fill(255, 255, 255, 40cameraStage2C/51); ellipse(271 + cameraStage2X, 467, 15, 15); // camera roll if (numOfPhotosTaken === 0) { for (var i = 0; i < 30; i++) { stroke(115 - i3.5, 115 - i3.5, 115 - i3.5, cameraStage2C); strokeWeight(1); line(110 + cameraStage2X, 450 + i, 140 + cameraStage2X, 450 + i); } } else { if (cameraStage === 2) { image(getImage("landscapes/mountain_matterhorn"), 110 + cameraStage2X, 450, 30, 30); } } // moving camera stage 2 if (cameraStage === 2) { if (cameraStage2C < 255) { cameraStage2C += 20; } cameraStage2X -= cameraStage2X/2; } else if (cameraStage === 1) { if (cameraStage2C > 0) { cameraStage2C -= 50; } cameraStage2X += (210-cameraStage2X)/100; } } } // inside weather app { if (appIsOpen[4] && inLockScreen === false) { // clouds for (var i = 0; i < 2; i++) { fill(210, 210, 210); pushMatrix(); scale(1.5 - 0.5i); translate(-30 + i30, -40 + i40); ellipse(123 + i120, 200 - i30, 25, 25); ellipse(140 + i120, 192 - i30, 40, 40); ellipse(157 + i120, 197.5 - i30, 30, 30); stroke(210, 210, 210); strokeWeight(5); line(124 + i120, 210 - i30, 157 + i120, 210-i30); popMatrix(); } // title fill(255, 255, 255); textSize(30); textAlign(CENTER); text("New York", 200, 180); textSize(17); text("Cloudy", 200, 202); textSize(70); text("82", 200, 273); noFill(); stroke(255, 255, 255); strokeWeight(2); ellipse(250, 229, 13, 13); strokeWeight(1); line(95, 335, 304, 335); line(95, 395, 304, 395); textAlign(LEFT); textSize(15); text(days[theDay], 105, 325); fill(255, 255, 255, 220); text("84", 250, 325); fill(255, 255, 255, 160); text("Today", 170, 325); text("64", 275, 325); // times fill(255, 255, 255); textSize(10); textAlign(CENTER); text("Now", 120, 351); text("82", 120, 388); fill(255, 255, 255, 160); for (var i = 0; i < 5; i++) { if (hour() + i + 1 <= 12) { text(hour() + i + 1 + "AM", 153 + i32, 351); } else if (hour() + i + 1 >= 25) { text(hour() + i - 23 + "AM", 153 + i32, 351); } else if (hour() + i + 1 > 12 && hour() + i + 1 < 25) { text(hour() + i - 11 + "PM", 153 + i32, 351); } text(hourlyTemperatures[i], 153 + i32, 388); // suns noFill(); stroke(240, 240, 50); ellipse(153 + i32, 365, 7, 7); for (var j = 0; j < 8; j++) { pushMatrix(); translate(153 + i32, 365); rotate(45j + 10); line(0, -6, 0, -8); popMatrix(); } } // cloud fill(240, 240, 240); noStroke(); ellipse(113, 368, 7, 7); ellipse(119, 365, 12, 12); ellipse(125, 367, 9, 9); stroke(240, 240, 240); strokeWeight(2); line(113, 371, 125, 371); // days for (var i = 0; i < 3; i++) { fill(255, 255, 255, 160); textSize(15); textAlign(LEFT); // days of the week text(days[(theDay+i+1)%7], 105, 417 + i28); // highs text(dailyTemperatureLows[i], 275, 417 + i28); fill(255, 255, 255, 220); // lows text(dailyTemperatureHighs[i], 250, 417 + i28); // suns noFill(); stroke(240, 240, 50); strokeWeight(1); ellipse(212, 413 + i28, 7, 7); for (var j = 0; j < 8; j++) { pushMatrix(); translate(212, 413 + i28); rotate(45j + 10); line(0, -6, 0, -8); popMatrix(); } } } } // inside clock app (UNFINISHED & WIP) { if (appIsOpen[5] && inLockScreen === false) { // top bar topBar(); // bottom bar bottomBar(); for (var i = 0; i < clockStages.length; i++) { if (clockStage === i + 1) { fill(255, 50, 50); } else { fill(120, 120, 120); } textSize(8); textAlign(CENTER); text(clockStages[i], 125 + i50, 480); } // background fill(235, 235, 235); stroke(220, 220, 220); strokeWeight(1); line(95, 172, 304, 172); line(95, 443, 304, 443); if ((clockStage === 1)\|\|(clockStage === 2)) { // edit editText(color(255, 50, 50)); // plus stroke(255, 50, 50); strokeWeight(1.5); line(285, 144, 285, 158); line(278, 151, 291, 151); } if (clockStage === 1) { // middle top text middleTopText("World Clock"); // different time zones fill(255, 255, 255); stroke(220, 220, 220); strokeWeight(1); rect(95, 172, 209, 60); rect(95, 232, 209, 60); fill(0, 0, 0); textSize(16); textAlign(LEFT); text("Cupertino", 107, 198); text("New York", 107, 258); textSize(10); if (hour() >= 3 && hour() <= 23) { text("Today, 3 hours behind", 107, 216); } else { text("Yesterday, 3 hours behind", 107, 216); } text("Today", 107, 276); // drawing clocks drawClock(270, 202, 23, 255, 220, 1, -3); drawClock(270, 262, 23, 255, 220, 1, 0); } else if (clockStage === 2) { // alarm // middle top text middleTopText("Alarm"); // three alarms for (var i = 0; i < 3; i++) { fill(235 + 20alarmToggleX[i]/15, 235 + 20alarmToggleX[i]/15, 235 + 20alarmToggleX[i]/15); stroke(220, 220, 220); strokeWeight(1); rect(95, 172 + i60, 209, 60); fill(75 - (alarmToggleX[i]5), 75 - (alarmToggleX[i]5), 75 - (alarmToggleX[i]5)); textSize(30); textAlign(LEFT); text(alarmTime[i], 107, 205 + i60); textSize(14); text("AM", 172, 205 + i60); textSize(12); text(alarmLabel[i], 107, 220 + i60); fill(235 - (185alarmToggleX[i]/15), 235 - alarmToggleX[i], 235 - (185alarmToggleX[i]/15)); rect(255, 190 + i60, 35, 20, 35); noStroke(); fill(255, 255, 255); ellipse(alarmToggleX[i] + 265, 200 + i60, 18, 18); if (alarmIsOn[i]) { if (alarmToggleX[i] < 15) { alarmToggleX[i] += 1.5; } } else { if (alarmToggleX[i] > 0) { alarmToggleX[i] -= 1.5; } } } } else if (clockStage === 3) { // stopwatch // middle top text middleTopText("Stopwatch"); // background fill(255, 255, 255); rect(95, 172, 209, 110); fill(0, 0, 0); textSize(45); textAlign(CENTER); text(stopwatchString, 200, 250); fill(100); textSize(17); textAlign(RIGHT); text(stopwatchString, 287, 205); // separating laps for (var i = 0; i < 3; i++) { stroke(210); strokeWeight(1); line(95, 360 + i35, 304, 360 + i35); } // stopwatch string if ((floor((millis()-startStopwatchM)/1000)%60) < 10) { if (floor((millis()-startStopwatchM)/10)%100 < 10) { //stopwatchString = "0" + (floor((millis()-startStopwatchM)/1000)%60) + ".0" + (floor((millis()-startStopwatchM)/10)%100); } else { //stopwatchString = "0" + (floor((millis()-startStopwatchM)/1000)%60) + "." + (floor((millis()-startStopwatchM)/10)%100); } } else { if (floor((millis()-startStopwatchM)/10)%100 < 10) { //stopwatchString = (floor((millis()-startStopwatchM)/1000)%60) + ".0" + (floor((millis()-startStopwatchM)/10)%100); } else { //stopwatchString = (floor((millis()-startStopwatchM)/1000)%60) + "." + (floor((millis()-startStopwatchM)/10)%100); } } } else if (clockStage === 4) { // middle top text middleTopText("Timer"); } } } // determining if an alarm is on { if (alarmIsOn[0] === false && alarmIsOn[1] === false && alarmIsOn[2] === false) { anAlarmIsOn = false; } else { anAlarmIsOn = true; } } // top part { if ((anAppIsOpen === false)\|\|(anAppIsOpen && ((appIsOpen[3] === false)\|\|(appIsOpen[3] && cameraStage === 1)))) { fill(0); stroke(0); strokeWeight(0.5); ellipse(102, 122, 4, 4); ellipse(108, 122, 4, 4); noFill(); ellipse(114, 122, 4, 4); ellipse(120, 122, 4, 4); ellipse(126, 122, 4, 4); textSize(10); textAlign(CENTER); text("Verizon", 148, 125); text("LTE", 175, 125); fill(0); rect(277, 117, 20, 9, 2); rect(297, 119, 2, 5, 2); noFill(); stroke(30); strokeWeight(1); rect(279, 119, 16, 5); // small time fill(0, 0, 0, homeScreenC); textSize(10); textAlign(CENTER); text(time, 200, 126); textAlign(LEFT); if (hour() < 12) { text(" AM", 200 + textWidth(time)/2, 126); } else { text(" PM", 200 + textWidth(time)/2, 126); } // drawing alarm clock if (anAlarmIsOn) { fill(0, 0, 0); noStroke(); ellipse(265, 122, 8, 8); if (anAppIsOpen) { if (appIsOpen[4]) { stroke(117, 174, 201); } else if (appIsOpen[5]) { stroke(235, 235, 235); } else { stroke(255, 255, 255, homeScreenC); } } else { stroke(100, 255, 200); } strokeWeight(1); line(265, 120, 265, 122); line(265, 122, 264, 122); stroke(0, 0, 0); line(262, 117, 260, 119); line(268, 117, 270, 119); } } } // volume { // drawing volume {fill(190, 190, 190, volumeC); noStroke(); rect(160, 260, 80, 80, 5); fill(80, 80, 80, 51volumeC/40); if (volumeLevel > 0) { rect(168, 327, 64, 4); } rect(183, 293, 10, 12, 3); quad(191, 293, 191, 304, 199, 312, 199, 286); noFill(); stroke(80, 80, 80, 51volumeC/40); strokeWeight(2); arc(195, 299, 23, 23, 315, 405); arc(196, 299, 34, 34, 315, 405); arc(197, 299, 45, 45, 315, 405); textSize(10); textAlign(CENTER); text("Volume", 200, 275);} // volume level in volume popup {if (volumeLevel > 0) { // volume bars fill(210, 210, 210, 51volumeC/40); noStroke(); rect(169, 328, volumeLevel4, 2); // lines on volume bar for (var i = 0; i < 16; i++) { stroke(80, 80, 80, 51volumeC/40); strokeWeight(1); line(172 + i4, 327, 172 + i4, 330); } } else { textSize(9); text("Mute", 200, 332); stroke(190, 190, 190, 7volumeC/6); strokeWeight(8); line(185, 285, 215, 315); stroke(80, 80, 80, 51volumeC/40); strokeWeight(2); line(185, 285, 215, 315); }} // disappearing volume { if (millis() - pressedVolumeM < 1500) { if (volumeC < 250) { volumeC += 100; } } else { if (volumeC > 0) { volumeC -= 10; } } } } // black screen { fill(35, 35, 35, offC); noStroke(); rect(94, 111, 211, 377); } }; mousePressed = function() { // volume buttons { if (inLockScreen === false) { if (mouseX >= 66 && mouseX <= 80 && mouseY >= 167 && mouseY <= 203) { pressedVolumeM = millis(); if (volumeLevel < 16) { volumeLevel++; } } if (mouseX >= 66 && mouseX <= 80 && mouseY >= 210 && mouseY <= 246) { pressedVolumeM = millis(); if (volumeLevel > 0) { volumeLevel--; } } } } // unlocking phone { if (inLockScreen && mouseX >= 95 && mouseX <= 305 && mouseY >= 112 && mouseY <= 488) { baseMouseXLockScreen = mouseX; unlocking = true; } } // moving screen { if (inLockScreen === false && mouseX >= 95 && mouseX <= 305 && mouseY >= 112 && mouseY <= 448) { baseMouseXHomeScreen = mouseX; if (mouseY < 435) { swiping = true; } } } }; mouseReleased = function() { if (inLockScreen) { if (unlocking && mouseX > width/2) { inLockScreen = false; } unlocking = false; } else { if (swiping) { swiping = false; } // opening apps { for (var i = 0; i < appIsOpen.length; i++) { if (mouseX - baseMouseXHomeScreen === 0 && (i <= 17 && mouseX > 108 + (i%4)50 && mouseX < 142 + (i%4)50 && mouseY > 135 + floor(i/4)50 && mouseY < 169 + floor(i/4)50)\|\|(i > 17 && mouseX > 108 + (i-18)50 && mouseX < 142 + (i-18)50 && mouseY > 441 && mouseY < 475)) { if (anAppIsOpen === false) { appIsOpen[i] = true; } } } } // power button { if (mouseX >= 320 && mouseX <= 334 && mouseY >= 164 && mouseY <= 203) { cameraStage = 2; cameraStage2X = 0; if (phoneIsOff === true) { phoneIsOff = false; inLockScreen = true; lockScreenX = 0; } else if (phoneIsOff === false) { phoneIsOff = true; } } } // home button { if (mouseX >= 160 && mouseX <= 220 && mouseY >= 497 && mouseY <= 537) { cameraStage = 2; cameraStage2X = 0; if (phoneIsOff) { phoneIsOff = false; inLockScreen = true; lockScreenX = 0; } else if (phoneIsOff === false && inLockScreen === false) { // closing apps k = 0; while (k < appIsOpen.length) { appIsOpen[k] = false; k++; } } } } // in messages app { if (appIsOpen[0] && inLockScreen === false) { for (var i = 0; i < 3; i++) { if (messagesStage === 1 && mouseX > 95 && mouseX < 305 && mouseY > 172 + i60 && mouseY < 232 + i60) { messagesStage = 2; messagesStage2 = i+1; if (i === 0) { unreadText = false; } } else if (messagesStage === 2 && mouseIsPressed && mouseX > 95 && mouseX < 167 && mouseY > 138 && mouseY < 164) { messagesStage = 1; } } } } // in calendar app { if (appIsOpen[1] && inLockScreen === false) { if (calendarStage === 2 && mouseX > 95 && mouseX < 156 && mouseY > 128 && mouseY < 152) { calendarStage = 1; } else if (calendarStage === 1 && mouseX > 102 + ((month()-1)%3)65 && mouseX < 161 + ((month()-1)%3)65 && mouseY > 220 + floor((month()-1)/3)67 && mouseY < 270 + floor((month()-1)/3)67) { calendarStage = 2; } } } // in camera app { if (appIsOpen[3] && inLockScreen === false) { if (cameraStage === 1 && mouseX > 254 && mouseX < 305 && mouseY > 140 && mouseY < 161) { cameraStage = 2; } else if (cameraStage === 2 && mouseX > 110 && mouseX < 140 && mouseY > 450 && mouseY < 480) { cameraStage = 1; } } } // in clock app { if (appIsOpen[5] && inLockScreen === false) { for (var i = 0; i < 4; i++) { if (mouseX > 95 + i52.5 && mouseX < 147.5 + i52.5 && mouseY > 418 && mouseY < 488) { clockStage = i + 1; } } // turning alarms on and off if (clockStage === 2) { for (var i = 0; i < 3; i++) { if (mouseX > 255 && mouseX < 290 && mouseY > 190 + i60 && mouseY < 250 + i*60) { if (alarmIsOn[i]) { alarmIsOn[i] = false; } else { alarmIsOn[i] = true; } } } } // turning stopwatch on / lapping if (mouseX > 135 && mouseX < 185 && mouseY > 296 && mouseY < 346) { if (stopwatchOn) { //stopwatchOn = false; } else { //stopwatchOn = true; //startStopwatchM = millis(); //stopwatchString = "00:00.00"; } } } } } }; mouseClicked = function() { // camera app (taking photos) { if (appIsOpen[3]) { if (inLockScreen === false) { if (numOfPhotosTaken < 20 && mouseX > 187 && mouseX < 213 && mouseY > 450 && mouseY < 476) { numOfPhotosTaken++; } } } } }; mouseOut = function() { // unlocking / undoing swipe { if (inLockScreen) { if (unlocking && mouseX > width/2) { inLockScreen = false; } unlocking = false; } else { if (swiping) { swiping = false; } } } };
Folds	94,137,164,169,171,176,178,188,190,193,195,199,203,208,243,257,260,267,269,277,279,283,286,291,293,298,301,312,315,337,340,379,382,385,387,440,443,484,487,543,616,678,681,704,707,718,721,762,765,773,776,892,895,994,997,1002,1005,1118,1121,1224,1358,1364,1367,1424,1427,1481,1484,1488,1494,1510,1512,1517,1519,1526,1540,1548,1550,1562,1564,1581,1583,1597,1599,1607,1609,1617,1653,1664,1666,1680
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBiPgc6JEQw
Votes	304
Spin-Offs	21
Type	PJS
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	chooj
Author Name	kaid_268253155686076737483592
Author ID	kaid_268253155686076737483592
Author Profile Access	COACH

Archive Data

Added	6 months ago, 1739288351452
Updated	6 months ago, 1739288351452
Source Deleted	unknown