{"id":2141,"date":"2026-10-11T11:01:17","date_gmt":"2026-10-11T10:01:17","guid":{"rendered":"https:\/\/www.interactiveclassroom.net\/?page_id=2141"},"modified":"2026-10-11T11:33:32","modified_gmt":"2026-10-11T10:33:32","slug":"playable-pictures","status":"publish","type":"page","link":"https:\/\/www.interactiveclassroom.net\/?page_id=2141","title":{"rendered":"Playable Pictures"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Playable Pictures is a piece of software which enables you to turn things from the real world into a playable platform level. Children can draw or build a level or even play through the live video feed in AR mode! (See below for instructions.)<\/p>\n\n\n\n<iframe loading=\"lazy\" frameborder=\"1\" src=\"https:\/\/itch.io\/embed-upload\/19669714?color=ffffff\" allowfullscreen=\"\" width=\"1280\" height=\"760\"><a href=\"https:\/\/geekynicki.itch.io\/playable-pictures\">Play Playable Pictures on itch.io<\/a><\/iframe>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"90\" src=\"https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen-1024x90.png\" alt=\"\" class=\"wp-image-2142\" style=\"aspect-ratio:11.380633645693887;width:341px;height:auto\" srcset=\"https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen-1024x90.png 1024w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen-300x26.png 300w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen-766x67.png 766w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen-297x26.png 297w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen-624x55.png 624w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/fullScreen.png 1097w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\">INSTRUCTIONS<\/h1>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-theme-color-color has-alpha-channel-opacity has-theme-color-background-color has-background is-style-wide\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Draw or make your own level and either import an image or play over the camera feed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the tools to map out which parts of your level are solid, covered, deadly or climbable then hit the play button to try out your level!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Files are saved locally to your own browser.\u00a0The save and load buttons, just save the mapping so no images are saved.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">STEP 1<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Draw or build your level and take a picture (the level&#8217;s playing area is the same aspect ratio of an A4 page):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"719\" src=\"https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-1024x719.jpg\" alt=\"\" class=\"wp-image-2144\" style=\"aspect-ratio:1.4242475009772715;width:536px;height:auto\" srcset=\"https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-1024x719.jpg 1024w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-300x211.jpg 300w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-767x539.jpg 767w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-1536x1079.jpg 1536w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-2048x1438.jpg 2048w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-299x210.jpg 299w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/1789455750425-1e896929-04e6-468b-a472-14b5ef28b27a2-624x438.jpg 624w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">STEP 2<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Import into Playable Pictures and map out the different areas (<strong>solid, climbable, deadly, masked<\/strong>):<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"725\" src=\"https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-1024x725.jpg\" alt=\"\" class=\"wp-image-2146\" style=\"aspect-ratio:1.4124162374702331;width:535px;height:auto\" srcset=\"https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-1024x725.jpg 1024w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-300x213.jpg 300w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-768x544.jpg 768w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-1536x1088.jpg 1536w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-2048x1451.jpg 2048w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-299x212.jpg 299w, https:\/\/www.interactiveclassroom.net\/wp-content\/uploads\/2026\/10\/screenshot-624x442.jpg 624w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">STEP 3<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Press the play button to test out your level!<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Playable Pictures Walkthrough\" width=\"625\" height=\"352\" src=\"https:\/\/www.youtube.com\/embed\/Vq-CUcYBtPk?start=10&amp;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Playable Pictures is a piece of software which enables you to turn things from the real world into a playable platform level. Children can draw or build a level or&#8230; <a href=\"https:\/\/www.interactiveclassroom.net\/?page_id=2141\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-2141","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=\/wp\/v2\/pages\/2141","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2141"}],"version-history":[{"count":14,"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=\/wp\/v2\/pages\/2141\/revisions"}],"predecessor-version":[{"id":2162,"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=\/wp\/v2\/pages\/2141\/revisions\/2162"}],"wp:attachment":[{"href":"https:\/\/www.interactiveclassroom.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}