Forum Discussion

JoanneChen's avatar
JoanneChen
Super Hero
3 years ago

Demo: Detective Security Leaks within 360 panorama

I used to love using 2D office layouts for creating learning activities for different course topics. Learners can explore the virtual office and learn to deal with whatever might actually happened in real world and that always leads to a good learning performance. So when Storyline add the 360 image function, I think I should transform the virtual office from 2D to 360 panorama and see how it works.

Below are the functions I want to test in the new 360 image:

  • Zoom in/out function: I got this worked, however the tooltip won't show while the 360 image is zoomed in, I hope Articulate team will fix this. I think I don't actually need zoom function in this demo but I can see in different applications will need it.
  • Jump between different 360 images: I am satisfied with this, they can be in different slides or different layers.
  • A message(layer) shows properly no matter it is zoomed or not: it won't be a problem if no zoom function here. But since I use zoom function, and a layer will also be zoomed when opening. It took me a little time to figure out how to zoom out first when a layer opens so it will show the correct size I want.
  • The shown message(layer) hides automatically(without clicking close) when user keep exploring: it also works as expect in a 360 image environment.  

One thing I found weird is if I click on any non interactive area of the 360 image, the hotspots I've interacted with will also show at the same time. I assume that's a bug for beta version.

Demo

  • It's great to hear that you are exploring the use of 360 panorama images for creating engaging learning activities! It seems like you have already tested various functions and encountered a few issues. Let's address each of them:

    1. Zoom in/out function: You mentioned that the zoom function is working, but the tooltip doesn't show when the image is zoomed in. This could be a limitation or bug in the current version of the software you're using. It would be beneficial to report this issue to the Articulate team so they can be aware of it and consider fixing it in future updates.

    2. Jump between different 360 images: It's great to hear that you are satisfied with the ability to jump between different 360 images. This functionality allows for more immersive and interactive experiences within your learning activities.

    3. Message (layer) visibility while zoomed: You mentioned that when you open a layer while zoomed in, it takes some time to figure out how to zoom out first so that the layer displays at the correct size. It's important to ensure that the layer is set up to display at the desired size and position within the zoomed-in environment. Consider adjusting the layer properties or settings to achieve the desired outcome.

    4. Automatic hiding of shown messages (layers): You mentioned that the shown message (layer) hides automatically when users keep exploring, which is the expected behavior in a 360 image environment. This is great as it allows users to focus on exploring the virtual space without being interrupted by unnecessary overlays.

    5. Hotspots showing when clicking non-interactive areas: You observed that clicking on non-interactive areas of the 360 image causes the hotspots you've previously interacted with to show simultaneously. This does sound like a bug or unexpected behavior, especially if the hotspots are not intended to be visible in non-interactive areas. You may want to report this issue to the Articulate team so they can investigate and address it.

    Overall, it seems like you have made good progress in testing the functions of the 360 panorama image within your learning activities. Remember to provide feedback and report any issues you encounter to the software provider, as this can contribute to improving the functionality and user experience for future versions.

  • RobynGKnapp's avatar
    RobynGKnapp
    Community Member

    Hello

     

    It's great to hear that you are satisfied with the ability to jump between different 360 images. This functionality allows for more immersive and interactive experiences within your learning activities.

     

    Regards

  • MishrikKhan's avatar
    MishrikKhan
    Community Member

    In the new 360 image functionality in Storyline, the user has tested several functions, including zoom in/out, jumping between different 360 images, displaying messages (layers) properly, and having them hide automatically while exploring. However, they found a bug in the beta version where clicking on a non-interactive area of the 360 image causes previously interacted hotspots to show simultaneously...!

  • To enlarge:

    gsap.to(panoramaImg, duration:1, scale:2); var panoramaImg = document.querySelectorAll("canvas");

    --> Any name can be used to refer to the variable.
    --> Since the image is a canvas, the query selector must be All (you can see this by analyzing the module and noticing that the image is a "canvas").
    - Duration is adjustable (1 works well for the zooming effect).
    --> You can also vary the scale (2 is x2, don't zoom in too much if the quality is low).


    For enlarge:

    gsap.to(panoramaImg, duration:1, scale:1); var panoramaImg = document.querySelectorAll("canvas");

    Similar to previously, but with a scale of 1 (the entire image).

    Additionally, remember to run the javascript with a trigger (in this case, by clicking on icons 1 and 2 to zoom in and out, respectively).
    Do not neglect to replace icons 1 and 2 are normal, conceal them. When icons 1 and 2 are normal, reveal them.
    Don't forget to click on icon 1 to conceal it, and click on icon 2 to hide it.

    You can't do it by state (unless you already know the answer; in that case, please share it with us!)

  • It seems that the tooltip functionality might be disabled when the 360 image is zoomed in. This could be due to a conflict in the code or settings. I recommend checking the code for any conditions or events related to zooming that might be affecting the tooltip display. Additionally, reviewing the plugin or library documentation for specific guidance on tooltips during zoomed-in states could be helpful in resolving this issue.

  • levalol's avatar
    levalol
    Community Member

    Hi, thanks for wonderful information.  I'll now regularly use this platform to solve my problems. Thank you everyone.

  • TechGara's avatar
    TechGara
    Community Member

    Wow!! What an amazing post this is. I got solution from here within no time. Hope it will help more people as well. Thanks for this platform. 

  • DiyanMaxx's avatar
    DiyanMaxx
    Community Member

    Examining security within a 360-degree scope demands meticulous scrutiny to pinpoint potential leaks. It necessitates a detective-like approach, combing through every angle, identifying vulnerabilities, and fortifying defenses. The comprehensive view offers insight into the entire landscape, enabling proactive measures to patch potential breaches. This panoramic assessment is critical, ensuring a thorough understanding of the security framework, empowering preemptive actions to safeguard against any potential threats.

  • BWoods's avatar
    BWoods
    Former Staff

    Hi. Would you be able to show a screenshot of the problem you're experiencing?