{"id":6442,"date":"2020-10-11T22:21:38","date_gmt":"2020-10-12T02:21:38","guid":{"rendered":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/?p=6442"},"modified":"2020-10-12T01:37:22","modified_gmt":"2020-10-12T05:37:22","slug":"lampsauce-solisandbox-1-3","status":"publish","type":"post","link":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shivanapandrew-cmu-edu\/10\/11\/lampsauce-solisandbox-1-3\/","title":{"rendered":"lampsauce-SoliSandbox (1\/3)"},"content":{"rendered":"<h1 style=\"text-align: center\">Tile World Builder<\/h1>\n<p><iframe title=\"tile world builder\" width=\"840\" height=\"473\" src=\"https:\/\/www.youtube.com\/embed\/BVPz4y8707s?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<figure id=\"attachment_6443\" aria-describedby=\"caption-attachment-6443\" style=\"width: 625px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"wp-image-6443 size-medium\" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-04-at-4.45.21-PM-625x480.png\" alt=\"\" width=\"625\" height=\"480\" srcset=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-04-at-4.45.21-PM-625x480.png 625w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-04-at-4.45.21-PM-768x590.png 768w, https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/Screen-Shot-2020-10-04-at-4.45.21-PM.png 1006w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-6443\" class=\"wp-caption-text\">Example of creative possibilities with tile world builder<\/figcaption><\/figure>\n<pre>This project allows users to create a world using Everest Pipkin's <a href=\"https:\/\/withering-systems.itch.io\/city-game-tileset?download\" target=\"_blank\" rel=\"noopener noreferrer\">city game tilset<\/a>. It was built using p5.js and p5.speech(). Soli swipe events allow users to move the cursor location, and parsed speech from p5.speech() allows users to place custom tiles. However, at the time of making this, Soli Sandbox did not support microphone access. The way I got the version filmed to work was by using two devices: the Pixel 4 updated the cursor and my laptop's microphone updated the world. Both devices were networked via socket.io.\r\n\r\nBrowser version =&gt; ( <a href=\"https:\/\/tile-world-builder.glitch.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">app<\/a> | <a href=\"https:\/\/glitch.com\/edit\/#!\/tile-world-builder\" target=\"_blank\" rel=\"noopener noreferrer\">code<\/a> )\r\n*use arrow keys in place of swipe events\r\nPhone version =&gt; ( <a href=\"https:\/\/soli-tile-world-builder.glitch.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">app<\/a> | <a href=\"https:\/\/glitch.com\/edit\/#!\/soli-tile-world-builder\" target=\"_blank\" rel=\"noopener noreferrer\">code<\/a> )\r\n^^ this version is really jank<\/pre>\n<p><img loading=\"lazy\" class=\"aligncenter wp-image-6444 \" src=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-content\/uploads\/2020\/10\/screen-20201011-094456.gif\" alt=\"\" width=\"342\" height=\"722\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tile World Builder This project allows users to create a world using Everest Pipkin&#8217;s city game tilset. It was built using p5.js and p5.speech(). Soli swipe events allow users to move the cursor location, and parsed speech from p5.speech() allows users to place custom tiles. However, at the time of making this, Soli Sandbox did &hellip; <a href=\"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/shivanapandrew-cmu-edu\/10\/11\/lampsauce-solisandbox-1-3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;lampsauce-SoliSandbox (1\/3)&#8221;<\/span><\/a><\/p>\n","protected":false},"author":56,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[58],"tags":[],"_links":{"self":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6442"}],"collection":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/users\/56"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/comments?post=6442"}],"version-history":[{"count":7,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6442\/revisions"}],"predecessor-version":[{"id":6486,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/posts\/6442\/revisions\/6486"}],"wp:attachment":[{"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/media?parent=6442"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/categories?post=6442"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.ideate.cmu.edu\/60-212\/f2020\/wp-json\/wp\/v2\/tags?post=6442"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}