Creating Immersive Learning Experiences with 360° Images #467

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 activities.

Similarly, 360° images offer the same ease of creation but on a whole new level. They bring static images to life, allowing learners to explore real-world environments as if they were actually there. And that’s what this week’s challenge is all about!

🏆 Challenge of the Week

This week, your challenge is to show how 360° images can be used in e-learning.

If you're a Rise 360, the 360° images feature is a fantastic way to enhance your courses by using Rise 360's Storyline blocks.

🏞️ Looking for 360° Panoramic Stock Photos?

Storyline 360 supports equirectangular panoramas in all standard image formats for creating 360° image interactions. Here are some places you can find royalty-free images:

📸 360°Degree Cameras

Here are four of the most popular 360° cameras:

🧰 Resources

360° Images User Guide

Adding and Editing 360° Images

Tutorials:

✨ Share Your E-Learning Work

Comments: Use the comments section below to link your published example and blog post.
Forums: Start a new thread and share a link to your published example.
Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure.
Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness.

🙌 Last Week’s Challenge:

Before you take this week’s challenge for a spin, check out the accessibility makeovers your fellow challengers shared over the past week:

E-Learning Accessibility Makeovers RECAP #466: Challenge | Recap

👋 New to the E-Learning Challenges?

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.

📆 Upcoming Challenges

Challenge #468 (07.05): Drag-and-drop interactions. This will be a general drag-drop challenge, so you can share anything you like.

35 Comments

Jonathan Hill
Hero

4 days ago06/28/24 at 1:41 pm (UTC)

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? https://bit.ly/elhc467

4 days ago06/28/24 at 1:47 pm (UTC)

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.

3 days ago06/29/24 at 1:52 pm (UTC)

My guess--Scafell Pike? What a beautiful vantage point and a very inventive demo!

3 days ago06/29/24 at 4:06 pm (UTC)

I hope you'll come back before the end of the week to give the answer, Jonathan, because I tried several times and couldn't guess where you were. Great demo. Beautiful landscape, wherever it is.

3 days ago06/29/24 at 4:32 pm (UTC)

Thanks Thierry. The answer isn't a specific place, but a country. (Part of the UK.)

3 days ago06/29/24 at 4:44 pm (UTC)

Riverlands of Westeros is not part of the UK????

Ange CM
Jonathan Hill

3 days ago06/29/24 at 5:10 pm (UTC)

Beautiful! Loved the interaction so much to engage in - a fantastic journey! My guess is Wales - the Welsh Rugby team and the beautiful voices singing in Welsh. Somewhere in Eryri/Snowdonia National Park. A glorious place - If yes.

3 days ago06/29/24 at 5:21 pm (UTC)

Pop your answer in the chat (in the demo) and see if you're right, Ange 🏴󠁧󠁢󠁷󠁬󠁳󠁿

Ange CM
Jonathan Hill

3 days ago06/29/24 at 5:32 pm (UTC)

I tried but think I messed up, I didn't see anything happen. And I put in caps in error. P.S. I changed the Park name to the country name. no fiery dragon:) NOK OFF!

2 days ago06/30/24 at 3:57 am (UTC)

Uber-creative!

Jayashree Ravi

4 days ago06/28/24 at 3:43 pm (UTC)

Ready for a Virtual Animal Safari? Experience the excitement of the wild and start your journey now! https://360.articulate.com/review/content/d196852f-5d5d-4075-b662-60119b4de7db/review

3 days ago06/29/24 at 4:46 pm (UTC)

Virtual indeed, Jayashree. Some animals seem... strange. I had fun recognizing a warthogceros, a diplodromedary and a conjoined elephantwins. I'm not sure about the others.

2 days ago06/30/24 at 3:41 am (UTC)

I was today years old when I learned you can add quizzes within a 360-image!

1 day ago07/01/24 at 4:22 am (UTC)

Thanks Thierry and Samuel. Samuel, I created the quiz out of the 360 image slide, the button from the marker links to the quiz slide and opens as a light box slide.

Elizabeth Kuhlmann
Partner

4 days ago06/28/24 at 3:54 pm (UTC)

I will never be able to top Jonathan, but I built this simple "new employee" example for our Articulate Trainer blog last year! Example: https://360.articulate.com/review/content/869fb9eb-7dcd-4221-b93e-71e149fa1e3f/review Blog post: https://www.thearticulatetrainer.com/what-are-some-tips-for-working-with-360-images/

3 days ago06/29/24 at 2:09 pm (UTC)

Great use of this type of interaction. It reminds me of all the virtual house tours you can take now.

Jeni Johnson

4 days ago06/28/24 at 4:19 pm (UTC)

Can someone share what day the challenges are released and what day they close?

Ange CM
Jeni Johnson

4 days ago06/28/24 at 5:09 pm (UTC)

Hi Jeni, Go to the latest challenge scroll down the page you will see a section named "Upcoming Challenges" with a date. On this page you will see this: "UPCOMING CHALLENGE Challenge #468 (07.05): Drag-and-drop interactions. This will be a general drag-drop challenge, so you can share anything you like." I believe there are no "close" dates, you can do any challenge at any time. They are added to the Recap overtime, not sure if that has a cutoff date. If you want feedback and the max. amount of people to see it posting within the first couple of days of the start date seems to work best. P.s. Something I often forget to do that. If you want to be updated on what is happening in a particular challenge you can subscribe to the challenge by clicking the Subscribe button at th... Expand

3 days ago06/29/24 at 5:06 pm (UTC)

That's right, Ange. I hope this rush at the beginning of the week doesn't discourage some of the newcomers. My first demo, I don't really remember when I posted it but it's in the last position of the recap. No matter!

