{"id":102,"date":"2010-09-06T17:20:24","date_gmt":"2010-09-06T09:20:24","guid":{"rendered":"http:\/\/www.magicandlove.com\/blog\/?p=102"},"modified":"2010-09-08T23:14:39","modified_gmt":"2010-09-08T15:14:39","slug":"context-free-art-tutorial-9","status":"publish","type":"post","link":"http:\/\/www.magicandlove.com\/blog\/2010\/09\/06\/context-free-art-tutorial-9\/","title":{"rendered":"Context Free Art &#8211; Tutorial 9"},"content":{"rendered":"<p>These exercises take a closer look at the colour information, <em>hue<\/em>, <em>saturation<\/em> and <em>brightness<\/em>.<\/p>\n<pre>startshape Bryan\r\n\r\npath Line {\r\n\tMOVETO {x 0 y -9}\r\n\tLINETO {x 0 y 9}\r\n\tSTROKE {sat 1 b 1}\r\n}\r\n\r\nrule Bryan {\r\n\t360 * {x 0.05 h 1} Line {}\r\n}<\/pre>\n<figure id=\"attachment_103\" aria-describedby=\"caption-attachment-103\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-103\" title=\"hue\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan01.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan01.png 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan01-150x150.png 150w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan01-300x300.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-103\" class=\"wp-caption-text\">Hue information<\/figcaption><\/figure>\n<pre>startshape Bryan\r\n\r\npath Line {\r\n\tMOVETO {x 0 y -9}\r\n\tLINETO {x 0 y 9}\r\n\tSTROKE {h 200 sat 0 b 1}\r\n}\r\n\r\nrule Bryan {\r\n\t400 * {x 0.05 sat 0.003} Line {}\r\n}<\/pre>\n<figure id=\"attachment_104\" aria-describedby=\"caption-attachment-104\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-104\" title=\"saturation\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan02.png\" alt=\"\" width=\"480\" height=\"434\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan02.png 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan02-300x271.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-104\" class=\"wp-caption-text\">Saturation information<\/figcaption><\/figure>\n<p><span style=\"font-size: x-small;\"><span style=\"line-height: 19px;\"> <\/span><\/span><\/p>\n<p><span style=\"font-size: x-small;\"> <\/span><\/p>\n<pre>startshape Bryan\r\n\r\npath Line {\r\n\tMOVETO {x 0 y -9}\r\n\tLINETO {x 0 y 9}\r\n\tSTROKE {h 0 sat 1 b 0}\r\n}\r\n\r\nrule Bryan {\r\n\t400 * {x 0.05 b 0.003} Line {}\r\n}<\/pre>\n<figure id=\"attachment_105\" aria-describedby=\"caption-attachment-105\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-105\" title=\"brightness\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan03.png\" alt=\"\" width=\"480\" height=\"434\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan03.png 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/Bryan03-300x271.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-105\" class=\"wp-caption-text\">Brightness information<\/figcaption><\/figure>\n<pre>startshape MyShape\r\n\r\nrule MyLine {\r\n\tTRIANGLE {s 0.016 1 sat 1 b 1}\r\n}\r\n\r\nrule MyShape {\r\n\t360 * {r 1 h 1} MyLine {y -0.60}\r\n}<\/pre>\n<figure id=\"attachment_109\" aria-describedby=\"caption-attachment-109\" style=\"width: 480px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-109\" title=\"Colour wheel\" src=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/class02d.png\" alt=\"\" width=\"480\" height=\"480\" srcset=\"http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/class02d.png 480w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/class02d-150x150.png 150w, http:\/\/www.magicandlove.com\/blog\/wp-content\/uploads\/2010\/09\/class02d-300x300.png 300w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><figcaption id=\"caption-attachment-109\" class=\"wp-caption-text\">Colour wheel<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>These exercises take a closer look at the colour information, hue, saturation and brightness. startshape Bryan path Line { MOVETO {x 0 y -9} LINETO {x 0 y 9} STROKE {sat 1 b 1} } rule Bryan { 360 * {x 0.05 h 1} Line {} } startshape Bryan path Line { MOVETO {x 0 [&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,17,12],"class_list":["post-102","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-context-free-art","tag-hsb","tag-tutorial"],"_links":{"self":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/102","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=102"}],"version-history":[{"count":5,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":111,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/posts\/102\/revisions\/111"}],"wp:attachment":[{"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/media?parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/categories?post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.magicandlove.com\/blog\/wp-json\/wp\/v2\/tags?post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}