Discover eLearning
Discover eLearning
  • 118
  • 309 082
Interactive Christmas Card Using The New SL360 JavaScript API! ☃️ Articulate Storyline 360 Demo
Come and play the interactive version here - discoverelearninguk.com/projects/interactive-christmas-greeting-card-storyline-360-javascript-api-demo/
We've been having a lot of fun playing with the new JavaScript API features currently in development (beta) for Articulate Storyline 360!
This demo features the following new updates coming to Storyline soon:
- Mouse cursor visibility toggle
- Mouse position coordinate tracking (snowball object)
- Point-to-mouse object rotation (snowman eye direction tracking)
- JS animation tweens (snowball rotation, scale, and opacity)
- State change function (snowman state is controlled entirely by JS)
We'll hopefully see these released at some point in the New Year, and look forward to seeing what other ideas the Articulate developer community can come up with.
We'll be sharing news regarding more ways to learn, train, and develop your digital creativity skills with Discover eLearning very soon.
In the mean time, we hope you have a very joyful festive season and a prosperous New Year!
#articulatestoryline #storyline360 #articulate360 #javascript
Music from Uppbeat (free for Creators!):
uppbeat.io/t/ra/snowy-road
License code: 6MKHCAQ5JGW2JIZA
Переглядів: 122

Відео

