{"id":1456,"date":"2021-09-01T06:46:00","date_gmt":"2021-09-01T06:46:00","guid":{"rendered":"https:\/\/www.thecodehub.ie\/news\/?p=1456"},"modified":"2021-08-31T09:38:53","modified_gmt":"2021-08-31T09:38:53","slug":"new-toys-animating-images","status":"publish","type":"post","link":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/","title":{"rendered":"New Toys! Animating Images"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignleft size-medium is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1368\" data-permalink=\"https:\/\/www.thecodehub.ie\/news\/2021\/06\/03\/the-code-hub-adventures-new-swift-playgrounds\/matticon21\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?fit=421%2C421&amp;ssl=1\" data-orig-size=\"421,421\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"MattIcon21\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?fit=421%2C421&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?resize=225%2C225&#038;ssl=1\" alt=\"\" class=\"wp-image-1368\" width=\"225\" height=\"225\" srcset=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?w=421&amp;ssl=1 421w\" sizes=\"auto, (max-width: 225px) 85vw, 225px\" \/><\/figure><\/div>\n\n\n\n<p>I had a great question from a teacher at a secondary school here in Ireland about animating images in a Swift Playground. The question was basically: How do I do it in a playground with Swift?<\/p>\n\n\n\n<p>You can go to the source, of course, and <a href=\"https:\/\/developer.apple.com\/documentation\/uikit\/uiimage\/1624149-animatedimage\">check out the documentation<\/a>, but I&#8217;ve added a new playground to <a href=\"https:\/\/www.thecodehub.ie\/news\/2021\/06\/03\/the-code-hub-adventures-new-swift-playgrounds\/\">our new Adventures feed<\/a> to show off two ways (sort of) to display an animated image.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"137\" data-attachment-id=\"1457\" data-permalink=\"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/newplayground-adventures\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?fit=2048%2C334&amp;ssl=1\" data-orig-size=\"2048,334\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"NewPlayground-Adventures\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?fit=840%2C137&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?resize=840%2C137&#038;ssl=1\" alt=\"\" class=\"wp-image-1457\" srcset=\"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?resize=1024%2C167&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?resize=300%2C49&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?resize=768%2C125&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?resize=1536%2C251&amp;ssl=1 1536w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?resize=1200%2C196&amp;ssl=1 1200w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?w=2048&amp;ssl=1 2048w, https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/08\/NewPlayground-Adventures.png?w=1680&amp;ssl=1 1680w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.thecodehub.ie\/playgrounds\/\">https:\/\/www.thecodehub.ie\/playgrounds\/<\/a><\/p>\n\n\n\n<p>Our Adventures feed, for those of you just joining us, or who&#8217;ve forgotten, is aimed at slightly more advanced folks. It explores things like SwiftUI, UIKit in playgrounds, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The PlaygroundBook: Animating Images<\/h2>\n\n\n\n<p>The new playground book is called Animating Images and shows you how to use some of the cool capabilities in <code>UIImageView<\/code> to display a series of images over a certain amount of time.<\/p>\n\n\n\n<p>The first page is an implementation of animated images using <code>UIImage<\/code> and <code>UIImageView<\/code>. We pass an array of images to a static method on <code>UIImage<\/code> and set the duration over which they should be displayed. Play around with different numbers of images and duration to fine tune your animation.  Make sure to read through the comments, which will show you other ways of using <code>UIImageView<\/code>.<\/p>\n\n\n\n<p>The second page implements the same thing, but with SwiftUI. It cheats, a little bit. The <code>Image<\/code> view that you would use to display images in SwiftUI doesn&#8217;t animate <code>UIImage<\/code>s that are animations. Try it out, instead of using our new <code>AnimatedImage<\/code> view, comment that line out and add this line:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"swift\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\u00a0 \u00a0 \u00a0 \u00a0 Image(uiImage: self.animatedImage)<\/pre>\n\n\n\n<p>You&#8217;ll see a very static image that only displays our first image from the array. Our <code>AnimatedImage<\/code> addition is simply a wrapper around UIKit&#8217;s <code>UIImageView<\/code>. We <em>could<\/em> have used Combine or some other clever way to update our view with images. But this approach simply takes advantage of a well-known component we can re-use without too much pain.<\/p>\n\n\n\n<p>Try it out, play around with your own images, your own timing, and see what kind of animated image you can create!<\/p>\n\n\n\n<p>You can subscribe to our Adventures feed (or the original feed) here <a href=\"https:\/\/www.thecodehub.ie\/playgrounds\/\">https:\/\/www.thecodehub.ie\/playgrounds\/<\/a> from your iPad. Alternatively, if you use Playgrounds on a Mac, you can paste this URL into the subscription bar: https:\/\/www.thecodehub.ie\/playgrounds\/adventures\/feed.json<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I had a great question from a teacher at a secondary school here in Ireland about animating images in a Swift Playground. The question was basically: How do I do it in a playground with Swift? You can go to the source, of course, and check out the documentation, but I&#8217;ve added a new playground &hellip; <a href=\"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;New Toys! Animating Images&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":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":"New Toys! Animating Images\n#SwiftPlaygrounds #EveryoneCanCode","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},"jetpack_post_was_ever_published":false},"categories":[9,8],"tags":[],"class_list":["post-1456","post","type-post","status-publish","format-standard","hentry","category-coding-at-home","category-swift-playgrounds"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>New Toys! Animating Images &#060; The Code Hub<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"New Toys! Animating Images &#060; The Code Hub\" \/>\n<meta property=\"og:description\" content=\"I had a great question from a teacher at a secondary school here in Ireland about animating images in a Swift Playground. The question was basically: How do I do it in a playground with Swift? You can go to the source, of course, and check out the documentation, but I&#8217;ve added a new playground &hellip; Continue reading &quot;New Toys! Animating Images&quot;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/\" \/>\n<meta property=\"og:site_name\" content=\"The Code Hub\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/thecodehub\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-01T06:46:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21-300x300.png\" \/>\n<meta name=\"author\" content=\"mhanlon\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@thecodehubIE\" \/>\n<meta name=\"twitter:site\" content=\"@thecodehubIE\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"mhanlon\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/\"},\"author\":{\"name\":\"mhanlon\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#\\\/schema\\\/person\\\/5a4e2bec3c92667356dda979a9f61fcd\"},\"headline\":\"New Toys! Animating Images\",\"datePublished\":\"2021-09-01T06:46:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/\"},\"wordCount\":385,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/MattIcon21-300x300.png\",\"articleSection\":[\"Coding at Home\",\"Swift Playgrounds\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/\",\"url\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/\",\"name\":\"New Toys! Animating Images &#060; The Code Hub\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/MattIcon21-300x300.png\",\"datePublished\":\"2021-09-01T06:46:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.thecodehub.ie\\\/news\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/MattIcon21.png?fit=421%2C421&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.thecodehub.ie\\\/news\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/MattIcon21.png?fit=421%2C421&ssl=1\",\"width\":421,\"height\":421},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/2021\\\/09\\\/01\\\/new-toys-animating-images\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Toys! Animating Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/\",\"name\":\"The Code Hub\",\"description\":\"News from the Code Hub\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#organization\",\"name\":\"The Code Hub\",\"url\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.thecodehub.ie\\\/news\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/TheCodeHubLogo.001-copy.png?fit=226%2C264&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.thecodehub.ie\\\/news\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/TheCodeHubLogo.001-copy.png?fit=226%2C264&ssl=1\",\"width\":226,\"height\":264,\"caption\":\"The Code Hub\"},\"image\":{\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/facebook.com\\\/thecodehub\",\"https:\\\/\\\/x.com\\\/thecodehubIE\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCx4bznoGDfjJRPfTa4LF9dA\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.thecodehub.ie\\\/news\\\/#\\\/schema\\\/person\\\/5a4e2bec3c92667356dda979a9f61fcd\",\"name\":\"mhanlon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b9c657ee2e998340415a9b0faf3625ca2ae609c77433fb6c67b3e7f547e5ba1b?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b9c657ee2e998340415a9b0faf3625ca2ae609c77433fb6c67b3e7f547e5ba1b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b9c657ee2e998340415a9b0faf3625ca2ae609c77433fb6c67b3e7f547e5ba1b?s=96&d=mm&r=g\",\"caption\":\"mhanlon\"},\"sameAs\":[\"https:\\\/\\\/www.thecodehub.ie\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"New Toys! Animating Images &#060; The Code Hub","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/","og_locale":"en_US","og_type":"article","og_title":"New Toys! Animating Images &#060; The Code Hub","og_description":"I had a great question from a teacher at a secondary school here in Ireland about animating images in a Swift Playground. The question was basically: How do I do it in a playground with Swift? You can go to the source, of course, and check out the documentation, but I&#8217;ve added a new playground &hellip; Continue reading \"New Toys! Animating Images\"","og_url":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/","og_site_name":"The Code Hub","article_publisher":"http:\/\/facebook.com\/thecodehub","article_published_time":"2021-09-01T06:46:00+00:00","og_image":[{"url":"https:\/\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21-300x300.png","type":"","width":"","height":""}],"author":"mhanlon","twitter_card":"summary_large_image","twitter_creator":"@thecodehubIE","twitter_site":"@thecodehubIE","twitter_misc":{"Written by":"mhanlon","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#article","isPartOf":{"@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/"},"author":{"name":"mhanlon","@id":"https:\/\/www.thecodehub.ie\/news\/#\/schema\/person\/5a4e2bec3c92667356dda979a9f61fcd"},"headline":"New Toys! Animating Images","datePublished":"2021-09-01T06:46:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/"},"wordCount":385,"commentCount":0,"publisher":{"@id":"https:\/\/www.thecodehub.ie\/news\/#organization"},"image":{"@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21-300x300.png","articleSection":["Coding at Home","Swift Playgrounds"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/","url":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/","name":"New Toys! Animating Images &#060; The Code Hub","isPartOf":{"@id":"https:\/\/www.thecodehub.ie\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#primaryimage"},"image":{"@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#primaryimage"},"thumbnailUrl":"https:\/\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21-300x300.png","datePublished":"2021-09-01T06:46:00+00:00","breadcrumb":{"@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#primaryimage","url":"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?fit=421%2C421&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2021\/06\/MattIcon21.png?fit=421%2C421&ssl=1","width":421,"height":421},{"@type":"BreadcrumbList","@id":"https:\/\/www.thecodehub.ie\/news\/2021\/09\/01\/new-toys-animating-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thecodehub.ie\/news\/"},{"@type":"ListItem","position":2,"name":"New Toys! Animating Images"}]},{"@type":"WebSite","@id":"https:\/\/www.thecodehub.ie\/news\/#website","url":"https:\/\/www.thecodehub.ie\/news\/","name":"The Code Hub","description":"News from the Code Hub","publisher":{"@id":"https:\/\/www.thecodehub.ie\/news\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thecodehub.ie\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thecodehub.ie\/news\/#organization","name":"The Code Hub","url":"https:\/\/www.thecodehub.ie\/news\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thecodehub.ie\/news\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2018\/02\/TheCodeHubLogo.001-copy.png?fit=226%2C264&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.thecodehub.ie\/news\/wp-content\/uploads\/2018\/02\/TheCodeHubLogo.001-copy.png?fit=226%2C264&ssl=1","width":226,"height":264,"caption":"The Code Hub"},"image":{"@id":"https:\/\/www.thecodehub.ie\/news\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/thecodehub","https:\/\/x.com\/thecodehubIE","https:\/\/www.youtube.com\/channel\/UCx4bznoGDfjJRPfTa4LF9dA"]},{"@type":"Person","@id":"https:\/\/www.thecodehub.ie\/news\/#\/schema\/person\/5a4e2bec3c92667356dda979a9f61fcd","name":"mhanlon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b9c657ee2e998340415a9b0faf3625ca2ae609c77433fb6c67b3e7f547e5ba1b?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b9c657ee2e998340415a9b0faf3625ca2ae609c77433fb6c67b3e7f547e5ba1b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b9c657ee2e998340415a9b0faf3625ca2ae609c77433fb6c67b3e7f547e5ba1b?s=96&d=mm&r=g","caption":"mhanlon"},"sameAs":["https:\/\/www.thecodehub.ie"]}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9ABLU-nu","jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/posts\/1456","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/comments?post=1456"}],"version-history":[{"count":4,"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/posts\/1456\/revisions"}],"predecessor-version":[{"id":1461,"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/posts\/1456\/revisions\/1461"}],"wp:attachment":[{"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/media?parent=1456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/categories?post=1456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thecodehub.ie\/news\/wp-json\/wp\/v2\/tags?post=1456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}