{"id":42,"date":"2010-08-29T17:31:16","date_gmt":"2010-08-29T09:31:16","guid":{"rendered":"http:\/\/www.magicandlove.com\/blog\/?p=42"},"modified":"2010-08-29T17:48:22","modified_gmt":"2010-08-29T09:48:22","slug":"context-free-art-tutorial-1","status":"publish","type":"post","link":"http:\/\/www.magicandlove.com\/blog\/2010\/08\/29\/context-free-art-tutorial-1\/","title":{"rendered":"Context Free Art &#8211; Tutorial 1"},"content":{"rendered":"<p>After we can create different primitive shapes, we start to combine them together. We cannot simply put all the primitive shapes within one single shape rule, like:<\/p>\n<pre>startshape MyShape\r\n\r\nrule MyShape {\r\n     CIRCLE {}\r\n     TRIANGLE {}\r\n     SQUARE {}\r\n}<\/pre>\n<figure id=\"attachment_43\" aria-describedby=\"caption-attachment-43\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-43\" title=\"Multiple shapes\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image05.jpg\" alt=\"\" width=\"480\" height=\"349\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image05.jpg 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image05-300x218.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-43\" class=\"wp-caption-text\">Multiple shapes<\/figcaption><\/figure>\n<p>Every shape command comes with parameters. We work with the translation parameters <strong>x<\/strong> and <strong>y<\/strong> to move the shape around in the canvas.<\/p>\n<pre>startshape MyShape\r\n\r\nrule MyShape {\r\n     CIRCLE {x -2}\r\n     TRIANGLE {}\r\n     SQUARE {x 2}\r\n}<\/pre>\n<pre>\r\n\r\n<figure id=\"attachment_47\" aria-describedby=\"caption-attachment-47\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-47\" title=\"Multiple shapes - horizontal\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image06.jpg\" alt=\"\" width=\"480\" height=\"348\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image06.jpg 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image06-300x217.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-47\" class=\"wp-caption-text\">Multiple shapes<\/figcaption><\/figure><\/pre>\n<pre>startshape MyShape\r\n\r\nrule MyShape {\r\n     CIRCLE {y 2}\r\n     TRIANGLE {}\r\n     SQUARE {y -2}\r\n}<\/pre>\n<figure id=\"attachment_48\" aria-describedby=\"caption-attachment-48\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-48\" title=\"Multiple shapes - vertical\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image07.jpg\" alt=\"\" width=\"480\" height=\"348\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image07.jpg 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image07-300x217.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-48\" class=\"wp-caption-text\">Multiple shapes<\/figcaption><\/figure>\n<pre><\/pre>\n<pre>startshape MyShape\r\n\r\nrule MyShape {\r\n     CIRCLE {x 2 y 2 size 0.8}\r\n     TRIANGLE {size 2}\r\n     SQUARE {x -2 y -2 size 0.5}\r\n}<\/pre>\n<pre><\/pre>\n<pre>\r\n\r\n<figure id=\"attachment_50\" aria-describedby=\"caption-attachment-50\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-50\" title=\"Size variation\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image08.jpg\" alt=\"\" width=\"480\" height=\"347\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image08.jpg 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/08\/image08-300x216.jpg 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-50\" class=\"wp-caption-text\">Size variation<\/figcaption><\/figure><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>After we can create different primitive shapes, we start to combine them together. We cannot simply put all the primitive shapes within one single shape rule, like: startshape MyShape rule MyShape { CIRCLE {} TRIANGLE {} SQUARE {} } Every shape command comes with parameters. We work with the translation parameters x and y to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[13,12],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-context-free-art","tag-tutorial"],"_links":{"self":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":4,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":45,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/42\/revisions\/45"}],"wp:attachment":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}