Hi All, In a section of the course im designing Id like to let user draw something on screen with mouse! Can anyone please tell me if that is possible!!? Thank you :)
You can do this pretty easily by embedding that element as a web object, but it really depends what you would like to do with the drawing. Do you need to save it or anything?
Arash, I'm happy to help. There are other javascript drawing apps like this one out there, you might just want to find the one that works best for your project.
I have a follow up to this question. I would like learners to circle something on a photo on the screen. I have MS Paint 3D. Can I use that app and if so, how do I insert the paint function into the SL file? Thanks. Lynn
Thanks Leslie and Phil. What I don't understand is how will a web object help me with the learning method. What web object am I inserting that helps them draw a circle around a picture I have on the screen?
I'll leave the how-to embed MS Paint as a web object in the community's hands, but I want to provide context to your question:
How will a web object help me in this case?
A web object is any content that can be contained in a Web page. Web objects can be used for inserting existing Web pages into your course. For example, you can integrate your company's intranet, or incorporate a Web page that contains animation, assessments or any other relevant content—a drawing app in this case.
Hi Katie, Thank you so much for taking the time to do this for me. This was an idea that looked good on paper but I'll come up with another idea that's a better fit with my skill set. I don't have a pre-existing web site to do this with nor do I know how to set one up. So....plan B it is. :)
16 Replies
You can do this pretty easily by embedding that element as a web object, but it really depends what you would like to do with the drawing. Do you need to save it or anything?
Hi Michael..
No! user wont save the drawing
Could you please tell me how can i do that :)
Thanks
I found a cool drawing app here: http://www.williammalone.com/projects/html5-canvas-javascript-drawing-app-with-bucket-tool/ and I embedded it into the attached project.
Thanks Michael! Youre awesome!!! (y)
Arash, I'm happy to help. There are other javascript drawing apps like this one out there, you might just want to find the one that works best for your project.
Yup! Im just doing that today.. Thanks again Michael :)
I have a follow up to this question. I would like learners to circle something on a photo on the screen. I have MS Paint 3D. Can I use that app and if so, how do I insert the paint function into the SL file? Thanks. Lynn
Without knowing your vision of how your course will look, it might be 1000 times quicker and easier just to set up some hotspots.
OK. I'm not sure though how to have them draw on a hotspot. Or were you thinking of something else for them to do with the hotspot? Thanks. Lynn
use a web object component
Ok well I've never done that before. Is there a tutorial on it? Thanks. Lynn
Sure, Lynn.
Adding Web Objects
Welcome to E-Learning Heroes 😊
I did this once for a client I will see if I can pull the web object into another file
Thanks Leslie and Phil. What I don't understand is how will a web object help me with the learning method. What web object am I inserting that helps them draw a circle around a picture I have on the screen?
Hey Lynn!
I'll leave the how-to embed MS Paint as a web object in the community's hands, but I want to provide context to your question:
How will a web object help me in this case?
A web object is any content that can be contained in a Web page. Web objects can be used for inserting existing Web pages into your course. For example, you can integrate your company's intranet, or incorporate a Web page that contains animation, assessments or any other relevant content—a drawing app in this case.
In the example above, Michael Anderson inserted a pre-existing Web site for a drawing app stored locally on their computer into the Storyline slide. Here's a quick look into that file.
Hi Katie, Thank you so much for taking the time to do this for me. This was an idea that looked good on paper but I'll come up with another idea that's a better fit with my skill set. I don't have a pre-existing web site to do this with nor do I know how to set one up. So....plan B it is. :)
Thanks again and have a great evening.
This discussion is closed. You can start a new discussion or contact Articulate Support.