{"id":10349,"date":"2018-04-24T09:19:18","date_gmt":"2018-04-24T16:19:18","guid":{"rendered":"http:\/\/pasadena-library.net\/kids\/?p=10349"},"modified":"2018-05-01T17:28:23","modified_gmt":"2018-05-02T00:28:23","slug":"spiralizer-art-kids-coding-club","status":"publish","type":"post","link":"http:\/\/pasadena-library.net\/kids\/2018\/spiralizer-art-kids-coding-club\/","title":{"rendered":"Spiralizer Art: Kids&#8217; Coding Club"},"content":{"rendered":"<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4865.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10357\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4865-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4865-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4865-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4867.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10358\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4867-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4867-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4867-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4870.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10359\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4870-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4870-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4870-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4871.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10360\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4871-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4871-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4871-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4872.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10361\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4872-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4872-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4872-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>By Illyanna Logan<\/p>\n<p>Last Thursday we had our April session of the Kids Coding Club, where we did a project that explored using coding to make digital art. We tried an activity from <a href=\"https:\/\/pasadena.iii.com\/iii\/encore\/record\/C__Rb1609127\" target=\"_blank\" rel=\"noopener\">Coding Projects in Scratch<\/a> by Jon Woodcock, where we used Scratch to create a spiralizer that made fun, colorful designs. <a href=\"http:\/\/scratch.mit.edu\">Scratch<\/a> is a web-based coding platform that allows kids to learn the basic principles of coding in a block-based environment where they can drag and connect blocks that program the characters, or sprites, that they\u2019ve selected to do different things.<\/p>\n<p><a href=\"https:\/\/pasadena.iii.com\/iii\/encore\/record\/C__Rb1609127\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large\" src=\"http:\/\/images.btol.com\/ContentCafe\/Jacket.aspx?UserID=ContentCafeClient&amp;Password=Client&amp;Return=T&amp;Type=L&amp;Value=9781465451422\" width=\"400\" height=\"472\" \/><\/a><\/p>\n<p>For the spiralizer project, the kids wrote code in Scratch to make a ball start in the middle of the screen and then create an infinite number of clones of itself that move away from center at a set speed and angle, thus creating a spiral pattern of balls. This project really let the kids get even more creative than I anticipated, with lots of them picking sprites other than balls. We had spiraling unicorns, puppies, and fortune cookies among other choices.<\/p>\n<p>Once the kids coded their sprites to clone and spiral, we were able to create controls that allowed them to adjust the speed and angle of the motion of the clones, changing the look of the spiral as it went. Once again all the participants got creative with trying new angles and speeds as well as different background colors.<\/p>\n<p>&nbsp;<\/p>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/fbbjcZz6zvo?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4847.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10350\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4847-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4847-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4847-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4848.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10351\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4848-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4848-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4848-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4855.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-10355\" src=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4855-1024x683.jpg\" alt=\"\" width=\"800\" height=\"534\" srcset=\"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4855-1024x683.jpg 1024w, http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4855-300x200.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Finally, we added code that made each of the cloned sprites draw a line as it moved creating colorful lined patterns that changed with the speed and angle of the spiral. Kids played with different colors and line width to create some truly unique designs. Each time they would clear the slate and start the spiral again, a new design would emerge depending on the speed, angle, color, and line width that they set in their code. They created variables for speed and angle that could be adjusted with a slider, so that they could also watch their design change in real time.<\/p>\n<p>Check out their cool creations!<\/p>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/OKdQIT6WlpI?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/zh7_rtNDwhE?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/x7ynpB1-OP0?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/bkTbi38Oqu4?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/E1--vYrCd_k?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/9OeXh2kNl74?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/pYHsbTX9loc?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n<div class=\"jetpack-video-wrapper\"><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/1r2CyjZIZjk?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/div>\n","protected":false},"excerpt":{"rendered":"<p>By Illyanna Logan Last Thursday we had our April session of the Kids Coding Club, where we did a project that explored using coding to make digital art. We tried an activity from Coding Projects in Scratch by Jon Woodcock, where we used Scratch to create a spiralizer that made [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":10359,"comment_status":"closed","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":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[4,222],"tags":[76,206,228,241,207],"class_list":["post-10349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-events","category-stem","tag-coding","tag-graphic-design","tag-school-age","tag-tweens","tag-videos"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"http:\/\/pasadena-library.net\/kids\/wp-content\/blogs.dir\/10\/files\/sites\/10\/2018\/04\/DSC_4870.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p71KT0-2GV","jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/posts\/10349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/comments?post=10349"}],"version-history":[{"count":5,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/posts\/10349\/revisions"}],"predecessor-version":[{"id":10422,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/posts\/10349\/revisions\/10422"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/media\/10359"}],"wp:attachment":[{"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/media?parent=10349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/categories?post=10349"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/pasadena-library.net\/kids\/wp-json\/wp\/v2\/tags?post=10349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}