{"id":247,"date":"2018-05-01T19:04:54","date_gmt":"2018-05-01T19:04:54","guid":{"rendered":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/?page_id=247"},"modified":"2018-05-01T19:15:33","modified_gmt":"2018-05-01T19:15:33","slug":"how-to-use-interaction-boxes","status":"publish","type":"page","link":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/how-to\/how-to-use-interaction-boxes\/","title":{"rendered":"How to use interaction boxes?"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-249 size-medium\" src=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-1-1-254x300.png\" alt=\"\" width=\"254\" height=\"300\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-1-1-254x300.png 254w, https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-1-1.png 526w\" sizes=\"(max-width: 254px) 100vw, 254px\" \/><\/p>\n<p>Each Interaction Box is an event in the game. It is comprised of four parts:<\/p>\n<ol>\n<li>Title: you can name it for future reference. We strongly recommend you to name each of your Interaction Boxes.<\/li>\n<li>Event: What triggers the event.<\/li>\n<li>Condition (optional): What states to check before going to next steps. For details check <span style=\"text-decoration: underline;\">the advanced tutorial on states.<\/span><\/li>\n<li>Reaction: What happens if this event is triggered.<\/li>\n<\/ol>\n<h1>Example<\/h1>\n<p>This Interaction Box makes the post-it reads a message!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-255\" src=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-2.png\" alt=\"\" width=\"1020\" height=\"522\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-2.png 1020w, https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-2-300x154.png 300w, https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-2-768x393.png 768w\" sizes=\"(max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/p>\n<ul>\n<li>Drag &#8220;Click on A&#8221; event into the box, and choose &#8220;Post-it&#8221; in the drop-down menu.<\/li>\n<li>Drag &#8220;Show Dialog&#8221; reaction into the box, and put in the message you want to show.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-256 size-medium\" src=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-4-300x76.png\" alt=\"\" width=\"300\" height=\"76\" srcset=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-4-300x76.png 300w, https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-4.png 583w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<ul>\n<li>You can run the game through the &#8220;Run&#8221; button on top-right corner.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-257\" src=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/wp-content\/uploads\/2018\/05\/4-3.png\" alt=\"\" width=\"1013\" height=\"850\" \/><\/p>\n<ul>\n<li>And Voila! It works!<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Each Interaction Box is an event in the game. It is comprised of four parts: Title: you can name it for future reference. We strongly recommend you to name each of your Interaction Boxes. Event: What triggers the event. Condition (optional): What states to check before going to next steps. For details check the &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/how-to\/how-to-use-interaction-boxes\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to use interaction boxes?&#8221;<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"parent":179,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/pages\/247"}],"collection":[{"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/comments?post=247"}],"version-history":[{"count":3,"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":258,"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/pages\/247\/revisions\/258"}],"up":[{"embeddable":true,"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/pages\/179"}],"wp:attachment":[{"href":"https:\/\/projects-old.etc.cmu.edu\/alice-adventure\/index.php\/wp-json\/wp\/v2\/media?parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}