{"id":4036,"date":"2017-10-24T18:57:07","date_gmt":"2017-10-24T16:57:07","guid":{"rendered":"https:\/\/sunpig.com\/martin\/?p=4036"},"modified":"2017-10-24T18:57:07","modified_gmt":"2017-10-24T16:57:07","slug":"emoji-and-conceptual-art","status":"publish","type":"post","link":"https:\/\/sunpig.com\/martin\/2017\/10\/24\/emoji-and-conceptual-art\/","title":{"rendered":"Emoji and conceptual art"},"content":{"rendered":"<p>When Abi and I visited <a href=\"https:\/\/www.sfmoma.org\">SFMOMA<\/a> last year, the <a href=\"https:\/\/en.wikipedia.org\/wiki\/Sol_LeWitt\">Sol LeWitt<\/a> exhibit left quite an impression on me. Not because of the beauty of the works themselves, but because of their <em>nature<\/em>. The museum had a collection of wall drawings which were not drawn by LeWitt himself, but by other artists based on his instructions. For example, his collection <a href=\"https:\/\/www.sollewittprints.org\/lewitt-raisonne-1971-18\">Work from Instructions (1971)<\/a> includes:<\/p>\n<blockquote><p>\nPlate 5.  Using a black, hard crayon draw a twenty inch square.  Divide this sqaure into one inch squares.  Within each one inch square, draw nothing or a freehand line or lines.<\/p>\n<p>Plate 6.  Using a black, hard crayon draw a twenty inch square.  Divide this square into one inch squares.  Within each one inch square, draw nothing, or draw a diagonal straight line from corner to corner, or two crossing straight lines diagonally from corner to corner.<\/p><\/blockquote>\n<figure class=\"wp-caption aligncenter\" style=\"width:440px\">\n    <canvas id=\"plate6\"><\/canvas><figcaption class=\"wp-caption-text\">Plate 6, generated with JavaScript. Click or tap to refresh. (<a href=\"https:\/\/gist.github.com\/sunpig\/a881cb9e0217ea99f82940a47fb9afd6\">Source<\/a>)<\/figcaption><\/figure>\n<p>The instructions seem very clinical and precise at first glance, but you very quickly see how much flexibility and leeway they allow. With a &#8220;hard black crayon&#8221; you can draw thick or thin lines. The instructions say nothing about whether the thickness of each stroke has to be consistent across the whole twenty inch square. For Plate 6 there are four possible states for each square (nothing, diagonal 1, diagonal 2, cross), which gives you a gargantuan 2<sup>800<\/sup> possible versions to play with. Each time an artist follows the instructions, you will get something subtly different, but still essentially the same. The art lies in both the execution and the instructions. We take this kind of duality for granted with classical musical works and theatre plays, often granting the composer and playwright the most credit. But for visual arts it feels subversive and unusual.<\/p>\n<p>I was reminded of this while I was listening to the <a href=\"http:\/\/www.hellointernet.fm\/podcast\/90\">&#8220;Pumpkin Pressure&#8221; episode<\/a> of Hello Internet. Brady and Gray talk about various emoji (<a href=\"https:\/\/emojipedia.org\/frog-face\/\">frog face<\/a>, <a href=\"https:\/\/emojipedia.org\/crocodile\/\">crocodile<\/a>), and which <em>versions<\/em> they like best \u2014 Apple, Google, Microsoft, etc.<\/p>\n<figure style=\"width: 492px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/emojipedia.org\/frog-face\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/sunpig.com\/martin\/images\/2017\/emojipedia-frogs.jpg\" width=\"492\" height=\"492\" class=\"size-medium\" \/><\/a><figcaption class=\"wp-caption-text\">Three frog faces from Emojipedia&#8217;s selection: Apple, Google, Microsoft<\/figcaption><\/figure>\n<p>It struck me that the <a href=\"https:\/\/unicode.org\/emoji\/index.html\">Unicode Emoji catalogue<\/a> has a lot in common with Sol LeWitt&#8217;s <a href=\"https:\/\/en.wikipedia.org\/wiki\/Conceptual_art\"><i>conceptual art<\/i><\/a>. The Unicode consortium defines the core essence of the emoji in a few short words, such as &#8220;frowning face with open mouth&#8221; (U+1F626 or ?), &#8220;shallow pan of food&#8221; (U+1F958 or ?), or <a href=\"https:\/\/99percentinvisible.org\/episode\/person-lotus-position\/\">&#8220;person in lotus position&#8221; (U+1F9D8 or ?)<\/a>. It&#8217;s up to the implementors to execute this concept and turn it into something expressive and recognizable at the scale of a tiny letter-size graphic, ideally <a href=\"https:\/\/medium.com\/google-design\/redesigning-android-emoji-cb22e3b51cc6\">within a consistent design framework<\/a>.<\/p>\n<p>I think the balance of creative expression here is tilted in favour of the implementors. But don&#8217;t underestimate the work that goes into deciding <em>which<\/em> emoji will be codified, and what the canonical textual representation will be. That&#8217;s art, too.<\/p>\n<p><script>\n<!--\n\t(function(){\n\t\tfunction setNewGrey (ctx) {\n\t\t\tgrey = Math.floor(150 + (Math.random() * 75));\n\t\t\tctx.strokeStyle = `rgba(${grey}, ${grey}, ${grey}, 1)`;\n\t\t}\n\t\tfunction drawDiagonal1 (ctx, i, j, boxSize) {\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo(i*boxSize, j*boxSize);\n\t\t\tctx.lineTo((i+1)*boxSize, (j+1)*boxSize);\n\t\t\tctx.stroke();\n\t\t}\n\t\tfunction drawDiagonal2 (ctx, i, j, boxSize) {\n\t\t\tctx.beginPath();\n\t\t\tctx.moveTo((i+1)*boxSize, j*boxSize);\n\t\t\tctx.lineTo(i*boxSize, (j+1)*boxSize);\n\t\t\tctx.stroke();\n\t\t}\n\t\tfunction drawDiagonal3 (ctx, i, j, boxSize) {\n\t\t\tdrawDiagonal1(ctx, i, j, boxSize);\n\t\t\tdrawDiagonal2(ctx, i, j, boxSize);\n\t\t}\n\n\t\tconst rgbWhite = 'rgba(255, 255, 255, 1)';\n\t\tconst boxSize = 20;\n\t\tconst canvasSize = boxSize * 22;\n\t\tconst plate6 = document.getElementById('plate6');\n\n\t\tconst ctx = plate6.getContext('2d');\n\t\tplate6.width = canvasSize;\n\t\tplate6.height = canvasSize;\n\n\t\tdraw = function(ctx) {\n\t\t\tctx.fillStyle = rgbWhite;\n\t\t\tctx.fillRect(0, 0, canvasSize, canvasSize);\n\n\t\t\t\/\/ Draw boxes\n\t\t\tctx.lineWidth = 1;\n\t\t\t\/\/ Crisp line widths: https:\/\/stackoverflow.com\/questions\/7530593\/html5-canvas-and-line-width\/7531540#7531540\n\t\t\tsetNewGrey(ctx);\n\t\t\tctx.strokeRect(\n\t\t\t\tboxSize + 0.5,\n\t\t\t\tboxSize + 0.5,\n\t\t\t\tboxSize * 20,\n\t\t\t\tboxSize * 20,\n\t\t\t);\n\t\t\tfor (let i=1; i<20; i++) {\n\t\t\t\tsetNewGrey(ctx);\n\t\t\t\tctx.strokeRect(\n\t\t\t\t\tboxSize + 0.5,\n\t\t\t\t\tboxSize * (1 + i) + 0.5,\n\t\t\t\t\tboxSize * 20,\n\t\t\t\t\t0\n\t\t\t\t);\n\t\t\t\tsetNewGrey(ctx);\n\t\t\t\tctx.strokeRect(\n\t\t\t\t\tboxSize * (1 + i) + 0.5,\n\t\t\t\t\tboxSize + 0.5,\n\t\t\t\t\t0,\n\t\t\t\t\tboxSize * 20\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tctx.drawBoxContents = function() {\n\t\t\t\tctx.moveTo(boxSize * i)\n\t\t\t\tctx.strokeRect(\n\t\t\t\t\tboxSize + 0.5,\n\t\t\t\t\tboxSize * (1 + i) + 0.5,\n\t\t\t\t\tboxSize * 20,\n\t\t\t\t\t0\n\t\t\t\t);\n\t\t\t}\n\t\t\tlet lastStyle;\n\t\t\tfor (let i=1; i<21; i++) {\n\t\t\t\tfor (let j=1; j<21; j++) {\n\t\t\t\t\tsetNewGrey(ctx);\n\t\t\t\t\tlet style = Math.floor(Math.random() * 4);\n\t\t\t\t\t\/\/ Build in an element of repetition\n\t\t\t\t\tif (Math.random() < 0.5) {\n\t\t\t\t\t\tstyle = lastStyle;\n\t\t\t\t\t}\n\t\t\t\t\tif (style == 1) {\n\t\t\t\t\t\tdrawDiagonal1(ctx, i, j, boxSize);\n\t\t\t\t\t} else if (style == 2) {\t\t\t\t\t\t\n\t\t\t\t\t\tdrawDiagonal2(ctx, i, j, boxSize);\n\t\t\t\t\t} else if (style == 3) {\n\t\t\t\t\t\tdrawDiagonal3(ctx, i, j, boxSize);\n\t\t\t\t\t}\n\t\t\t\t\tlastStyle = style;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdraw(ctx);\n\n\t\tplate6.addEventListener('click', () => draw(ctx));\n\t})();\n-->\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When Abi and I visited SFMOMA last year, the Sol LeWitt exhibit left quite an impression on me. Not because of the beauty of the works themselves, but because of their nature. The museum had a collection of wall drawings which were not drawn by LeWitt himself, but by other artists based on his instructions. &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/sunpig.com\/martin\/2017\/10\/24\/emoji-and-conceptual-art\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Emoji and conceptual art&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-4036","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/posts\/4036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/comments?post=4036"}],"version-history":[{"count":14,"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/posts\/4036\/revisions"}],"predecessor-version":[{"id":4050,"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/posts\/4036\/revisions\/4050"}],"wp:attachment":[{"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/media?parent=4036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/categories?post=4036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sunpig.com\/martin\/wp-json\/wp\/v2\/tags?post=4036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}