{"id":3074,"date":"2021-02-09T05:04:40","date_gmt":"2021-02-09T05:04:40","guid":{"rendered":"http:\/\/mycours.es\/digitalmedia\/?page_id=3074"},"modified":"2025-03-24T12:57:00","modified_gmt":"2025-03-24T12:57:00","slug":"project-abstract-face","status":"publish","type":"page","link":"https:\/\/mycours.es\/digitalmedia\/project-abstract-face\/","title":{"rendered":"Assignment: Monster Portrait"},"content":{"rendered":"<p><iframe loading=\"lazy\" title=\"Sound reactive portraits - p5.js\" width=\"840\" height=\"630\" src=\"https:\/\/www.youtube.com\/embed\/6lXDLVMjIfM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Draw a stylized &#8220;monster&#8221; face with code. It has to be a &#8220;portrait&#8221; of your teammate, aiming to capture an aspect of their personality, interests, or biography. Don&#8217;t try to be literal, you only have simple shapes!<br \/>\nDiscuss the approach with your teammate. Consider them the commissioner of the portrait.<\/p>\n<h2><strong>Requirements:<\/strong><\/h2>\n<p>Use at least 20 primitives.<\/p>\n<p>Use a canvas of 800 x 800 pixels.<\/p>\n<p>Use 5 colors or less.<\/p>\n<p>Make it front view and centered, not profile, like the examples above. This will matter later when we animate it.<\/p>\n<p>Post the Illustrator image first.<\/p>\n<p>It must be an original character, not an Intellectual Property<\/p>\n<h2>Deliverables:<\/h2>\n<p>Post it on the openprocessing classroom with a proper title and a thumbnail image.<\/p>\n<h2><strong>Grading criteria<\/strong><\/h2>\n<p>It runs without errors<br \/>\nIt is not a variation of the basic example<br \/>\nYou understand what&#8217;s going on, you can explain the code<br \/>\nIt has an intentional aesthetic: color, characterization, and composition are not random<br \/>\nIt&#8217;s an original character<br \/>\nThe character has a personality and expressiveness<\/p>\n<h2>Student Samples<\/h2>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1714152\">https:\/\/openprocessing.org\/sketch\/1714152<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/1714211\">https:\/\/openprocessing.org\/sketch\/1714211<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/35998\">https:\/\/openprocessing.org\/sketch\/35998<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/35922\">https:\/\/openprocessing.org\/sketch\/35922<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/1103539\">https:\/\/openprocessing.org\/sketch\/1103539<\/a><br \/>\n<a href=\"https:\/\/openprocessing.org\/sketch\/35444\">https:\/\/openprocessing.org\/sketch\/35444<\/a><\/p>\n<h2>Part 1: Sketching in Illustrator<\/h2>\n<p>Drawing with code using primitives and coordinates can be daunting so we will sketch out our face in Illustrator first.<\/p>\n<p><strong>Set up<\/strong><br \/>\nCreate a document of 800&#215;800 pixels<br \/>\nEdit &gt; Preferences &gt; guides and grids. I recommend a gridline every 100 points with 10 subdivisions..<br \/>\nView&gt;snap to grid<br \/>\nView&gt;show grid<br \/>\nWindow&gt;info dock the panel somewhere so you can see your coordinates<\/p>\n<p>Try to draw the oval and the main shapes using ellipses, and rectangles with rounded corners without stroke.<br \/>\nWithout outlines you can create complex shapes by layering simple ones of the same color.<\/p>\n<p>Do not rotate shapes because rotating in p5 is annoying.<\/p>\n<p>Conversely, you can use lines, arcs and curves to create details like mouths, eyebrows, etc<\/p>\n<p>Remember that thick lines can be used as shapes. You can change the caps with <a href=\"https:\/\/p5js.org\/reference\/#\/p5\/strokeCap\">strokeCaps<\/a><\/p>\n<p>You can try Illustrator&#8217;s &#8220;curvature tool&#8221;, which is similar to p5 <a href=\"https:\/\/p5js.org\/reference\/#\/p5\/curveVertex\">curveVertex<\/a>, see the examples below<\/p>\n<p>Create a non random palette. You can use a <a href=\"https:\/\/color.adobe.com\/create\/color-wheel\">palette creator<\/a> or a <a href=\"https:\/\/color.adobe.com\/create\/image\">palette extraction tool<\/a> or <a href=\"https:\/\/color.adobe.com\/explore\">search random stuff here<\/a> until you find a color scheme you like.<br \/>\nTry this <a href=\"https:\/\/meodai.github.io\/poline\/?utm_source=ridd-tweet&amp;utm_medium=ridd&amp;utm_campaign=ridd\">esoteric palette creator<\/a>.<\/p>\n<p>Live symmetry is weirdly hard to set up in Illustrator but you can do it by<a href=\"https:\/\/www.youtube.com\/watch?v=gMn5RhDyfNE&amp;ab_channel=hikeart\"> following this tutorial<\/a><\/p>\n<p>Check out <a href=\"https:\/\/twitter.com\/facesinthings?lang=en\">faces-in-things pictures for inspiration<\/a> beyond pop culture.<\/p>\n<p>You can try to make it express one of the following emotions: anger, disgust, fear, happiness, sadness, surprise.<br \/>\n(Anger, disgust, fear, happiness, sadness and surprise are the basic emotions identified by Paul Ekman. You can read about this model&#8217;s issues and its problematic relationship with Silicon Valley in this <a href=\"https:\/\/lareviewofbooks.org\/article\/hard-feelings-inside-out-silicon-valley-and-why-technologizing-emotion-and-memory-is-a-dangerous-idea\/\">review of Inside Out<\/a> and in this <a href=\"https:\/\/howwegettonext.com\/silicon-valley-thinks-everyone-feels-the-same-six-emotions-38354a0ef3d7\">article here<\/a>).<\/p>\n<p>You can arrange elements to the front and to the back using<br \/>\n<b>\u2318\u00a0<\/b>Control + [<br \/>\n<b>\u2318\u00a0<\/b>Control + ]<\/p>\n<p>When you are done sketching you can start translating it to p5<\/p>\n<h2>Advanced-ish: Complex Shapes, rotation, and symmetry<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3087\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2021\/02\/Image-031.png\" alt=\"\" width=\"781\" height=\"404\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2021\/02\/Image-031.png 781w, https:\/\/mycours.es\/digitalmedia\/files\/2021\/02\/Image-031-768x397.png 768w\" sizes=\"auto, (max-width: 781px) 85vw, 781px\" \/><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1095581\">Check this example<\/a> showing the use of symmetry, <a href=\"https:\/\/p5js.org\/reference\/#\/p5\/vertex\">vertex<\/a> and <a href=\"https:\/\/p5js.org\/reference\/#\/p5\/curveVertex\">curveVertex<\/a> which can be very useful for this assignment.<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4058\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2.png\" alt=\"\" width=\"1600\" height=\"1600\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2.png 1600w, https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2-600x600.png 600w, https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2-1024x1024.png 1024w, https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2-150x150.png 150w, https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2-768x768.png 768w, https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2-1536x1536.png 1536w, https:\/\/mycours.es\/digitalmedia\/files\/2025\/02\/download-2-1200x1200.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/openprocessing.org\/sketch\/1825266\">Check out this example<\/a> that shows how to draw objects on two sides of a symmetry axis and how to rotate one or more shapes.<\/p>\n<h2>Notes on character design<\/h2>\n<p>Cute and stylized designs are <a href=\"https:\/\/twitter.com\/PeaPuck\/status\/1695468094993338419\">not a modern phenomenon<\/a><\/p>\n<h3><strong>Abstraction<\/strong><\/h3>\n<figure id=\"attachment_583\" aria-describedby=\"caption-attachment-583\" style=\"width: 1600px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-picture-plane.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-583\" title=\"scott mccloud picture plane\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-picture-plane.jpg\" alt=\"\" width=\"1600\" height=\"1227\" \/><\/a><figcaption id=\"caption-attachment-583\" class=\"wp-caption-text\">Realistic, Iconic or Abstract?<\/figcaption><\/figure>\n<p><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-584\" title=\"scott mccloud universality 1\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-1.jpg\" alt=\"\" width=\"830\" height=\"1600\" \/><\/a><\/p>\n<h3><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-585\" title=\"scott mccloud universality 2\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/scott-mccloud-universality-2.jpg\" alt=\"\" width=\"911\" height=\"909\" \/><\/a><strong>Primary Shapes<\/strong><\/h3>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/aladdin_character_shapes.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3703\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/aladdin_character_shapes.jpg\" alt=\"\" width=\"564\" height=\"377\" \/><\/a>Iconic characters can be reduced to very simple shapes.<br \/>\nPosture and shape can do a lot to convey the character personality.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3704\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-6.png\" alt=\"\" width=\"378\" height=\"433\" \/><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-7.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3705\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-7.png\" alt=\"\" width=\"608\" height=\"562\" \/><\/a>In creating cartoon characters you&#8217;ll have to deal with cliches and stereotypes.<br \/>\nThe exaggeration of features risks reinscribing traditional notions of gender but there is plenty of room to play and subvert expectations.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>Colors<\/strong><\/h3>\n<header>Find a good color palette:<br \/>\ndon\u2019t pick colors at random<br \/>\nwatch out for overtly saturated tones<br \/>\ntry to limit your dominant colors.<\/header>\n<div class=\"content\">\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3156 size-full\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2021\/03\/Image-041.png\" alt=\"sloth\" width=\"754\" height=\"327\" \/><\/p>\n<p>Create a new based on common patterns\u00a0 with\u00a0<a href=\"https:\/\/kuler.adobe.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kuler<\/a><br \/>\nYou can steal color palettes from\u00a0<a href=\"http:\/\/www.colourlovers.com\/palettes\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a><br \/>\nYou can randomize a color scheme with\u00a0<a href=\"https:\/\/coolors.co\/app\">this app<\/a><br \/>\nCreate one from a picture with\u00a0<a href=\"https:\/\/www.canva.com\/color-palette\/\" target=\"_blank\" rel=\"noopener noreferrer\">this tool<\/a><\/p>\n<p><strong>Color ramps<\/strong><\/p>\n<p>Mostly used in pixel art but can it be applied in illustration and anywhere.\u00a0Mind that there is no fixed system to create ramps and palettes,\u00a0but it\u2019s a good idea to familiarize with the practice of hue shifting:<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-379 size-full\" src=\"http:\/\/mycours.es\/gamedesign2018\/files\/2018\/09\/hue-shifting.png\" \/><br \/>\nYou can generate a color ramp one from a picture with\u00a0<a href=\"http:\/\/mycours.es\/colorRampCreator\/\" target=\"_blank\" rel=\"noopener noreferrer\">this tool<\/a><\/p>\n<p>There are plenty of\u00a0<a href=\"http:\/\/pixeljoint.com\/forum\/forum_posts.asp?TID=10695\">tutorials and debates<\/a>\u00a0on the internet on how to properly create color ramps but it\u2019s a common practice to make sure the ramps are interlocking, so you can have more harmonious edges or tinted outlines that work with different colors.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-380\" src=\"http:\/\/mycours.es\/gamedesign2018\/files\/2018\/09\/gNPZiCJ.png\" alt=\"gNPZiCJ\" width=\"406\" height=\"197\" \/><\/p>\n<\/div>\n<h3><strong>Function<\/strong><\/h3>\n<p><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/bugsbunny.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-565\" title=\"bugsbunny\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/bugsbunny.jpg\" alt=\"\" width=\"831\" height=\"647\" \/><\/a>Characters are often designed assuming a narrative function. To function as protagonist in a tv series they have to support a range of poses and expressions.<\/p>\n<p>However not all characters need that kind of flexibility:<\/p>\n<p><iframe loading=\"lazy\" title=\"File no.4\" src=\"https:\/\/player.vimeo.com\/video\/15647304?dnt=1&amp;app_id=122963\" width=\"840\" height=\"473\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media\"><\/iframe><\/p>\n<p><iframe loading=\"lazy\" title=\"\u300cHAPPY BOGEYS\u300d\u30af\u30ea\u30cf\u30e9\u30bf\u30ab\u30b7 \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u4f5c\u54c1 HAPPY BOGEYS, Takashi Kurihara\" width=\"840\" height=\"630\" src=\"https:\/\/www.youtube.com\/embed\/xa8zldRJ1Wk?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3706\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4-1024x1024.jpg\" alt=\"\" width=\"840\" height=\"840\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4-1024x1024.jpg 1024w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4-600x600.jpg 600w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4-150x150.jpg 150w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4-768x768.jpg 768w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/p1e6dhaesr208uit14phb1eikv4.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/p>\n<p>Gudetama, the Sanrio character embodying laziness and burnout, become unexpectedly relatable to millenials.<br \/>\nOne note character appropriate for toys and gadgets, not so much for long form narrative.<\/p>\n<p>&nbsp;<\/p>\n<h3><strong>On cuteness<\/strong><\/h3>\n<figure id=\"attachment_615\" class=\"wp-caption aligncenter\" aria-describedby=\"caption-attachment-615\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/cute-character.jpg\"><img decoding=\"async\" class=\"size-full wp-image-615\" title=\"cute-character\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/cute-character.jpg\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n<p>Cute characterization seems to appeal to people across generations and cultures<\/p>\n<figure id=\"attachment_616\" class=\"wp-caption aligncenter\" aria-describedby=\"caption-attachment-616\"><a href=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/kawaii_wallpaper_by_cupcake_bakery.png\"><img decoding=\"async\" class=\"aligncenter wp-image-616 size-full\" title=\"kawaii_wallpaper_by_cupcake_bakery\" src=\"http:\/\/mycours.es\/gamedesign2012\/files\/2012\/09\/kawaii_wallpaper_by_cupcake_bakery.png\" \/><\/a><figcaption id=\"caption-attachment-616\" class=\"wp-caption-text\">Kawaii<\/figcaption><\/figure>\n<p>Infantile features trigger nurturing response in humans (evolutionary thing to make us care for our offspring) which spills over other species and representations.<\/p>\n<p>Cuteness is not the end goal nor the default, see it as a tool, don&#8217;t limit your range.<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3710\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280-1024x799.jpg\" alt=\"\" width=\"840\" height=\"655\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280-1024x799.jpg 1024w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280-769x600.jpg 769w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280-768x599.jpg 768w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280-1200x937.jpg 1200w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/tumblr_nb1glabUSh1rliog6o7_1280.jpg 1280w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<h3><strong>Inspirations<\/strong><\/h3>\n<p>Look for inspirations outside of pop culture you are already familiar with.<\/p>\n<p>Lots of <a href=\"https:\/\/www.instagram.com\/things.faces\/?hl=en\">things-with-faces<\/a> social media accounts<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3708\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8-1024x584.png\" alt=\"\" width=\"840\" height=\"479\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8-1024x584.png 1024w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8-800x457.png 800w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8-768x438.png 768w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8-1200x685.png 1200w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/Image-8.png 1512w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/pictofolio.com\/\">Pictoplasma<\/a> &#8211; the main character design conference has a great showcase<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/wendell_and_wild_classy.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-3709\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/wendell_and_wild_classy-1024x512.jpg\" alt=\"\" width=\"840\" height=\"420\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/wendell_and_wild_classy-1024x512.jpg 1024w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/wendell_and_wild_classy-800x400.jpg 800w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/wendell_and_wild_classy-768x384.jpg 768w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/wendell_and_wild_classy.jpg 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.cartoonbrew.com\/interviews\/wendell-and-wild-pablo-lobato-interview-222615.html\">Picasso-inspired design in Wendell and Wild<\/a> (Picasso borrowing from African art)<\/p>\n<p>Rupaul and candies as unlikely inspirations for monument valley levels<\/p>\n<p><a href=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/image.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3711\" src=\"http:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/image.png\" alt=\"\" width=\"946\" height=\"631\" srcset=\"https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/image.png 946w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/image-800x534.png 800w, https:\/\/mycours.es\/digitalmedia\/files\/2023\/02\/image-768x512.png 768w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/mycours.es\/gamedesign2021\/files\/2021\/09\/bc80a2a25e4d7623fc751ae009ec7bb0f68dc898_candy_946px.jpg\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Draw a stylized &#8220;monster&#8221; face with code. It has to be a &#8220;portrait&#8221; of your teammate, aiming to capture an aspect of their personality, interests, or biography. Don&#8217;t try to be literal, you only have simple shapes! Discuss the approach with your teammate. Consider them the commissioner of the portrait. Requirements: Use at least 20 &hellip; <a href=\"https:\/\/mycours.es\/digitalmedia\/project-abstract-face\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Assignment: Monster Portrait&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":34,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3074","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/comments?post=3074"}],"version-history":[{"count":21,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3074\/revisions"}],"predecessor-version":[{"id":4059,"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/pages\/3074\/revisions\/4059"}],"wp:attachment":[{"href":"https:\/\/mycours.es\/digitalmedia\/wp-json\/wp\/v2\/media?parent=3074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}