A simple RPG game menu with various options inspired by Larian Studios work on 'Divinity Original Sin' series. • DISCLAIMER: Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for quot; fair use amp; quot; for purposes: such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute That Might Otherwise be infringing. Non-profit, educational staff or use tips the balance in Behalf of fair use. I do not own the song used in this prototype.

A simple to do list project. Input into the text field and click 'Add' to add to your list. You can clear things you have done and reset the list after 8 inputs have been added.

A simple project that changes the route of the Google Maps embed code using the HTML component found in Proto.io using states. Use the menu below the map to navigate to switch to another route or another map format. Format 1 changes based on menu selection using Google Maps. Format 2 changes based on both menu and route on map using images.

Online Fashion App Project

A simple spaceship animation using 'Animate Item' & states. Design Source: https://www.sketchappsources.com/free-source/3673-rocket-illustration-sketch-freebie-resource.html

Mouse over and out to toggle between the active and inactive state. Click to select the active state, click again to deselect. Showcases the power of containers in Proto.io. Each emoji is converted into a container (through the right-click menu). The individual emoji containers have two states: selected and deselected. The parent container contains all the emoji containers. This parent container has 6 states: non-selected, and the active state for each emoji (5). The click/tap trigger changes the both the individual emoji state, and respective parent container state to the active emoji. Easily change the emojis to any other one you choose while maintaining all the interactions. Make sure to click into each individual emoji container and double-click the current emoji and replace the image with the new one from the asset library. Replacing the image by double-clicking the existing one preserves the grayscale in the deselected state. Enjoy!