Forum Discussion
Nathan_Hilliard
4 months agoCommunity Member
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...
MathNotermans-9
4 months agoCommunity Member
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