//参考にした写真　https://themarytavyinn.com/wp-content/uploads/2019/01/489cafbba72e43d8f6fb8a64456668fa-1-1.jpg　 var 川x=425 var 川x2=1100 var 川大=60 var 川y=577 var 左大=55 var 左x=425 var 左y=577 var 右大=40 var 右大2=50 var 右x=855 var 右x2=1100 var 右y=501 var 右手すりx=425 var 右手すりy=601 var 右手すり大=20 var 左手すりx=1055 var 左手すりy=547 var 左手すり大=15 var Count=0 function setup(){ createCanvas(855,577) background(0,0,0); } function draw(){ Count=Count+1 if(Count < 70){ //真ん中の川 fill(255,255,255,70) ellipse(random(0,1000),random(0,300),random(3,7)) ellipse(random(120,250),random(260,310),35) ellipse(random(120,250),random(260,310),35) ellipse(random(-20,120),random(270,320),35) ellipse(random(-20,120),random(270,320),35) } } if(Count > 1200){ if(Count < 1260){ fill(170,170,170,40) ellipse(random(250,400),random(270,300),30) ellipse(random(250,400),random(270,300),30) ellipse(random(250,400),random(270,300),30) ellipse(random(120,250),random(280,310),35) ellipse(random(-20,120),random(290,320),35) } } if(Count > 1260){ if(Count < 1320){ fill(235,235,235,15) ellipse(random(415,440),290,15) ellipse(random(425,450),300,15) ellipse(random(435,460),310,15) ellipse(random(445,470),320,15) ellipse(random(455,480),330,15) } } } } var 左手すりx=1055 var 左手すりy=547 var 左手すり大=15 var Count=0 function setup(){ createCanvas(855,577) background(0,0,0); } function draw(){ Count=Count+1 if(Count < 70){ //真ん中の川 fill(255,255,255,70) ellipse(random(0,1000),random(0,300),random(3,7)) 川x=川x-7 川x2=川x2-12 川y=川y-5 川大=川大-0.2 noStroke(); fill(15,15,82,50) ellipse(random(川x,川x2),random(577,川y),川大) ellipse(random(川x,川x2),random(577,川y),川大) ellipse(random(川x,川x2),random(577,川y),川大) ellipse(random(川x,川x2),random(577,川y),川大) ellipse(random(川x,川x2),random(577,川y),川大) ellipse(random(川x,川x2),random(577,川y),川大) ellipse(random(川x,川x2),random(577,川y),川大) } if(Count > 71){ if(Count < 150){ //道路左左大=左大-0.4 左x=左x-5 左y=左y-3.5 noStroke(); fill(230,230,230,50) ellipse(random(0,左x),random(左y,578),左大) ellipse(random(0,左x),random(左y,578),左大) ellipse(random(0,左x),random(左y,578),左大) ellipse(random(0,左x),random(左y,578),左大) ellipse(random(0,左x),random(左y,578),左大) ellipse(random(0,左x),random(左y,578),左大) ellipse(random(0,左x),random(左y,578),左大) //道路右右大=右大-0.3 右x=右x-9 右x2=右x2-11 右y=右y-3 右大2=右大2-0.2 fill(50,50,50,50) ellipse(右x+-20,右y,右大-0.2) fill(230,230,230,70) 　　ellipse(random(右x,右x2),random(右y,右y),右大) ellipse(random(右x,右x2),random(右y,右y),右大) ellipse(random(右x,右x2),random(右y,右y),右大) ellipse(random(右x,右x2),random(右y,右y),右大) fill(50,50,50,50) ellipse(右x+-20,右y,右大2) } } if(Count > 148){ if(Count < 200){ //1番奥 fill(119,136,157,10) ellipse(150,random(240,210),10) //2番目 fill(22,94,131,12) ellipse(160,random(243,190),12) //3 fill(255,255,255,14) ellipse(172,random(246,200),10) //4 fill(35,59,108,16) ellipse(185,random(249,195),20) //5 fill(255,255,255,18) ellipse(200,random(252,197),18) //6 fill(255,215,0,20) ellipse(215,random(255,185),20) fill(255,99,71,20) ellipse(225,random(256,180),20) fill(169,169,169,20) ellipse(235,random(257,189),20) //赤ビル fill(250,240,230,30) ellipse(250,random(265,170),15) fill(139,0,0,32) ellipse(260,random(265,175),26) } if(Count > 200){ if(Count < 240){ //白ビル fill(130,130,130,25) ellipse(280,random(270,173),24) fill(220,220,220,40) ellipse(290,random(270,173),30) } } if(Count > 240){ if(Count < 280){ fill(220,20,60,40) ellipse(295,random(275,190),15) fill(random(0,255),random(0,255),random(0,255),45) ellipse(325,random(275,120),27) //横 fill(60,30,24,50) ellipse(347,random(280,130),20) ellipse(347,random(280,130),20) fill(random(0,255),random(0,255),random(0,255),70) ellipse(347,random(220,130),15) fill(60,30,24,50) ellipse(362,random(285,123),20) ellipse(362,random(285,123),20) fill(random(0,255),random(0,255),random(0,255),70) ellipse(362,random(240,123),15) fill(60,30,24,50) ellipse(377,random(290,116),20) ellipse(377,random(290,116),20) fill(60,30,24,50) ellipse(392,random(295,109),20) ellipse(392,random(295,109),20) fill(60,30,24,50) ellipse(397,random(300,107),25) ellipse(397,random(300,107),25) //表 fill(80,41,32,60) ellipse(417,random(296,109),25) ellipse(417,random(296,109),25) fill(80,41,32,60) ellipse(437,random(293,113),25) ellipse(437,random(293,113),25) fill(80,41,32,60) ellipse(457,random(291,117),25) ellipse(457,random(291,117),25) fill(80,41,32,60) ellipse(477,random(288,121),25) ellipse(477,random(288,121),25) } } if(Count > 280){ if(Count < 320){ fill(56,64,72,60) ellipse(510,random(315,90),30) ellipse(510,random(315,90),30) ellipse(533,random(320,80),35) ellipse(533,random(320,80),35) ellipse(558,random(325,70),40) ellipse(558,random(325,70),40) ellipse(580,random(330,60),45) ellipse(580,random(330,60),45) ellipse(610,random(335,50),50) ellipse(610,random(335,50),50) } } if(Count > 320){ if(Count < 360){ fill(45,45,45,60) ellipse(650,random(345,40),50) ellipse(690,random(355,30),52) ellipse(730,random(365,20),54) ellipse(770,random(375,10),56) ellipse(810,random(385,0),58) ellipse(850,random(395,-10),60) } } if(Count > 360){ if(Count < 400){ fill(139,0,0,40) ellipse(260,random(125,175),23) } } if(Count > 400){ if(Count < 440){ fill(250,250,250,20) ellipse(random(270,300),random(173,145),15) ellipse(random(270,300),random(173,145),15) ellipse(random(270,300),random(173,145),15) ellipse(random(270,300),random(173,145),15) } } if(Count > 440){ if(Count < 460){ fill(220,220,220,40) ellipse(347,random(120,85),25) ellipse(362,random(113,78),25) ellipse(377,random(106,71),25) fill(255,255,0,8) ellipse(339.5,76.5,10) ellipse(347,73,10) ellipse(354.5,69.5,10) ellipse(362,66,10) ellipse(369.5,62.5,10) ellipse(377,60,10) } } if(Count > 460){ if(Count < 520){ fill(200,200,200,40) ellipse(377,random(200,96),20); ellipse(377,random(200,96),20); ellipse(392,random(215,89),20); ellipse(392,random(215,89),20); ellipse(397,random(215,87),25); ellipse(397,random(215,87),25); fill(255,255,255,40) ellipse(417,random(213,89),25); ellipse(417,random(213,89),25); ellipse(437,random(210,93),25); ellipse(437,random(211,93),25); ellipse(457,random(207,97),25); ellipse(457,random(209,97),25); ellipse(477,random(204,101),25); ellipse(477,random(207,101),25); } } if(Count > 520){ if(Count < 560){ fill(200,200,0,40) ellipse(377,random(210,160),20); ellipse(392,random(222,155),20); ellipse(397,random(222,150),25); fill(255,255,0,40) ellipse(417,random(221,145),25); ellipse(437,random(218,165),25); ellipse(457,random(215,180),25); ellipse(477,random(212,165),25); } } if(Count > 560){ if(Count < 620){ fill(105,105,105,30) ellipse(382,random(210,150),12) ellipse(389,random(220,140),12) fill(139,0,0,20) ellipse(random(375,380),random(115,130),5) ellipse(random(380,385),random(111,126),5) ellipse(random(385,390),random(107,122),5) ellipse(random(390,395),random(103,118),5) } } if(Count > 620){ if(Count < 640){ fill(192,192,192,40) ellipse(437,random(210,145),25); ellipse(437,random(210,145),25); fill(192,192,192,20) ellipse(457,random(207,150),25); ellipse(457,random(207,150),25) ellipse(457,random(207,150),25); ellipse(457,random(207,150),25) fill(200,0,0,20) ellipse(420,random(125,105),10); ellipse(430,random(124.5,106.5),10); ellipse(440,random(124,108),10); ellipse(450,random(123.5,109.5),10); ellipse(460,random(123,111),10); ellipse(470,random(122.5,112.5),10); } } if(Count > 640){ if(Count < 680){ //メグミルク列 fill(176,196,222,40) ellipse(510,random(125,60),30) ellipse(533,random(105,47),35) fill(0,0,205,20) ellipse(510,random(175,140),30) ellipse(533,random(165,120),35) fill(176,224,230,20) ellipse(510,random(190,240),30) ellipse(533,random(180,240),35) fill(0,0,205,10) ellipse(510,255,30) ellipse(522,255,30) ellipse(533,255,30) fill(34,139,34,10) ellipse(510,280,30) ellipse(522,282.5,30) ellipse(533,285,30) } } if(Count > 680){ if(Count < 720){ //グリコ列 fill(176,224,230,15) ellipse(558,random(100,60),35) ellipse(580,random(80,50),35) ellipse(610,random(60,40),35) fill(100,149,237,25) ellipse(558,random(120,280),35) ellipse(580,random(100,283),35) ellipse(610,random(80,286),35) ellipse(558,random(120,280),35) ellipse(580,random(100,283),35) ellipse(610,random(80,286),35) fill(70,130,180,25) ellipse(random(550,615),300,25) ellipse(random(550,615),300,25) } } if(Count > 720){ if(Count < 760){ fill(169,169,169,15) ellipse(650,random(80,70),30) ellipse(670,random(75,64),30) ellipse(690,random(70,58),30) ellipse(710,random(65,52),30) ellipse(730,random(60,46),30) fill(240,255,240,45) ellipse(650,random(100,202),30) ellipse(670,random(94,199),30) ellipse(690,random(88,196),30) ellipse(710,random(82,193),30) ellipse(730,random(76,190),30) fill(255,255,0,15) ellipse(650,random(220,240),30) ellipse(670,random(217,239),30) ellipse(690,random(214,238),30) ellipse(710,random(211,237),30) ellipse(730,random(208,236),30) fill(255,255,255,15) ellipse(650,random(240,260),30) ellipse(670,random(239,262),30) ellipse(690,random(238,264),30) ellipse(710,random(237,266),30) ellipse(730,random(236,268),30) fill(0,0,255,15) ellipse(650,random(280,310),30) ellipse(670,random(281,315),30) ellipse(690,random(282,320),30) ellipse(710,random(283,325),30) ellipse(730,random(284,330),30) fill(30,144,255,10) ellipse(650,random(330,345),30) ellipse(670,random(337.5,350),30) ellipse(690,random(335,355),30) ellipse(710,random(337.5,360),30) ellipse(730,random(340,365),30) fill(random(0,255),random(0,255),random(0,255),20) ellipse(765,random(375,150),35) ellipse(775,random(379,160),35) ellipse(765,random(375,150),35) ellipse(775,random(379,160),35) } } if(Count > 760){ if(Count < 800){ fill(0,0,60,15) ellipse(810,random(90,60),40) ellipse(830,random(85,55),45) ellipse(850,random(80,50),50) fill(220,20,60,20) ellipse(810,random(120,240),40) ellipse(830,random(115,240),45) ellipse(850,random(110,240),50) ellipse(810,random(120,240),40) ellipse(830,random(115,240),45) ellipse(850,random(110,240),50) fill(240,240,240,15) ellipse(810,random(270,300),40) ellipse(830,random(267.5,305),45) ellipse(850,random(265,310),50) } } if(Count > 800){ if(Count < 820){ fill(255,255,255,20) ellipse(407,random(220,290),20) ellipse(407,random(220,290),20) fill(200,200,0,6) ellipse(417,276,15) ellipse(427,275,15) ellipse(437,274,15) ellipse(447,273,15) ellipse(457,272,15) ellipse(467,271,15) ellipse(477,270,15) ellipse(417,246,15) ellipse(427,245.5,15) ellipse(437,245,15) ellipse(447,244.5,15) ellipse(457,244,15) ellipse(467,243.5,15) ellipse(477,243,15) } } if(Count > 820){ if(Count < 840){ fill(255,255,255,12) ellipse(520,150,25,37.5) fill(255,160,122,12) ellipse(520,210,27,35) fill(0,0,0,15) ellipse(520,230,37.5,20) } } if(Count > 840){ if(Count < 860){ fill(176,196,222,35) ellipse(558,random(110,140),35) ellipse(580,random(100,132),35) ellipse(610,random(90,124),35) ellipse(558,random(110,140),35) ellipse(580,random(100,132),35) ellipse(610,random(90,124),35) fill(0,0,255,20) ellipse(558,random(160,180),35) ellipse(580,random(150,178),35) ellipse(610,random(140,176),35) ellipse(558,random(160,180),35) ellipse(580,random(150,178),35) ellipse(610,random(140,176),35) fill(255,255,255,25) ellipse(558,random(200,210),35) ellipse(580,random(198,210),35) ellipse(610,random(196,210),35) } } if(Count > 860){ if(Count < 900){ fill(0,0,139,20) ellipse(670,random(115,165),30) fill(46,139,87,30) ellipse(690,random(108,161),30) fill(0,0,139,20) ellipse(710,random(101,157),30) fill(0,0,139,20) ellipse(670,random(115,165),30) fill(46,139,87,30) ellipse(690,random(108,161),30) fill(0,0,139,20) ellipse(710,random(101,157),30) fill(46,139,87,10) ellipse(710,random(230,250),25) ellipse(730,random(227,252),25) fill(200,0,0,10) ellipse(670,random(235,240),15) ellipse(680,random(232,242),15) fill(255,255,255,5) ellipse(670,300,20) ellipse(680,301,20) ellipse(690,302,20) ellipse(700,303,20) ellipse(710,304,20) //こっからグリコ fill(255,0,0,10) ellipse(580,210,40,70) ellipse(570,random(117,125),15) ellipse(580,random(112,122),15) ellipse(590,random(107,120),15) } } if(Count > 900){ if(Count < 940){ fill(200,200,200,25) //体　565.5~590.5 ellipse(578,random(195,235),25) ellipse(578,random(195,235),25) //ぐり左 fill(230,230,230,25) ellipse(573,random(240,270),15) //手 fill(230,230,230,7) ellipse(568,194,10) ellipse(563,190,10) ellipse(558,186,10) ellipse(553,182,10) ellipse(588,194,13) ellipse(592,185,13) ellipse(596,176,13) ellipse(600,167,13) ellipse(604,158,13) } } if(Count > 940){ if(Count < 980){ //ぐり右 fill(230,230,230,10) ellipse(583,random(240,250),15) //頭 ellipse(578,186,17) fill(178,34,34,15) ellipse(577,random(205,225),10) ellipse(577,random(205,225),10) } } if(Count > 980){ if(Count < 1020){ //影類 fill(255,255,0,15) ellipse(random(200,380),random(320,380),30) fill(64,224,208,15) ellipse(random(400,600),random(400,500),35) ellipse(random(500,700),random(450,550),35) ellipse(random(400,600),random(400,500),35) ellipse(random(500,700),random(450,550),35) } } if(Count > 1020){ if(Count < 1150){ 右手すりx=右手すりx-5 左手すりx=左手すりx-9 右手すり大=右手すり大-0.1 左手すり大=左手すり大-0.05 右手すりy=右手すりy-3 左手すりy=左手すりy-2.8 fill(30,30,30,100) ellipse(右手すりx,右手すりy,右手すり大) fill(30,30,30,170) ellipse(左手すりx,左手すりy,左手すり大) } } if(Count > 1150){ if(Count < 1200){ //えびす橋 fill(220,220,220,60) ellipse(random(250,490),random(250,300),35) ellipse(random(250,490),random(250,300),35) ellipse(random(250,490),random(250,300),35) ellipse(random(250,490),random(250,300),35) ellipse(random(120,250),random(260,310),35) ellipse(random(120,250),random(260,310),35) ellipse(random(-20,120),random(270,320),35) ellipse(random(-20,120),random(270,320),35) } } if(Count > 1200){ if(Count < 1260){ fill(170,170,170,40) ellipse(random(250,400),random(270,300),30) ellipse(random(250,400),random(270,300),30) ellipse(random(250,400),random(270,300),30) ellipse(random(120,250),random(280,310),35) ellipse(random(-20,120),random(290,320),35) } } if(Count > 1260){ if(Count < 1320){ fill(235,235,235,15) ellipse(random(415,440),290,15) ellipse(random(425,450),300,15) ellipse(random(435,460),310,15) ellipse(random(445,470),320,15) ellipse(random(455,480),330,15) } } } }

道頓堀作成計画