Видео

Im looking for part 2 did you ever do it?

tutorial please !

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

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

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

Superb 😊

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.

Thanks for sharing this. A really useful trick.

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

It's beyond amazing.

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?

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

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

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

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

can't wait to going back to class.

Cool.

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

Your work is inspiring

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.

Hi Chris, fantastic work. How were you able to get Storyline to access your microphone though? Despite it being enabled in browser, anything I publish still can't access the mic.

Wow that's cool, can you pls upload a tutorial video of how you do it.

Great job!

Thanks always for all your good work. Integrating the GPT model via an API into our Articulate Storyline projects will incur costs based on how often the model is used. Each interaction with the model is charged by the amount of text processed, known as tokens. Given the volume of usage with 2,000 people interacting with it, the costs can add up quickly. This is due to each piece of text generated or interpreted by the model consuming tokens, which we are billed for. We need to be prepared for significant expenses depending on how extensively the model is utilized in our courses.

wow amazing!! did you find other solation for editing the 360 image ? because adobe remove the 3D widow :((

Hi Chris! Will this be in the advanced storyline course package?

Thank you sir

Where is the code to make this?

This is really nice. Great job! Fitting for a 1 hour version of "Chill lo-fi beats for e-learning development" 😄

Very useful please keep posting

I'm getting excited following your content and course, especially Using ChatGPT and Articulate. If you don't mind, I'm having trouble to run my work using this tutorial. When go to the next scene, the screen turn white and cannot load the next scene/video, but when it resume, it will load the video. Is it relate with the size of the file? How can I configure or compress the size of it?

Very nice

🤗👍✨

As always, great work!!!

What we’re all the tools used for this project

please make a tutorial on this project sir

I have recently bought your chatgpt course. Great one. I had only hoped, that you would also be showing the speech to text feature there. Will you be adding that? :-) Cause i think it would be a great addition.

You just saved my life!

Teach us how to do accessibility in storyline for darg and drop...teach us how to add focus in storyline..make one complete video on this

Dear, I saw your content It is awesome it's been 2 years working in this field, and want to learn more, it would be great if you could upload the breakdown of all your videos pls or if there is any paid course of your pls drop link or any site where these video breakdowned or even storyline file. pls pls help.

WOW 🥰

I'm confident that this tutorial will be incredibly valuable to many articulate users who have encountered this common technical issue. Thank you for providing such a clear and helpful solution!

This is the exact solution I need, but I wasn't able to get this to work after following the steps in the video. Would this also work for buttons in the button stack block? If so, what would the class name be for the buttons? I'm new to JS

Awesome! This is so creative and efficient. Thank you so much for this wonderful tutorial i've been looking for, but i wonder if i can target a specific layer inside master slide using baseLayer.nextSibling method in javascript(?) I just want to make a navigation buttons layer to be always on top of any other layer (i'm thinking to make the styling of that layer z-index to be like 9999), and if i can target any layer i think many possibilities will be created with that.

This looks and works awesome. It took a little fiddlin' to get it to work, but after I downloaded a different version of the tilt.jquery.js, it started working. I embedded the js into a Storyline webobject, and re-routed it in your script so I wouldn't have to keep dragging it into the published folder. I also changed the 30px to 70px (in the translat3d section) so that it looks more cartoony. VERY NICE!

P r o m o S M

It looks beautiful, how is it accomplished?

This is amazing! Thank you Chris for sharing this. I saw the video Nejc made recently and was wondering if there's any way to mask a video. What a fun implementation. I just tried this and it works when I preview it in Storyline, but doesn't work when publishing a web version (local). I tested using Chrome, Edge and Firefox. I followed the steps you've outlined. I'll need to look into this further, since this is really new to me, but I'm curious if anybody else is experiencing this. By "doesn't work" I mean that the slide is a white screen when published. Anyway, even if it doesn't work from Storyline, at least it will work from a Javascript web object. Now all that's left is to force a use case for this 😅

Wouldn't it be easier, now that we are already inside Photoshop, to just invert the mask. So that what is transparent becomes solid, and what is solid becomes transparent. Then save as PNG and import that into our Storyline project. Now we have the same mask as in the video, that we can put an image behind or a video behind. We can even animate it, without the background following. Or am I missing something crucial where all this coding (except that it's cool and it's always great to learn :D) has a benefit. :)

why you use gsap, not vanila JS? gsap for comercial use is not free, i think.