Drawing Annotation on Storyline Slide
Demo: https://360.articulate.com/review/content/518383b2-1161-408d-b9f5-adb9a6f57a11/review Inspired by code discussed on: https://img.ly/blog/how-to-draw-on-an-image-with-javascript/ Using C...
Forum Discussion
Nice Nathaniel, not only the endresult, but also the way you describe the process and things to improve upon.
What challenges me most, is...could we think of a way to detect what the user has drawn...and then compare that with the correct answer and give him/her clues on what should be drawn. And make the range somewhat fuzzy... so are you close... or not... :-)
One approach for that could be something like this.
https://codepen.io/lavrton/pen/OWKYMr
Invisible canvas elements, when the user clicks/draws on enough of them you know the correct area is drawn.
And this library might do the trick too.
https://observablehq.com/@mourner/pixelmatch-demo
