Labeled graphics interactions are one of the most popular interactions because they’re easy to create and only need a single image to turn static visuals into interactive, explore-type activi...
Published 4 months ago
Version 1.0
Blog Post
Hello!
This week I've used the 360° image feature and a smattering of Javascript to mimic a live social media broadcast.
Can you correctly guess WHERE AM I?
Demo: https://bit.ly/elhc467
Download: https://bit.ly/elhc467dl (JavaScript)
This week I've used the 360° image feature and a smattering of Javascript to mimic a live social media broadcast.
Can you correctly guess WHERE AM I?
Demo: https://bit.ly/elhc467
Download: https://bit.ly/elhc467dl (JavaScript)
The 360° image was created using Blockade Labs' Skybox app.
I also used ChatGPT to help me write the code that tracks the motion of the image, the code that alters the position of the closed captions, and to power the phone-style keypad.
Links to follow.
I also used ChatGPT to help me write the code that tracks the motion of the image, the code that alters the position of the closed captions, and to power the phone-style keypad.
Links to follow.
- Here's the code that tracks the movement of the 360 image, be it via keyboard, mouse or touch. These movements are captured in four True/False variables (MovedRight, MovedLeft, MovedUp, MovedDown), which trigger the fake comments and additional narration.
https://bit.ly/elhc467dl- Hello Jonothan. I was curious to discover your new invention of course, and I tried the JScode but nothing happens. The 4 variables are not modified by the movement of the mouse/keyboard. What have I done wrong? Is there another trick? I've attached a mini file.story test as a comment on my OWN Review so as not to pollute yours. Can you take an expert look?
- Fixed it for you. The variable names are case sensitive and have to match exactly. Updated file shared in the comments on Review.
