Show HN: A resource for drawing complex primitives in JavaScript (xqt2.com) 70 points by MJSplot_author 10y ago ↗ HN
[–] tantalor 10y ago ↗ Is the author aware of https://developer.mozilla.org/en-US/docs/Web/API/CanvasRende...?Use rotate(), translate(), and scale() instead of doing your own math. [–] MJSplot_author 10y ago ↗ Yes, but this is as simple. It's not really my maths, it's quite standard stuff.I'm more excited about Path2D[0] becoming adopted by more browsers.[0] https://developer.mozilla.org/en-US/docs/Web/API/Path2D
[–] MJSplot_author 10y ago ↗ Yes, but this is as simple. It's not really my maths, it's quite standard stuff.I'm more excited about Path2D[0] becoming adopted by more browsers.[0] https://developer.mozilla.org/en-US/docs/Web/API/Path2D
[–] runemadsen 10y ago ↗ Here's a resource I made for Processing. Very similar. http://printingcode.runemadsen.com/lecture-form-2/
[–] tlb 10y ago ↗ Is it reliable to add methods to a built-in object like CanvasRenderingContext2D? I avoid it, but perhaps just out of superstition. [–] makepanic 10y ago ↗ You're right, extending the prototype of builtin objects is almost always a bad idea.See String.prototype.contains → String.prototype.includes because mootools extended the String prototype[1][1] - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe... [–] MJSplot_author 10y ago ↗ If you know what you are doing it's fine, but it might cause incompatibility issues from namespace collisions.You can rearrange the code to accept a context as the first argument if you are worried.
[–] makepanic 10y ago ↗ You're right, extending the prototype of builtin objects is almost always a bad idea.See String.prototype.contains → String.prototype.includes because mootools extended the String prototype[1][1] - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...
[–] MJSplot_author 10y ago ↗ If you know what you are doing it's fine, but it might cause incompatibility issues from namespace collisions.You can rearrange the code to accept a context as the first argument if you are worried.
[–] Lerc 10y ago ↗ Do you mind if I add these to my own library? https://github.com/Lerc/whio (MIT Licence)It's a library I use when I teach kids JavaScript. It provides simple global functions to let them get started before they have to deal with ideas such as canvas context objects.A Wiki page showing the functions they get to use is at http://fingswotidun.com/code/index.php/APIThe functions you show here are exactly the sort of thing that would be useful for beginners. [–] MJSplot_author 10y ago ↗ Go for it! [–] carterehsmith 10y ago ↗ Nice, is that a LOGO programming language?
11 comments
[ 2.2 ms ] story [ 40.6 ms ] threadUse rotate(), translate(), and scale() instead of doing your own math.
I'm more excited about Path2D[0] becoming adopted by more browsers.
[0] https://developer.mozilla.org/en-US/docs/Web/API/Path2D
See String.prototype.contains → String.prototype.includes because mootools extended the String prototype[1]
[1] - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Refe...
You can rearrange the code to accept a context as the first argument if you are worried.
It's a library I use when I teach kids JavaScript. It provides simple global functions to let them get started before they have to deal with ideas such as canvas context objects.
A Wiki page showing the functions they get to use is at http://fingswotidun.com/code/index.php/API
The functions you show here are exactly the sort of thing that would be useful for beginners.