interactive
2 TopicsTop-Down game mechanics in Storyline
I was fooling around with the new API and created a proof of concept for some mechanics of a top-down game. You can use the WASD keys to move the robot around. If you roll close to objects, I set a variable that allows a layer to open. Unfortunately, the built in Intersection triggers don't work when you move objects with API method, so you need it to do it through JavaScript. If you move the robot off screen to the right, it will go to the next screen in the correct position it left. Try going back higher up and see how it works. The current demo only allows you to go to slide (or room) 3 and back. I can get the coordinates of a character object and then since you know the slide size, you can trigger variables to get you to the next slide and back. I also built some logic in to prevent the robot from going too far up or too far down. On the last slide that you can get to through the menu, you will notice a demo of a platform concept. Move the oval using the keys and notice that we can simulate gravity like any game engine. I imagine if I implemented the same positional logic that we could create a simple platformer but haven't got there yet. Full disclosure: All assets are generated using ChatGPT 4.0 except for the ovals and the rectangles. 😉 Take a look here. https://360.articulate.com/review/content/6104372d-85cf-41cc-8f81-6f42e3a6c061/reviewSolved321Views4likes5CommentsInteractive World Map for Team Directory
About the Project I wanted to try something fresh by combining glass-morphism with interactive elements for this entry. I created a world map with regions representing different continents, where team members’ real-time availability and time zones are displayed. It’s a practical yet visually engaging way to present team information dynamically. Implementation This project is built using Articulate Storyline, with a focus on interactive popups that showcase team member details. I utilized a glass-morphism style for the map, which not only gives it a modern, elegant look but also improves the user experience by offering clear visual separation for information. The map dynamically updates based on team availability. Demo Link Try out the demo here. About Me I’m an Instructional Designer passionate about interactive e-learning experiences. Let’s connect on LinkedIn.