New Voice-Activated Agentic AI Features For Articulate Storyline! eLM Toolkit 2.11 Developer Diary 🌠
Переглядів 27519 годин тому
We're excited to showcase the new agentic AI features being added to the eLearning Magic Toolkit plugin for WordPress, making it even easier to create cutting-edge AI-powered user experiences in Articulate Storyline 360! 🚀 In this video, Chris (linkedin.com/in/chrishodgson44) will give you an in-depth look at two amazing features coming with the next edition of the eLearning Magic Toolkit: - GP...
'Infinite Zoom' Scrolling Panel Image Effect Built In Articulate Storyline 360! 🚀
Переглядів 270День тому
Develop Your Articulate Storyline 360 Skills To Master Level with Discover eLearning! 🚀 - discoverelearninguk.com/store/create-elearning-using-chatgpt-and-articulate-storyline-360/ This demo was created for the Articulate E-Learning Heroes Challenge 487 - Using Pantone's 2025 Color of the Year in E-Learning. The effect is made possible through the use of Articulate Storyline 360, Adobe Photosho...
Advanced Storyline 360 Training Course Taster - Build Agentic AI Experiences Using OpenAI Assistants
Переглядів 16114 днів тому
OUR MOST POPULAR ONLINE TUTORIAL COURSE JUST RECEIVED A HUGE UPDATE! 🚀 We hope you enjoy watching this brief taster video taken from the course, showcasing just a small section of what we'll cover during this new lesson. Access this full online course today: discoverelearninguk.com/gpt-course All new and existing course members will now have access to a brand new lesson we have introduced title...
Designing eLearning Automation with Agentic AI. OpenAI Realtime + Articulate Storyline 360 Deep Dive
Переглядів 629Місяць тому
Discover the power of Agentic AI in eLearning! 🚀 In this video, Chris Hodgson (linkedin.com/in/chrishodgson44) will demonstrate how generative AI can actively shape, guide, and adapt learning experiences in real time using OpenAI’s Realtime API alongside Articulate Storyline 360. 🌟 What You'll See in This Video 🌟 Agentic AI in Action: Explore how AI can guide learners through activities, answer...
Storyline Magic Series - Episode 16 Organise Navigation Menus Using Custom Line Separators
Переглядів 342Місяць тому
Discover our Advanced eLearning Developer Series courses over on the Discover eLearning website for more great learning opportunities for learning experience developers - discoverelearninguk.com/gpt-course We have another great and comprehensive tutorial for all Articulate Storyline 360 developers! In this episode, Chris Hodgson (linkedin.com/in/chrishodgson44) will show you how with a little b...
Quickly Build Custom Reports With Articulate Storyline 360 Variables & eLearning Magic Toolkit! 🚀
Переглядів 334Місяць тому
Unlock the Latest Features of eLearning Magic Toolkit 2.10 for your WordPress website / learning platform - discoverelearninguk.com/elm-toolkit We’re thrilled to introduce the exciting new features in version 2.10 of the eLearning Magic Toolkit! In this video, Chris Hodgson (linkedin.com/in/chrishodgson44) demonstrates the latest enhancements designed to make reporting and data management withi...
Articulate Storyline 360 Voice Interactivity - Realtime AI Agent With Navigation Controls! 💬🌟🦅
Переглядів 564Місяць тому
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ Our latest eLearning experience demo explorers the power of latest generative AI capabilities from OpenAI, blending cutting-edge voice-activated navigation and real-time assistance to bring l...
Advanced AI Voice Controls For eLearning! OpenAI Realtime API & Articulate Storyline 360 Demo 🚀
Переглядів 4162 місяці тому
In this video you will see how the brand-new OpenAI Realtime API, and the capabilities of multi-modal generative AI, is changing the way that users will interact with their online learning experiences forever! See how the latest multi-modal AI model from OpenAI enables real-time automation and lightning-fast adaptive audio feedback, delivering personalised and interactive learning journeys tail...
Save Storyline Variables To A Spreadsheet - Fast, Easy, and Secure! eLearning Magic Toolkit Update 🚀
Переглядів 3152 місяці тому
Unlock the Latest Features of eLearning Magic Toolkit 2.9 for your WordPress website / learning platform - discoverelearninguk.com/elm-toolkit We are very excited to showcase the new features of the eLearning Magic Toolkit version 2.9 to you! In this video, Chris Hodgson (linkedin.com/in/chrishodgson44) will walk you through the enhancements we've made to the Storyline Custom Databases tab, off...
Storyline Magic Series - Episode 15 Animated Bar Charts In Storyline Using JavaScript
Переглядів 8393 місяці тому
Discover our Advanced eLearning Developer Series courses over on the Discover eLearning website for more great learning opportunities for learning experience developers - discoverelearninguk.com/gpt-course We have another great and comprehensive tutorial for all Articulate Storyline 360 developers! In this episode, Chris Hodgson (linkedin.com/in/chrishodgson44) will show you how you can build a...
A Multi-Choice Quiz Controlled Entirely By The User's Webcam! 📸 Storyline 360 Meets OpenAI Vision
Переглядів 5563 місяці тому
Unlock your creative potential with our latest generative AI-enhanced plugins and solutions for Articulate Storyline 360 developers! 🚀 - discoverelearninguk.com/store/elearning-magic-toolkit-for-storyline/ Check out our latest innovative eLearning project utilising the power of generative AI! In this demo, you will see our Articulate Storyline 360-built quiz be controlled entirely by the user a...
Storyline Magic Series - Episode 14 Glassmorphism With JavaScript In Articulate Storyline 360
Переглядів 1,2 тис.3 місяці тому
Discover our Advanced eLearning Developer Series courses over on the Discover eLearning website for more great learning opportunities for learning experience developers - discoverelearninguk.com/gpt-course Welcome to another exciting episode of the Storyline Magic Series! In this tutorial, Chris Hodgson (linkedin.com/in/chrishodgson44) will guide you step-by-step through the process of creating...
Upload Articulate Storyline Activities Into WordPress Easily With The eLearning Magic Toolkit! 🚀
Переглядів 2383 місяці тому
We’re excited to introduce version 2.7 of the eLearning Magic Toolkit, designed to make embedding Articulate Storyline projects on your WordPress site even easier! Now you can effortlessly upload and showcase Storyline activities directly in WordPress with our new Activity Uploader feature. No more manual file transfers or complex setups! Here’s what’s new in this release: 📂 One-Click Storyline...
Advanced Storyline 360 Training Course - Build AI-Powered eLearning With Storyline And ChatGPT 🚀
Переглядів 5324 місяці тому
AVAILABLE NOW! The 2024 edition for our most popular online training course for Articulate Storyline 360 developers! 🚀 Access this course today: discoverelearninguk.com/gpt-course We invite you to join our highly popular 'Build AI-Powered eLearning with Articulate Storyline 360 and ChatGPT' online course, available to access right now on the Discover eLearning website! This is a taster video fo...
Duolingo-style AI-Powered French Language Coach Built With Articulate Storyline 360 and OpenAI!
Переглядів 4384 місяці тому
Duolingo-style AI-Powered French Language Coach Built With Articulate Storyline 360 and OpenAI!
Store And Retrieve Articulate Storyline Variables - eLearning Magic Toolkit Custom Databases 🚀
Переглядів 3235 місяців тому
Store And Retrieve Articulate Storyline Variables - eLearning Magic Toolkit Custom Databases 🚀
Voice-Activated Cloud Shape Generator With Stability AI! ☁️ Articulate Storyline 360 & AI Demo
Переглядів 3535 місяців тому
Voice-Activated Cloud Shape Generator With Stability AI! ☁️ Articulate Storyline 360 & AI Demo
Voice-Activated Navigation Controls using OpenAI Whisper AI! Articulate Storyline 360 eLearning Demo
Переглядів 5495 місяців тому
Voice-Activated Navigation Controls using OpenAI Whisper AI! Articulate Storyline 360 eLearning Demo
Incredible New Features For Your Articulate Storyline 360 eLearning Projects! Coming Soon... 👀
Переглядів 3286 місяців тому
Incredible New Features For Your Articulate Storyline 360 eLearning Projects! Coming Soon... 👀
Articulate Storyline 360 GSAP JavaScript Interactive Animation Showcase! 👋🏻🎳
Переглядів 1,2 тис.7 місяців тому
Articulate Storyline 360 GSAP JavaScript Interactive Animation Showcase! 👋🏻🎳
Interactive Ten-Pin Bowling eLearning Game With GSAP And JavaScript! 🎳 Articulate Storyline 360 Demo
Переглядів 6557 місяців тому
Interactive Ten-Pin Bowling eLearning Game With GSAP And JavaScript! 🎳 Articulate Storyline 360 Demo
A Moment Of Calm - Adobe Firefly and GSAP in Articulate Storyline 360!
Переглядів 6177 місяців тому
A Moment Of Calm - Adobe Firefly and GSAP in Articulate Storyline 360!
Image Recognition with OpenAI and Articulate Storyline 360! GPT-4 Vision API Demo 👀
Переглядів 3658 місяців тому
Image Recognition with OpenAI and Articulate Storyline 360! GPT-4 Vision API Demo 👀
Storyline Magic Series - Episode 13 Alpha Channel Masking For Objects And Layers
Переглядів 1,9 тис.8 місяців тому
Storyline Magic Series - Episode 13 Alpha Channel Masking For Objects And Layers
Video Game Interactive Character Menu in Articulate Storyline 360. Masking Animations With GSAP!
Переглядів 4,2 тис.8 місяців тому
Video Game Interactive Character Menu in Articulate Storyline 360. Masking Animations With GSAP!
AI-Powered Dynamic Voice Generation With Elevenlabs, ChatGPT, and Articulate Storyline 360! 💬
Переглядів 8389 місяців тому
AI-Powered Dynamic Voice Generation With Elevenlabs, ChatGPT, and Articulate Storyline 360! 💬
Easily Fix Group Hover And Selected States In Your Articulate Storyline 360 Projects!
Переглядів 1,2 тис.9 місяців тому
Easily Fix Group Hover And Selected States In Your Articulate Storyline 360 Projects!
Dynamic Talking Alien Characters Created In Articulate Storyline 360 Using Elevenlabs and ChatGPT!
Переглядів 2 тис.9 місяців тому
Dynamic Talking Alien Characters Created In Articulate Storyline 360 Using Elevenlabs and ChatGPT!
Advanced Storyline 360 Training Course Taster - Triggering Events On X-Ray Window Movement
Переглядів 64410 місяців тому
Advanced Storyline 360 Training Course Taster - Triggering Events On X-Ray Window Movement

