{"id":562,"date":"2025-01-04T00:06:06","date_gmt":"2025-01-04T00:06:06","guid":{"rendered":"https:\/\/sites.wsagames.com\/jr16g23\/?page_id=562"},"modified":"2025-01-17T21:35:34","modified_gmt":"2025-01-17T21:35:34","slug":"prototyping","status":"publish","type":"page","link":"https:\/\/sites.wsagames.com\/jr16g23\/prototyping\/","title":{"rendered":"Prototyping"},"content":{"rendered":"\n<figure class=\"wp-block-video\"><video height=\"480\" style=\"aspect-ratio: 640 \/ 480;\" width=\"640\" controls src=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Untitled-video-Made-with-Clipchamp-5.mp4\"><\/video><figcaption class=\"wp-element-caption\">Retrieving Items prototype created in <em>Powerpoint<\/em><\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Process:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201015-1024x574.png\" alt=\"\" class=\"wp-image-885\" style=\"width:796px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201015-1024x574.png 1024w, https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201015-300x168.png 300w, https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201015-768x431.png 768w, https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201015.png 1327w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In order for the slides to know when to change I began by adding a shape on the mirror.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"252\" height=\"389\" src=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201103.png\" alt=\"\" class=\"wp-image-887\" style=\"width:213px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201103.png 252w, https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201103-194x300.png 194w\" sizes=\"(max-width: 252px) 100vw, 252px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I then right clicked on the shape, scrolled down to option fill and selected no fill and no line so the shape was no longer visible.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"359\" height=\"404\" src=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201210.png\" alt=\"\" class=\"wp-image-888\" style=\"width:256px;height:auto\" srcset=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201210.png 359w, https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/Screenshot-2025-01-16-201210-267x300.png 267w\" sizes=\"(max-width: 359px) 100vw, 359px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">After the shape was made invisible I added an action under the insert heading. For the first slide I needed it to change slides when the mouse was over the shape rather than when clicked so I set the hyperlink to &#8216;Mouse Over&#8217; and Hyperlink to: Next Slide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I repeated the same process for the rest of the slides, adding shapes over places where you needed to interact, however some slides required more.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"537\" height=\"266\" src=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/image-19.png\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/image-19.png 537w, https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/image-19-300x149.png 300w\" sizes=\"(max-width: 537px) 100vw, 537px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">On slide 3 I needed the glass shard from the mirror to fall, meaning I needed to add animation to it. To do this I first added the mirror shard as a separate image and selected the animation heading. Under this I could add any animation I wanted, and I found an animation to make the shard fall under motion paths. I selected the &#8216;down&#8217; motion path.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For me, the animation was too slow so I lowered the duration to 00.75 seconds, initially making it faster.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"226\" height=\"287\" src=\"https:\/\/sites.wsagames.com\/jr16g23\/wp-content\/uploads\/sites\/23\/2025\/01\/image-20.png\" alt=\"\" class=\"wp-image-892\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is where I had set the shard to fall.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For the rest of the slides I repeated the process and experimented with some other animations. Overall I&#8217;m happy with how this turned out and is an easy way to show people how the game would work.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Process: In order for the slides to know when to change I began by adding a shape on the mirror. I then right clicked on the shape, scrolled down to option fill and selected no fill and no line so the shape was no longer visible. After the shape was made invisible I added an [&hellip;]<\/p>\n","protected":false},"author":24,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-562","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages\/562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/users\/24"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/comments?post=562"}],"version-history":[{"count":6,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages\/562\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/pages\/562\/revisions\/896"}],"wp:attachment":[{"href":"https:\/\/sites.wsagames.com\/jr16g23\/wp-json\/wp\/v2\/media?parent=562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}