2 days ago06/30/24 at 6:18 pm (UTC)

HI, I meant are they release every Sunday, Monday?

1 day ago06/30/24 at 10:01 pm (UTC)

Usually Friday, Saturday or Sunday. :)

Thierry EMMANUEL

4 days ago06/28/24 at 5:36 pm (UTC)

Bonjour Heroes. Yes, I didn't expect the challenge to be launched so soon. I've accelerated it today because tomorrow is craft day at home! Sometimes I get really stupid ideas like drawing the inside of a... (which takes a lot of time, and no AI has been able to help me!). I hope it's immersive enough. https://360.articulate.com/review/content/cb32ff98-ad9d-4277-a8b8-b9ec5c0c3cf5/review PS: this can be seen as an extension of Angela's demo from last week, which I really liked.

3 days ago06/29/24 at 1:37 pm (UTC)

Thank you. I learned a lot. I'm trying to decide which area is my "favorite".

2 days ago06/30/24 at 3:34 am (UTC)

Appropriate use. Thanks for sharing!

19 hours ago07/01/24 at 6:03 pm (UTC)

This is so cool to see that material in a different way! And what a cool, creative use for 360.

Jodi M. Sansone

3 days ago06/29/24 at 1:18 pm (UTC)

Lavender Shop Tour https://jodisdemos.s3.amazonaws.com/467+Lavender+360/story.html

3 days ago06/29/24 at 1:32 pm (UTC)

My demo is inspired by our visit to the 123Farm in Cherry Valley, CA this week. It is lavender season in California, and although we are not the south of France, there are some wonderful lavender farms in the state. 123Farm is part of a historic landmark called the Highland Springs Resort. Einstein and Hemmingway would visit to enjoy the warm, dry air (seems like Hemmingway was everywhere). While at the farm I stepped into one of the newly built gift shops and the shop associate said "We just opened, and I'm learning about all the lavender, and where everything is, and how to get the sound system to work." My demo was born that minute. My challenge was to find a 360-lavender shop illustration to use. I couldn't find one so I tested AI. All the visuals in the demo are AI generated. The shop... Expand

2 days ago06/30/24 at 3:30 am (UTC)

Great one, Jodi! I appreciate your eclectic music collection here.

Samuel Apata

2 days ago06/30/24 at 3:15 am (UTC)

My demo is based on Spider-Man: Across the Spider-Verse, one of my favorite movies. Here, Miles is faced with two choices. Choose wisely and see where the adventure takes you! Leap of Faith: https://360.articulate.com/review/content/1fa96730-20fa-44f6-8868-22b938b560bf/review *Nothing off the rooftop, but I was able to create 360 deg images withhttps://photooxy.com/other-design/convert-image-to-360-degree-online-156.html#google_vignette

19 hours ago07/01/24 at 6:04 pm (UTC)

That's awesome! Love that movie, and felt like I jumped right into it.

eLearn Dev

24 hours ago07/01/24 at 1:12 pm (UTC)

Hi everyone, We’re excited to share our submission for this week’s Articulate challenge. Our Approach: We developed an interactive sample using 360° image in Articulate Storyline 360, featuring: High-Quality 360° Images: Realistic virtual environments. Interactive Hotspots: Context and information. User-Friendly Navigation: Easy exploration. Why 360° Images? They transform static visuals into dynamic, exploratory experiences, providing real-world context. Explore Our Sample: https://www.swiftelearningservices.com/articulate-challenge-467/

Mallory Frazier

21 hours ago07/01/24 at 3:50 pm (UTC)

Good morning all! Welcome to the gallery of toxic paints for this weeks eLearning challenge! This is a favorite topic of mine as painting is a side passion. Hope you have fun learning about the colors that could kill you! https://storage.googleapis.com/mfrazier_elearning/360%20Toxic%20Paint%20Gallery/story.html P.S. I made this 360 gallery as part of a larger course called "Don't Drink the Paint Water," available on my portfolio (https://malloryfrazierelearning.spread.name/) if you want to learn more about the how the great's went crazy.

Ron Katz

20 hours ago07/01/24 at 4:51 pm (UTC)

Hello Heroes! Are you up for a little mystery? Demo: https://360.articulate.com/review/content/5282daac-32b1-481d-b7ed-f042a8655cf9/review Download: Available in the Feedback/Comments section of Review360 The characters and the background images were created with AI in Leonardo.AI. This interaction uses a bunch of T/F variables. You also have the opportunity to take notes using input fields.

Angela Thomas

18 hours ago07/01/24 at 6:27 pm (UTC)

I love admiring how people style their homes, but wouldn't put that as a skill high up on my own list. My husband and I just started thinking about moving, and I have been fascinated by how much the "stuff" in the listing images affects my opinion of the home. The inspiration for this challenge came from the open houses we checked out this weekend. *On a side note...turns out open houses are a pretty fun free date night! Thank you Jayashree and Elizabeth for the info on adding quiz questions! I hadn't done that before and went back and added a few in to try that out. Also, thank you everyone who has been sharing how they made their AI images. Looking forward to experimenting more with that. I decided to stick with a stock photo for this project. Luckily, I was able to find on... Expand

Trey McNabb

18 hours ago07/01/24 at 7:07 pm (UTC)

Hello all! I haven't been able to participate int eh challenges for a bit and was excited to see one that I had just created for an in-house user group session! I created a walkthrough of our conference room, added some fun audio, and a few marker pop-outs. This was part of a larger project to also show users how to book the room on our email, viewing multiple rooms, etc. Enjoy! https://360.articulate.com/review/content/4677f53c-d48f-48c1-8c9b-4b382082ae14/review