https://wiki.johnharrison.cc/ 2026-05-01T19:49:24+00:00 https://wiki.johnharrison.cc/ https://wiki.johnharrison.cc/lib/exe/fetch.php?media=wiki:dokuwiki.svg text/html 2020-11-27T04:29:31+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:animation&rev=1606451371&do=diff KineticJS is the easy way to do animation, but it doesn't support hardware accel so you can't use retina resolution with reasonable speed. More negatives: * if there is one object moving on the screen at 1fps the entire screen with all objects will be redraw at 60fps text/html 2020-11-27T04:29:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:canvas&rev=1606451399&do=diff optimizing performance text/html 2020-11-27T04:30:29+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:jasmine&rev=1606451429&do=diff Jasmine is a testing framework for js. Mightcheck this out. text/html 2020-11-27T04:30:59+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:jquery&rev=1606451459&do=diff * how to do animations right text/html 2020-11-27T04:31:29+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:kineticjs&rev=1606451489&do=diff this is a library to manipulate shapes on a canvas. It is interesting because: * doesn't require svg * does irregular shape detection how it works tutorials image click detection with irregular shape * confirm this works with vmousedown interpreting matrix transformations improving speed on retina (by shutting off retina. Tested. Works) to do: * confirm that images “look good” on retina-enabled display text/html 2020-11-27T04:32:13+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:phonegap&rev=1606451533&do=diff replace white screen with flash screen on load text/html 2020-11-27T04:32:40+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:pixi&rev=1606451560&do=diff * test if pixi is using WebGL renderer: <renderer instance name> instanceof PIXI.WebGLRenderer text/html 2020-11-27T04:33:10+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:raphael&rev=1606451590&do=diff Raphael is a js svg library  what   how  treat raphael element as Dom object   var c = self.paper.getById(id);\\  c.node.id = text/html 2020-11-27T04:33:38+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.johnharrison.cc/doku.php?id=lwc:programming:javascript:svg_and_canvas&rev=1606451618&do=diff Smoothing lines in canvas: * <http://codetheory.in/html5-canvas-drawing-lines-with-smooth-edges/> * <http://stackoverflow.com/questions/15601131/html5-canvas-line-how-can-i-let-them-appear-smoother> SVG has better antialiasing? This appears not to be true with you take advantage of the retina display in canvas? for SVG check out the Rachaellibrary. * SVG drawing example put image on canvas: drawImage