{"id":375,"date":"2014-07-21T14:36:17","date_gmt":"2014-07-21T04:36:17","guid":{"rendered":"http:\/\/x37v.com\/x37v\/?p=375"},"modified":"2014-07-21T20:55:22","modified_gmt":"2014-07-21T10:55:22","slug":"wwdc2014-apple-logo","status":"publish","type":"post","link":"https:\/\/x37v.com\/x37v\/processing\/wwdc2014-apple-logo\/","title":{"rendered":"Rainbow Apple Logo from WWDC2014 in Processing"},"content":{"rendered":"<p>Watching WWDC 2014 recently, the Apple graphic that was projected behind the presenters caught my eye.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-388\" src=\"http:\/\/x37v.com\/x37v\/wp-content\/uploads\/2014\/07\/WWDC2014.jpg\" alt=\"WWDC2014\" width=\"640\" height=\"360\" srcset=\"https:\/\/x37v.com\/x37v\/wp-content\/uploads\/2014\/07\/WWDC2014.jpg 1280w, https:\/\/x37v.com\/x37v\/wp-content\/uploads\/2014\/07\/WWDC2014-300x168.jpg 300w, https:\/\/x37v.com\/x37v\/wp-content\/uploads\/2014\/07\/WWDC2014-1024x576.jpg 1024w, https:\/\/x37v.com\/x37v\/wp-content\/uploads\/2014\/07\/WWDC2014-620x348.jpg 620w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><br \/>\nI was playing with Processing before watching this, so I started thinking about how such a graphic could be created.  If a <a href=\"http:\/\/x37v.com\/x37v\/sketches\/AppleLogo\/apple-logo-cropped-low-res.jpg\">low resolution image of the Apple logo<\/a> was used as input, the brightness of the pixels could be mapped to the size of the squares.<\/p>\n<p>Here&#8217;s a rough Processing sketch to recreate the projected &#8216;rainbow&#8217; Apple logo from <a href=\"http:\/\/www.apple.com\/au\/apple-events\/june-2014\/\" target=\"_blank\">http:\/\/www.apple.com\/au\/apple-events\/june-2014\/<\/a>.  The source image has a gaussian blur applied to it before downscaling to soften the gradient.  This has the effect of scaling the squares adjacent to the logo&#8217;s edge.<\/p>\n<p>[processing]AppleLogo[\/processing]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Watching WWDC 2014 recently, the Apple graphic that was projected behind the presenters caught my eye. I was playing with Processing before watching this, so I started thinking about how such a graphic could be created. If a low resolution image of the Apple logo was used as input, the brightness of the pixels could [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false},"version":2}},"categories":[22],"tags":[],"class_list":["post-375","post","type-post","status-publish","format-standard","hentry","category-processing"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4SgL0-63","_links":{"self":[{"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/posts\/375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/comments?post=375"}],"version-history":[{"count":34,"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/posts\/375\/revisions"}],"predecessor-version":[{"id":411,"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/posts\/375\/revisions\/411"}],"wp:attachment":[{"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/media?parent=375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/categories?post=375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/x37v.com\/x37v\/wp-json\/wp\/v2\/tags?post=375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}