КОМЕНТАРІ

  • @kathe2482
    @kathe2482 4 дні тому

    💯

  • @kathe2482
    @kathe2482 4 дні тому

    💯

  • @kathe2482
    @kathe2482 4 дні тому

    Thanks 👏

  • @kathe2482
    @kathe2482 4 дні тому

    💯

  • @kathe2482
    @kathe2482 4 дні тому

  • @barrystoner6020
    @barrystoner6020 4 дні тому

    It’s going to make a massive difference 💪 Merry Christmas Chris 🎉

  • @kaidello
    @kaidello 6 днів тому

    will you build a paid tutorial for this? happy to join.

  • @VictoriaAmador-e7m
    @VictoriaAmador-e7m 8 днів тому

    Oh my gosh! It is so cool.

  • @DevWithAi
    @DevWithAi 10 днів тому

    That's great man! You're a master at work. It's like watching our own Elon Musk - but in the ID world. You're fantastically talented.

  • @RemotePossibilities1
    @RemotePossibilities1 10 днів тому

    Fantastic! Just came across this issue when having multiple objects fly in, so thanks for the fix. (Am wondering if there's a need to send the dummy objects to the back, given that they get hidden anyway?)

  • @Ryanneey
    @Ryanneey 10 днів тому

    How serendipitous! I've been working on something similar for the past week 😊

    • @discoverelearning
      @discoverelearning 10 днів тому

      Can't wait to see your own take using this effect! 🤩 CH

  • @mohamedhssaine8207
    @mohamedhssaine8207 15 днів тому

    thank you man ur so amayzing dont stop brother

  • @kuyamick_82
    @kuyamick_82 16 днів тому

    Awesome! Will this still work if we are publishing to Review 360?

    • @discoverelearning
      @discoverelearning 10 днів тому

      There shouldn't be any reason why not in this case. I have seen Review360 block external scripts in the past though. CH

  • @bcaar66936
    @bcaar66936 16 днів тому

    Is it possible to add an audio icon and have Chatgpt give audio answers yet??

    • @discoverelearning
      @discoverelearning 14 днів тому

      We'll have another video talking about this very soon! 🚀

    • @MuhammadzamarKhan
      @MuhammadzamarKhan 10 днів тому

      yes it is possible. ElevenLabs have wrote JS code for it integrating chatgpt audio.

  • @ImprovementDave
    @ImprovementDave 17 днів тому

    Oh, the post is white but the text edit box is still blakc....

  • @ImprovementDave
    @ImprovementDave 17 днів тому

    This is fantastic. I can not wait to try it out. By the way, your background is black and so is your text. I can not see what I am typing.

  • @quiztasiarocks
    @quiztasiarocks 20 днів тому

    Did you create a tutorial for this?

  • @MohamedPro-c5g
    @MohamedPro-c5g Місяць тому

    more explication video please

  • @MrPaska1989
    @MrPaska1989 Місяць тому

    Great job on the video! Do you know if puzzles can be built in Storyline 360?

  • @CassieLeishman
    @CassieLeishman Місяць тому

    I love this! Any chance you have an example of the prompt you used to create your 360 images? I am trying to do a similar escape room in a museum and am not getting what I'd like

  • @joseantoniogomes6407
    @joseantoniogomes6407 Місяць тому

    Amazing as usual.

  • @DevWithAi
    @DevWithAi Місяць тому

    Great job Chris. Another fantastic explaination of the tech, workflow, and your thought process.

  • @tonygil8617
    @tonygil8617 Місяць тому

    Briiliant work

  • @JesseTaber
    @JesseTaber Місяць тому

    Hi. I'm the Director of Engineering for Storyline 360 at Articulate. This is a very clever approach you've developed here! I'm impressed.

    • @discoverelearning
      @discoverelearning Місяць тому

      Thank you, Jesse! I very much appreciate that and the work you do. CH

  • @TokyoNightGirlLofi
    @TokyoNightGirlLofi Місяць тому

    👍 !!! 💙💙💙

  • @learnomancer
    @learnomancer Місяць тому

    Great video! Thank you so much for sharing this tip. A small change that can have a big impact on readability in menus. Can't wait to try this.

  • @DBAR-3103
    @DBAR-3103 Місяць тому

    Thats awesome..thanks. we ll never stop to learn

  • @learnomancer
    @learnomancer Місяць тому

    Your work in integrating AI into Storyline is really inspiring. Great video! This would be great with a David Attenborough-style voice. Btw, how did you insert that white separator line in the left-side menu, under "Welcome" ?

    • @discoverelearning
      @discoverelearning Місяць тому

      You have sharp attention to detail @learnomancer! I added it with a JS hack. Perhaps a video next week to show the approach I took? CH

    • @learnomancer
      @learnomancer Місяць тому

      @@discoverelearning If you plan on making one, that would be awesome. Looking forward to it.

  • @RebeccaTalbott
    @RebeccaTalbott Місяць тому

    Where is the "Ink Replay" button? When I draw in Powerpoint, it just seems to create a static image. I want to be able to show the animation of the drawing.

  • @تبصرة
    @تبصرة Місяць тому

    That's so coool ! Thanks

  • @stephenjones3468
    @stephenjones3468 2 місяці тому

    Im looking for part 2 did you ever do it?

  • @farahnajwa6413
    @farahnajwa6413 2 місяці тому

    tutorial please !

  • @kwpf
    @kwpf 2 місяці тому

    Nice! But it would be great if the LMS in which the courseware resides can support the script and API call too.

  • @vanluc03ha
    @vanluc03ha 2 місяці тому

    tôi đến từ việt nam tôi rất thích chia sẻ của bạn nhưng mà ở 2:48 tôi ko tìm thấy công cụ cắt backgroud trong storyline 360

  • @katarokkar80
    @katarokkar80 3 місяці тому

    This was amazing. Thanks so much for sharing this. I learned a whole lot.

  • @Mukesh-Pal.
    @Mukesh-Pal. 3 місяці тому

    Superb 😊

  • @learnomancer
    @learnomancer 3 місяці тому

    Great video! Absolutely love the part with the dynamic value labels. I was wondering for a long time how something like that could be achieved.

    • @discoverelearning
      @discoverelearning 3 місяці тому

      Do wish though that it was much easier to target these specific elements for what we want to create in SL360! CH

  • @learnomancer
    @learnomancer 3 місяці тому

    Thanks for sharing this. A really useful trick.

  • @ayushgcs1398
    @ayushgcs1398 3 місяці тому

    How the hell man, u great can drop tutorial :))

  • @MichaelSongOfficial
    @MichaelSongOfficial 3 місяці тому

    It's beyond amazing.

  • @jvenkatonline
    @jvenkatonline 3 місяці тому

    Since you are using alt-text to access the object, how can we implement accessibility in the course, such as image descriptions? Either this or that. If we are trying GSAP animation, then we cannot make the course accessibility compliant. Am I right?

    • @discoverelearning
      @discoverelearning 3 місяці тому

      There's no reason why you can't achieve both! Check out our Storyline Magic Series Episode 14, and you'll see how you can input a fully descriptive alternative text value whilst also being able to simply target the object for your JavaScript needs. 🚀

    • @jvenkatonline
      @jvenkatonline 3 місяці тому

      @@discoverelearning GREAT. I checked your Episode 14 and tried. Its working perfectly. Instead of using just car and ball - I have created Ball_0_0, Ball_0_1 - unique names, and applied different things. Tested in screen reader also. No issues found. You have done a great work. I have some questions, since the shapes are in SVG format, unable to apply CSS directly. May be you have the solution for that too. BTW, I subscribed you channel and started watching your videos in this series. Thanks a lot for your work.

  • @kaelball
    @kaelball 3 місяці тому

    Would really love if SL would just let you use CSS rules in general. I won't hold my breath...'

  • @barrystoner6020
    @barrystoner6020 3 місяці тому

    We really need Articulate to allow us to add our own IDs! Thanks for the tutorial Chris.

  • @AureliaONeil
    @AureliaONeil 3 місяці тому

    How did you create the 3d animated avatar in storyline 360

    • @discoverelearning
      @discoverelearning 3 місяці тому

      The character was produced in Photoshop using Adobe Firefly and then imported into SL360 without a mouth shape. The mouth shape is a separate PNG that changes states in a sequence to create the visual talking effect.

  • @AureliaONeil
    @AureliaONeil 3 місяці тому

    What software did you use to create Daisy the animated avatar?

  • @utdamsongserey7871
    @utdamsongserey7871 4 місяці тому

    can't wait to going back to class.

  • @ismimyokulann
    @ismimyokulann 4 місяці тому

    Cool.

  • @sebassanch
    @sebassanch 4 місяці тому

    Buen trabajo!! Como cargaste el curso en el tablet???

    • @discoverelearning
      @discoverelearning 4 місяці тому

      Articulate Storyline 360 ofrece un interruptor de pantalla completa que es compatible con la mayoría de dispositivos tablet, excepto iOS. Esto se puede activar con un botón en la interfaz de usuario del reproductor, o con una variable integrada que se activa mediante un desencadenador en Storyline.

  • @eos36
    @eos36 4 місяці тому

    Your work is inspiring

  • @learnomancer
    @learnomancer 5 місяців тому

    WOAH! This is so cool! Fancy tech aside, I like the whole cloud watching concept and how it fits into this exercise where you can basically come up with anything you like. Masterfully done.