T a d a!
Th is is the image that I chose →_→
I cannot recall the reason why I favored this photo over the others. Even if I can, I am not sure if I can justfy my choice with rationality. Well, I chose it, and it was all that happened.
Initially, I thought about recreating the image in processing with the Bézier curve. Unfortunately, it turned out that none of the curve function provided by processing was straight. Literally, you have to guess what it would look like. I was so over it. Not to mention the contour presented in the image was outrageously complicated—–they were on no account achievable through simple combinations of geometry shapes. I gave up.
Though I was so worn out by the curves, I did try out something different with simple shapes. If you find it ridiculous, I am gonna say that your aesthetic is still underdeveloped. This is all about abstract, about seeing through a different len at the world, about capturing daily life by means of minimalism.
When I went back home, I thought about how to make it happen. I was inspired by integral! The idea that I could remake the complicated contour with numerous short straight lines was so thrilling that I throw myself to work at once. Since I was young and wanted to spare some time on finding a love for myself, I wasn’t gonna to waste hours on typing out the coordinates manually. Cleaver I was, found a sensible way to do it that could save the labor dramatically.
I converted the original photo into sketch using Photoshop, and included the photo into processing. The next step was to actively make use of the mouseClicked() function that we were introduced to in class by Rudi as well as the mouseX and mouseY functions. I managed to organize them in such a way that the program could automatically generate the line(ax, ay, bx, by); that I needed for drawing, when I clicked all the way along the contour. With that being done, the rest was all about trivial but heavily-laboring repetitive work. The result can be seen on the left.
The final stage of my production was to generate a fancy background. Trivial work.
I included a photo that recorded every iteration of the production↓
If you dare to ask me whether processing “was a good means of realizing your design?”, here’s my answer.
NO. NOT AT ALL.
Given that we have so many well-designed visual software like Photoshop, Illustrator, and Blender available at hand, at the current stage of my life, I cannot think about the necessity for me to do the work with processing. I totally agree that processing is more fundamental, and provides the greatest freedom for manipulation. However, I doubt whether we need the freedom at the stake of losing so much efficiency.
Code↓
int xStore; int yStore; PImage img; void setup() { size(904, 1300); img = loadImage("IMG_9005.jpg"); } void draw() { //noStroke(); //colorMode(RGB, 1300); //for (int i = 0; i < 904; i++) { // for (int j = 0; j < 1300; j++) { // stroke(i, 0, j); // point(i, j); // } //} //image(img, 0, 0); stroke(1300, 1300, 1300); chairContour(); wrlContour(); chairDetail(); face(); clothes(); } void mouseClicked() { println("line("+xStore+","+yStore+","+mouseX+","+mouseY+");"); xStore = mouseX; yStore = mouseY; } void clothes() { line(353,680,354,680); line(354,680,395,682); line(395,682,423,685); line(423,685,424,604); line(424,604,431,592); line(431,592,438,581); line(438,581,463,567); line(463,567,475,573); line(475,573,479,580); line(479,580,424,683); line(424,683,446,750); line(446,750,457,787); line(457,787,404,784); line(464,1056,464,1056); line(464,1056,479,1057); line(479,1057,504,1061); line(504,1061,530,1063); line(530,1063,565,1069); line(565,1069,707,1104); line(707,1104,714,1084); line(714,1084,720,1057); line(720,1057,731,1015); line(731,1015,737,1118); line(737,1118,753,1114); line(606,648,606,647); line(606,647,602,661); line(602,661,599,690); line(599,690,597,703); line(597,703,565,691); line(447,716,447,716); line(447,716,456,718); line(456,718,457,710); line(457,710,464,704); line(464,704,469,667); line(469,667,469,664); line(457,666,462,666); line(462,666,472,664); line(472,664,475,665); line(475,665,478,671); line(478,671,480,678); line(480,678,485,693); line(485,693,491,726); line(491,726,486,751); line(486,751,485,766); line(485,766,480,774); line(480,774,476,779); line(476,779,459,784); line(459,784,451,760); line(451,760,446,750); line(446,750,446,743); line(446,743,446,734); line(446,734,447,727); line(447,727,449,704); line(450,694,455,675); line(455,675,457,667); line(457,667,464,657); line(464,657,470,646); line(470,646,473,639); line(473,639,475,634); line(475,634,481,633); line(481,633,491,630); line(491,630,495,629); line(495,629,499,629); line(499,629,502,636); line(502,636,499,637); line(499,637,488,643); line(488,643,485,645); line(485,645,482,645); line(482,645,474,649); line(474,649,468,650); line(468,650,466,653); line(466,653,489,645); line(489,645,492,646); line(492,646,492,653); line(492,653,476,661); line(476,661,474,666); line(452,687,460,666); line(531,578,531,578); line(531,578,529,659); line(529,659,531,670); line(531,670,567,572); line(524,632,531,632); line(531,632,532,646); line(532,646,530,690); line(530,690,527,734); line(527,734,525,745); line(525,745,519,801); line(519,801,491,823); line(724,837,664,811); line(664,811,662,815); line(662,815,720,842); line(733,814,667,799); line(667,799,666,805); line(666,805,728,827); line(736,807,736,807); line(736,807,668,790); line(668,790,667,795); line(753,742,760,719); line(760,719,766,710); line(766,710,784,701); line(784,701,809,693); line(809,693,814,693); line(777,613,777,613); line(777,613,775,628); line(775,628,774,633); line(774,633,770,643); line(770,643,763,664); line(763,664,761,672); line(761,672,759,682); line(759,682,757,689); line(757,689,753,700); line(753,700,752,701); line(752,701,751,709); line(751,709,751,724); line(751,724,751,735); line(751,735,751,745); line(751,745,750,757); line(750,757,750,766); line(750,766,750,776); line(750,776,750,777); line(774,784,773,784); line(773,784,791,784); line(791,784,822,818); line(680,836,693,854); line(693,854,715,868); line(715,868,722,868); line(722,868,732,868); line(732,868,736,872); line(736,872,746,879); line(746,879,757,882); line(757,882,768,884); line(768,884,775,883); line(775,883,783,875); line(783,875,790,870); line(790,870,819,840); line(819,840,823,820); line(823,820,774,785); line(774,785,735,781); line(735,781,728,781); line(728,781,726,783); line(726,783,721,783); line(721,783,706,781); line(706,781,703,780); line(703,780,703,780); line(703,780,694,779); line(694,779,669,775); line(669,775,669,781); line(669,781,669,781); line(669,781,683,783); line(683,783,740,798); line(622,813,603,808); line(603,808,580,801); line(580,801,569,795); line(569,795,552,785); line(552,785,543,779); line(543,779,544,778); line(544,778,545,776); line(545,776,549,775); line(549,775,555,776); line(555,776,559,778); line(559,778,562,780); line(562,780,561,778); line(561,778,579,776); line(579,776,603,773); line(603,773,618,762); line(618,762,625,750); line(625,750,623,723); line(623,723,630,723); line(630,723,636,731); line(659,573,657,577); line(657,577,651,602); line(651,602,657,590); line(657,590,660,571); line(631,706,654,601); line(654,601,739,574); line(739,574,744,570); line(744,570,747,568); line(747,568,750,566); line(750,566,719,570); line(719,570,679,581); line(679,581,677,581); line(677,581,757,568); line(592,550,592,550); line(592,550,589,558); line(589,558,595,567); line(595,567,605,575); line(605,575,618,590); line(618,590,629,578); line(629,578,640,587); line(640,587,655,588); line(655,588,676,584); line(676,584,762,571); line(762,571,776,578); line(776,578,765,568); line(765,568,761,562); line(761,562,752,555); line(752,555,719,552); line(719,552,694,553); line(694,553,661,564); line(661,564,659,565); line(659,565,655,568); line(655,568,639,578); line(639,578,636,579); line(636,579,634,579); line(634,579,614,560); line(614,560,610,549); line(610,549,610,549); line(610,549,607,545); line(607,545,601,549); line(601,549,597,558); line(597,558,589,558); line(589,558,589,552); line(589,552,589,551); line(558,566,567,578); line(567,578,577,585); line(577,585,592,592); line(592,592,604,593); line(604,593,610,595); line(610,595,613,606); line(613,606,607,649); line(607,649,580,645); line(580,645,564,692); line(564,692,549,689); line(549,689,546,689); line(546,689,541,700); line(541,700,536,711); line(536,711,532,736); line(532,736,534,754); line(534,754,536,771); line(536,771,538,780); line(538,780,538,789); line(538,789,541,795); line(541,795,544,795); line(544,795,539,818); line(539,818,563,821); line(563,821,563,801); line(563,801,579,805); line(579,805,578,823); line(578,820,578,822); line(578,822,588,825); line(588,825,588,918); line(588,918,589,933); line(589,933,594,827); line(594,827,601,827); line(601,827,607,812); line(607,812,617,815); line(617,815,614,895); line(614,895,619,895); line(619,895,622,832); line(622,832,639,831); line(639,831,642,809); line(642,809,662,842); line(639,814,643,814); line(643,814,665,844); line(665,844,678,837); line(678,837,680,836); line(680,836,660,820); line(660,820,664,812); line(664,812,668,793); line(668,793,668,784); line(645,653,652,655); line(652,655,665,646); line(665,646,671,658); line(671,658,677,658); line(677,658,669,685); line(669,685,664,697); line(664,697,658,722); line(658,722,715,757); line(715,757,717,764); line(717,764,711,774); line(711,774,710,780); line(710,780,704,781); line(704,781,632,731); line(632,731,668,772); line(668,772,668,802); line(669,650,663,649); line(663,649,658,651); line(658,651,645,655); line(645,655,630,708); line(630,708,626,709); line(626,709,651,603); line(651,603,647,609); line(647,609,635,611); line(635,611,619,614); line(619,614,616,614); line(616,614,604,703); } void face() { line(578,446,578,448); line(578,448,587,465); line(587,465,590,477); line(658,458,658,475); line(658,475,657,484); line(657,484,638,497); line(638,497,613,512); line(613,512,607,513); line(600,337,598,339); line(598,339,605,356); line(605,356,621,399); line(621,399,638,413); line(613,329,613,329); line(613,329,627,339); line(627,339,642,348); line(642,348,653,366); line(653,366,732,438); line(732,438,740,436); line(607,333,618,348); line(618,348,628,359); line(628,359,636,374); line(636,374,670,412); line(612,326,612,328); line(612,328,630,328); line(630,328,663,340); line(663,340,686,355); line(686,355,715,393); line(715,393,720,403); line(695,435,694,436); line(694,436,690,449); line(690,449,688,458); line(688,458,687,467); line(687,467,687,476); line(687,476,689,482); line(689,482,691,493); line(691,493,695,506); line(564,382,564,382); line(564,382,569,392); line(569,392,572,399); line(572,399,579,403); line(579,403,587,405); line(571,371,571,371); line(571,371,571,378); line(571,378,577,390); line(580,362,580,377); line(580,377,585,390); line(585,390,592,399); line(565,476,569,473); line(569,473,572,472); line(572,472,576,472); line(576,472,581,472); line(581,472,589,477); line(589,477,590,481); line(590,481,580,484); line(580,484,575,486); line(575,486,571,488); line(571,488,569,486); line(569,486,574,483); line(574,483,577,481); line(577,481,582,479); line(582,479,584,478); line(584,478,582,478); line(582,478,577,478); line(577,478,572,480); line(572,480,567,480); line(567,480,566,478); line(556,422,565,425); line(565,425,567,428); line(567,428,559,430); line(559,430,562,428); line(562,428,562,426); line(562,426,556,422); line(556,422,557,429); line(557,429,555,425); line(555,425,558,408); line(558,408,563,386); line(563,386,571,373); line(571,373,580,361); line(580,361,589,356); line(589,356,595,396); line(596,396,595,396); line(595,396,607,405); line(607,405,618,418); line(618,418,625,419); line(625,419,635,421); line(635,421,647,423); line(647,423,656,423); line(656,423,678,415); line(678,415,682,414); line(682,414,685,414); line(685,414,688,418); line(688,418,693,424); line(693,424,695,432); line(695,432,693,439); line(693,439,689,447); line(689,447,682,452); line(682,452,676,455); line(676,455,671,457); line(671,457,665,459); line(665,459,661,459); line(672,430,678,430); line(678,430,681,428); line(681,428,685,428); line(685,428,686,434); line(686,434,681,442); line(681,442,676,443); line(676,443,671,443); line(671,443,669,444); line(669,444,664,445); line(664,445,665,439); line(665,439,666,438); line(666,438,669,434); line(669,434,671,430); line(580,418,580,425); line(580,425,593,423); line(593,423,598,421); line(598,421,585,419); line(585,419,582,419); line(582,419,581,423); line(581,423,584,424); line(584,424,584,420); line(584,420,582,419); line(581,456,577,460); line(577,460,574,458); line(574,458,568,456); line(568,456,564,456); line(564,456,565,459); line(565,459,569,459); line(569,459,574,459); line(574,459,567,461); line(567,461,560,458); line(560,458,556,455); line(556,455,556,452); line(556,452,562,441); line(562,441,567,430); line(567,430,567,424); } void chairDetail() { line(0,889,0,889); line(0,889,54,892); line(54,892,105,891); line(105,891,180,891); line(180,891,237,887); line(237,887,249,886); line(249,886,252,918); line(252,918,213,918); line(213,918,179,922); line(179,922,94,922); line(94,922,8,918); line(8,918,0,918); line(0,954,33,954); line(33,954,254,948); line(254,948,259,984); line(259,984,26,984); line(26,984,2,982); } void chairContour() { //chair contour line(782,913,782,911); line(782,911,903,913); line(903,913,901,858); line(901,858,812,855); line(812,855,799,863); line(799,863,792,868); line(792,868,782,904); line(782,904,783,906); line(198,2,198,2); line(198,2,198,846); line(198,846,236,845); line(236,845,246,852); line(246,852,249,864); line(249,864,483,862); line(483,862,478,917); line(478,917,252,917); line(252,917,246,866); line(246,866,246,851); line(246,851,243,844); line(243,844,245,2); line(0,848,0,848); line(0,848,8,850); line(8,850,26,850); line(26,850,49,852); line(49,852,98,854); line(98,854,145,854); line(145,854,174,850); line(174,850,200,850); line(200,850,221,847); line(221,847,238,846); line(238,846,245,850); line(245,850,260,1013); line(260,1013,110,1029); line(110,1029,110,1062); line(110,1062,94,1145); line(94,1145,304,1128); line(304,1128,339,1127); line(339,1127,400,1113); line(400,1113,407,1122); line(407,1122,363,1129); line(363,1129,376,1129); line(376,1129,384,1130); line(384,1130,389,1136); line(389,1136,391,1141); line(391,1141,379,1154); line(379,1154,351,1168); line(351,1168,304,1182); line(304,1182,234,1192); line(234,1192,230,1192); line(230,1192,216,1203); line(216,1203,203,1204); line(203,1204,193,1211); line(193,1211,191,1232); line(191,1232,191,1232); line(191,1232,171,1234); line(171,1234,171,1265); line(171,1265,180,1267); line(180,1267,181,1298); line(181,1298,140,1298); line(140,1298,141,1267); line(141,1267,149,1268); line(149,1268,151,1254); line(151,1254,120,1254); line(120,1254,116,1227); line(116,1227,126,1224); line(126,1224,126,1218); line(126,1218,110,1214); line(110,1214,51,1227); line(51,1227,42,1235); line(42,1235,32,1241); line(32,1241,7,1243); line(7,1243,2,1236); line(2,1236,41,1221); line(41,1221,48,1221); line(48,1221,88,1209); line(88,1209,85,1206); line(85,1206,64,1200); line(64,1200,40,1198); line(40,1198,16,1195); line(16,1195,6,1189); line(6,1189,1,1188); line(1,1188,0,1154); line(0,1154,37,1144); line(37,1144,59,1137); line(59,1137,77,1139); line(77,1139,87,1087); line(87,1087,92,1056); line(92,1056,90,1045); line(90,1045,89,1029); line(89,1029,87,1027); line(87,1027,0,1023); line(0,1023,1,1022); line(1,1022,1,848); } void wrlContour() { line(583,517,578,515); line(578,515,574,510); line(574,510,573,493); line(573,493,569,490); line(569,490,564,471); line(564,471,561,466); line(561,466,561,461); line(561,461,558,457); line(558,457,555,451); line(555,451,560,443); line(560,443,560,437); line(560,437,556,428); line(556,428,547,411); line(547,411,543,384); line(543,384,546,378); line(546,378,552,366); line(552,366,624,323); line(624,323,639,319); line(639,318,639,318); line(639,318,655,319); line(655,319,665,319); line(665,319,676,322); line(676,322,691,330); line(691,330,708,347); line(708,347,719,366); line(719,366,731,370); line(731,370,733,376); line(733,376,737,383); line(737,383,734,391); line(734,391,744,395); line(744,395,748,396); line(748,396,754,401); line(754,401,754,414); line(754,414,749,418); line(749,418,744,420); line(744,420,740,421); line(740,421,745,425); line(745,425,758,426); line(758,426,766,421); line(766,421,771,420); line(771,420,762,432); line(762,432,762,438); line(762,438,762,445); line(762,445,757,448); line(757,448,749,453); line(749,453,741,463); line(741,463,733,472); line(733,472,722,478); line(722,478,713,478); line(713,478,709,479); line(709,479,708,483); line(708,483,710,495); line(710,495,707,502); line(707,502,702,507); line(702,507,697,509); line(697,509,696,518); line(696,518,702,540); line(702,540,708,549); line(708,549,716,549); line(716,549,745,553); line(745,553,758,559); line(758,559,765,568); line(765,568,772,576); line(772,576,793,596); line(793,596,804,607); line(804,607,827,787); line(827,787,833,811); line(833,811,817,848); line(817,848,810,858); line(810,858,794,869); line(794,869,788,876); line(788,876,785,887); line(785,887,782,910); line(782,910,769,1075); line(769,1075,753,1114); line(753,1114,735,1297); line(735,1297,649,1297); line(649,1297,622,1103); line(622,1103,611,1106); line(611,1106,611,1121); line(611,1121,604,1128); line(604,1128,606,1148); line(606,1148,582,1261); line(582,1261,579,1278); line(579,1278,578,1297); line(578,1297,486,1298); line(486,1298,485,1295); line(485,1295,485,1229); line(485,1229,481,1153); line(481,1153,481,1132); line(481,1132,485,1103); line(485,1103,489,1068); line(489,1068,487,1059); line(487,1059,475,1058); line(475,1058,464,1057); line(464,1057,468,988); line(468,988,477,943); line(477,943,481,894); line(481,894,490,823); line(490,823,485,822); line(485,822,476,827); line(476,827,450,839); line(450,839,426,814); line(426,814,414,795); line(414,795,407,786); line(407,786,399,785); line(399,785,386,783); line(386,783,379,747); line(379,747,356,694); line(356,694,353,658); line(353,658,361,603); line(361,603,367,591); line(367,591,387,567); line(387,567,410,563); line(410,563,428,565); line(428,565,442,566); line(442,566,470,567); line(470,567,496,600); line(496,600,502,591); line(502,591,560,564); line(560,564,563,564); line(563,564,574,558); line(574,558,578,554); line(578,554,594,548); line(594,548,605,540); line(605,540,612,534); line(612,534,613,525); line(613,525,613,519); line(613,519,608,516); line(608,516,583,516); }
Leave a Reply