時計
function setup() {
createCanvas(1200, 800);
}
function draw() {
frameRate(1);
/*getnow*/
var dt = new Date();
var day = dt.getDay();
var month = dt.getMonth()+1;
var aa = ('0000' + month).split('');
var mon1 = aa.pop();
var mon2 = aa.pop();
var date = dt.getDate();
var ab = ('0000' + date).split('');
var date1 = ab.pop();
var date2 = ab.pop();
var hours = dt.getHours();
var ac = ('0000' + hours).split('');
var hour1 = ac.pop();
var hour2 = ac.pop();
var min = dt.getMinutes();
var ad = ('0000' + min).split('');
var min1 = ad.pop();
var min2 = ad.pop();
var sec = dt.getSeconds();
var ae = ('0000' + sec).split('');
var sec1 = ae.pop();
var sec2 = ae.pop();
background(80,170,216);
noStroke();
fill(0,153,0);
/* africa */
rect(50,360,160,100);
rect(110,400,140,100);
rect(110,500,100,90);
rect(230,520,20,50);
/*eurussia*/
rect(160,60,450,280);
rect(40,140,130,140);
rect(230,340,340,40);
rect(280,380,40,40);
rect(360,380,140,50);
rect(390,430,90,20);
rect(460,460,80,20);
rect(430,460,20,50);
rect(430,490,60,20);
rect(500,495,70,20);
rect(610,100,40,200);
rect(650,120,50,120);
rect(620,310,38,20);
rect(620,340,20,20);
rect(580,300,40,10);
rect(600,360,40,10);
rect(580,365,15,20);
/*oceania*/
rect(500,540,100,70);
rect(630,570,20,20);
rect(630,600,10,30);
/*Namerica*/
rect(1000,40,160,50);
rect(1060,90,100,60);
rect(740,110,300,70);
rect(850,180,220,90);
rect(865,270,160,60);
rect(880,330,70,50);
/*Samerica*/
rect(960,420,120,40);
rect(960,460,160,40);
rect(980,500,120,40);
rect(970,540,100,40);
rect(970,580,60,70);
/*clock*/
/*base*/
fill(180);
rect(0,690,300,110);
fill(210);
rect(300,690,900,110);
/*timezone*/
/*date*/
fill(0);
quad(460,705,470,705,440,785,430,785);
rect(930,725,10,10);
rect(930,755,10,10);
rect(1070,780,10,10);
fill(190);
rect(610,690,190,110);
var a = 310
var b = 700
rect(a,b,50,10);
rect(a,b+40,50,10);
rect(a,b+80,50,10);
rect(a,b,10,45);
rect(a+40,b,10,45);
rect(a,b+45,10,45);
rect(a+40,b+45,10,45);
var c = a + 60
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c,b,10,45);
rect(c+40,b,10,45);
rect(c,b+45,10,45);
rect(c+40,b+45,10,45);
var d = 480
rect(d,b,50,10);
rect(d,b+40,50,10);
rect(d,b+80,50,10);
rect(d,b,10,45);
rect(d+40,b,10,45);
rect(d,b+45,10,45);
rect(d+40,b+45,10,45);
var e = d + 60
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e,b,10,45);
rect(e+40,b,10,45);
rect(e,b+45,10,45);
rect(e+40,b+45,10,45);
var f = 810
rect(f,b,50,10);
rect(f,b+40,50,10);
rect(f,b+80,50,10);
rect(f,b,10,45);
rect(f+40,b,10,45);
rect(f,b+45,10,45);
rect(f+40,b+45,10,45);
var g = f + 60
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g,b,10,45);
rect(g+40,b,10,45);
rect(g,b+45,10,45);
rect(g+40,b+45,10,45);
var h = g + 80
rect(h,b,50,10);
rect(h,b+40,50,10);
rect(h,b+80,50,10);
rect(h,b,10,45);
rect(h+40,b,10,45);
rect(h,b+45,10,45);
rect(h+40,b+45,10,45);
var i = h + 60
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i,b,10,45);
rect(i+40,b,10,45);
rect(i,b+45,10,45);
rect(i+40,b+45,10,45);
var j = i +80
var k = b + 20
rect(j,k,38,8);
rect(j,k+31,38,8);
rect(j,k+62,38,8);
rect(j,k,8,38);
rect(j+30,k,8,38);
rect(j,k+32,8,38);
rect(j+30,k+32,8,38);
var l = j + 50
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l,k,8,38);
rect(l+30,k,8,38);
rect(l,k+32,8,38);
rect(l+30,k+32,8,38);
if(mon2 ==0) {
fill(0);
rect(a,b,50,10);
rect(a,b+80,50,10);
rect(a,b,10,45);
rect(a+40,b,10,45);
rect(a,b+45,10,45);
rect(a+40,b+45,10,45);
}
else if(mon2 == 1){
fill(0);
rect(a+40,b,10,45);
rect(a+40,b+45,10,45);
}
else if(mon2 == 2){
fill(0);
rect(a,b,50,10);
rect(a,b+40,50,10);
rect(a,b+80,50,10);
rect(a+40,b,10,45);
rect(a,b+45,10,45);
}
if(mon1 == 1){
fill(0);
rect(c+40,b,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 2){
fill(0);
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c+40,b,10,45);
rect(c,b+45,10,45);
}
else if(mon1 == 3){
fill(0);
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c,b+45,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 4){
fill(0);
rect(c,b+40,50,10);
rect(c,b,10,45);
rect(c+40,b,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 5){
fill(0);
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c,b,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 6){
fill(0);
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c,b,10,45);
rect(c,b+45,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 7){
fill(0);
rect(c,b,50,10);
rect(c,b,10,45);
rect(c+40,b,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 8){
fill(0);
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c,b,10,45);
rect(c+40,b,10,45);
rect(c,b+45,10,45);
rect(c+40,b+45,10,45);
}
else if(mon1 == 9){
fill(0);
rect(c,b,50,10);
rect(c,b+40,50,10);
rect(c,b+80,50,10);
rect(c,b,10,45);
rect(c+40,b,10,45);
rect(c,b+45,10,45);
}
else if(mon1 == 0){
fill(0);
rect(c,b,50,10);
rect(c,b+80,50,10);
rect(c,b,10,45);
rect(c+40,b,10,45);
rect(c,b+45,10,45);
rect(c+40,b+45,10,45);
}
if(date2 == 1){
fill(0);
rect(d+40,b,10,45);
rect(d+40,b+45,10,45);
}
else if(date2 ==2){
fill(0);
rect(d,b,50,10);
rect(d,b+40,50,10);
rect(d,b+80,50,10);
rect(d+40,b,10,45);
rect(d,b+45,10,45);
}
else if(date2 ==3){
fill(0);
rect(d,b,50,10);
rect(d,b+40,50,10);
rect(d,b+80,50,10);
rect(d+40,b,10,45);
rect(d+40,b+45,10,45);
}
else if(date2 ==0){
fill(0);
rect(d,b,50,10);
rect(d,b+80,50,10);
rect(d,b,10,45);
rect(d+40,b,10,45);
rect(d,b+45,10,45);
rect(d+40,b+45,10,45);
}
if(date1 ==1){
fill(0);
rect(e+40,b,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==2){
fill(0);
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e+40,b,10,45);
rect(e,b+45,10,45);
}
else if(date1 ==3){
fill(0);
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e+40,b,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==4){
fill(0);
rect(e,b+40,50,10);
rect(e,b,10,45);
rect(e+40,b,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==5){
fill(0);
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e,b,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==6){
fill(0);
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e,b,10,45);
rect(e,b+45,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==7){
fill(0);
rect(e,b,50,10);
rect(e+40,b,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==8){
fill(0);
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e,b,10,45);
rect(e+40,b,10,45);
rect(e,b+45,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==9){
fill(0);
rect(e,b,50,10);
rect(e,b+40,50,10);
rect(e,b+80,50,10);
rect(e,b,10,45);
rect(e+40,b,10,45);
rect(e+40,b+45,10,45);
}
else if(date1 ==0){
fill(0);
rect(e,b,50,10);
rect(e,b+80,50,10);
rect(e,b,10,45);
rect(e+40,b,10,45);
rect(e,b+45,10,45);
rect(e+40,b+45,10,45);
}
if(day == 0){
fill(0);
rect(620,700,8,45);
rect(620,700,50,8);
rect(620,741,50,8);
rect(662,741,8,45);
rect(620,782,50,8);
rect(680,700,8,90);
rect(722,700,8,90);
rect(680,782,50,8);
rect(740,700,8,90);
rect(782,700,8,90);
quad(740,700,748,700,790,790,782,790);
}
else if(day == 1){
fill(0);
rect(620,700,8,90);
rect(662,700,8,90);
quad(620,700,628,700,649,790,641,790);
quad(641,790,649,790,670,700,662,700);
rect(680,700,8,90);
rect(722,700,8,90);
rect(680,700,50,8);
rect(680,782,50,8);
rect(740,700,8,90);
rect(782,700,8,90);
quad(740,700,748,700,790,790,782,790);
}
else if(day == 2){
noStroke();
fill(0);
rect(620,700,50,8);
rect(640,700,8,90);
rect(680,700,8,90);
rect(722,700,8,90);
rect(680,782,50,8);
rect(740,700,8,90);
rect(740,700,50,8);
rect(740,741,50,8);
rect(740,782,50,8);
}
else if(day == 3){
quad(615,700,623,700,634,790,626,790);
quad(626,790,634,790,649,700,641,700);
quad(641,700,649,700,664,790,656,790);
quad(656,790,664,790,675,700,667,700);
rect(680,700,8,90);
rect(680,700,50,8);
rect(680,741,50,8);
rect(680,782,50,8);
rect(740,700,8,90);
rect(782,720,8,50);
rect(740,700,30,8);
rect(740,782,30,8);
quad(770,700,770,708,782,720,790,720);
quad(782,770,790,770,770,790,770,782);
}
else if(day == 4){
rect(620,700,50,8);
rect(640,700,8,90);
rect(680,700,8,90);
rect(722,700,8,90);
rect(680,741,50,8);
rect(740,700,8,90);
rect(782,700,8,90);
rect(740,782,50,8);
}
else if(day == 5){
fill(0);
rect(620,700,8,90);
rect(620,700,50,8);
rect(620,741,50,8);
rect(680,700,8,90);
rect(722,700,8,45);
rect(680,741,50,8);
rect(680,700,50,8);
quad(688,749,698,749,730,790,720,790)
rect(761,700,8,90);
rect(740,700,50,8);
rect(740,782,50,8);
}
else if(day == 6){
fill(0);
rect(620,700,8,45);
rect(620,700,50,8);
rect(620,741,50,8);
rect(662,741,8,45);
rect(620,782,50,8);
quad(680,790,688,790,709,700,701,700);
quad(701,700,709,700,730,790,722,790);
rect(690,750,30,8);
rect(740,700,50,8);
rect(762,700,8,90);
}
if(hour2 == 0){
fill(0);
rect(f,b,50,10);
rect(f,b+80,50,10);
rect(f,b,10,45);
rect(f+40,b,10,45);
rect(f,b+45,10,45);
rect(f+40,b+45,10,45);
}
else if (hour2 == 1){
fill(0);
rect(f+40,b,10,45);
rect(f+40,b+45,10,45);
}
else if (hour2 == 2){
fill(0);
rect(f,b,50,10);
rect(f,b+40,50,10);
rect(f,b+80,50,10);
rect(f+40,b,10,45);
rect(f,b+45,10,45);
}
if(hour1 == 1){
fill(0);
rect(g+40,b,10,45);
rect(g+40,b+45,10,45);
}
else if (hour1 == 2){
fill(0);
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g+40,b,10,45);
rect(g,b+45,10,45);
}
else if(hour1 == 3){
fill(0);
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g+40,b,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 4){
fill(0);
rect(g,b+40,50,10);
rect(g,b,10,45);
rect(g+40,b,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 5){
fill(0);
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g,b,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 6){
fill(0);
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g,b,10,45);
rect(g,b+45,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 7){
fill(0);
rect(g,b,50,10);
rect(g+40,b,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 8){
fill(0);
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g,b,10,45);
rect(g+40,b,10,45);
rect(g,b+45,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 9){
fill(0);
rect(g,b,50,10);
rect(g,b+40,50,10);
rect(g,b+80,50,10);
rect(g,b,10,45);
rect(g+40,b,10,45);
rect(g+40,b+45,10,45);
}
else if(hour1 == 0){
fill(0);
rect(g,b,50,10);
rect(g,b+80,50,10);
rect(g,b,10,45);
rect(g+40,b,10,45);
rect(g,b+45,10,45);
rect(g+40,b+45,10,45);
}
if(min2 == 0){
fill(0);
rect(h,b,50,10);
rect(h,b+80,50,10);
rect(h,b,10,45);
rect(h+40,b,10,45);
rect(h,b+45,10,45);
rect(h+40,b+45,10,45);
}
else if(min2 == 1){
fill(0);
rect(h+40,b,10,45);
rect(h+40,b+45,10,45);
}
else if(min2 == 2){
fill(0);
rect(h,b,50,10);
rect(h,b+40,50,10);
rect(h,b+80,50,10);
rect(h+40,b,10,45);
rect(h,b+45,10,45);
}
else if(min2 == 3){
fill(0);
rect(h,b,50,10);
rect(h,b+40,50,10);
rect(h,b+80,50,10);
rect(h+40,b,10,45);
rect(h+40,b+45,10,45);
}
else if(min2 == 4){
fill(0);
rect(h,b+40,50,10);
rect(h,b,10,45);
rect(h+40,b,10,45);
rect(h+40,b+45,10,45);
}
else if(min2 == 5){
fill(0);
rect(h,b,50,10);
rect(h,b+40,50,10);
rect(h,b+80,50,10);
rect(h,b,10,45);
rect(h+40,b+45,10,45);
}
if(min1 == 1){
fill(0);
rect(i+40,b,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 2){
fill(0);
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i+40,b,10,45);
rect(i,b+45,10,45);
}
else if(min1 == 3){
fill(0);
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i+40,b,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 4){
fill(0);
rect(i,b+40,50,10);
rect(i,b,10,45);
rect(i+40,b,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 5){
fill(0);
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i,b,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 6){
fill(0);
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i,b,10,45);
rect(i,b+45,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 7){
fill(0);
rect(i,b,50,10);
rect(i+40,b,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 8){
fill(0);
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i,b,10,45);
rect(i+40,b,10,45);
rect(i,b+45,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 9){
fill(0);
rect(i,b,50,10);
rect(i,b+40,50,10);
rect(i,b+80,50,10);
rect(i,b,10,45);
rect(i+40,b,10,45);
rect(i+40,b+45,10,45);
}
else if(min1 == 0){
fill(0);
rect(i,b,50,10);
rect(i,b+80,50,10);
rect(i,b,10,45);
rect(i+40,b,10,45);
rect(i,b+45,10,45);
rect(i+40,b+45,10,45);
}
if(sec2 == 0){
fill(0);
rect(j,k,38,8);
rect(j,k+62,38,8);
rect(j,k,8,38);
rect(j+30,k,8,38);
rect(j,k+32,8,38);
rect(j+30,k+32,8,38);
}
else if(sec2 == 1){
fill(0);
rect(j+30,k,8,38);
rect(j+30,k+32,8,38);
}
else if(sec2 == 2){
fill(0);
rect(j,k,38,8);
rect(j,k+31,38,8);
rect(j,k+62,38,8);
rect(j+30,k,8,38);
rect(j,k+32,8,38);
}
else if(sec2 == 3){
fill(0);
rect(j,k,38,8);
rect(j,k+31,38,8);
rect(j,k+62,38,8);
rect(j+30,k,8,38);
rect(j+30,k+32,8,38);
}
else if(sec2 == 4){
fill(0);
rect(j,k+31,38,8);
rect(j,k,8,38);
rect(j+30,k,8,38);
rect(j+30,k+32,8,38);
}
else if(sec2 == 5){
fill(0);
rect(j,k,38,8);
rect(j,k+31,38,8);
rect(j,k+62,38,8);
rect(j,k,8,38);
rect(j+30,k+32,8,38);
}
if(sec1 == 1){
fill(0);
rect(l+30,k,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 2){
fill(0);
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l+30,k,8,38);
rect(l,k+32,8,38);
}
else if(sec1 == 3){
fill(0);
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l+30,k,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 4){
fill(0);
rect(l,k+31,38,8);
rect(l,k,8,38);
rect(l+30,k,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 5){
fill(0);
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l,k,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 6){
fill(0);
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l,k,8,38);
rect(l,k+32,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 7){
fill(0);
rect(l,k,38,8);
rect(l+30,k,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 8){
fill(0);
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l,k,8,38);
rect(l+30,k,8,38);
rect(l,k+32,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 9){
fill(0);
rect(l,k,38,8);
rect(l,k+31,38,8);
rect(l,k+62,38,8);
rect(l,k,8,38);
rect(l+30,k,8,38);
rect(l+30,k+32,8,38);
}
else if(sec1 == 0){
fill(0);
rect(l,k,38,8);
rect(l,k+62,38,8);
rect(l,k,8,38);
rect(l+30,k,8,38);
rect(l,k+32,8,38);
rect(l+30,k+32,8,38);
}
}