Monday, October 13, 2014

Canvas (~HTML5)


Random Notes
As of December 2013, Flash Professional CC includes support of Canvas.....

2011 the worst year for Flash, but also Msft announced discontinued support for Silverlight in Win8's IE (later reversed?).

Adobe "outsourced" all Flash staff?

Canvas - 2D
WebGL - 3D

IE 9+ Canvas
IE11+ WebGL

Canvas originally sprung from OSX's Dashboard in 2004.

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial
https://dev.opera.com/articles/html5-canvas-basics/
http://diveintohtml5.info/canvas.html
http://billmill.org/static/canvastutorial/
http://www.html5canvastutorials.com/

Turns out lots of things claiming to be HTML5 Canvas, are really just (or mostly) CSS3 w/ JavaScript...  false advertising.

Graphs
(failed ) http://www.rgraph.net/
(fee) http://www.zingchart.com/
http://www.flotcharts.org/
http://www.filamentgroup.com/lab/update-to-jquery-visualize-accessible-charts-with-html5-from-designing-with.html
http://www.humblesoftware.com/finance/index
http://benpickles.github.io/peity/
http://omnipotent.net/jquery.sparkline/#s-about
http://processingjs.org/
http://mattmckeon.com/facebook-privacy/  (uses processing.js)
http://paperjs.org/  (great animation)
(comparison   http://www.smashingmagazine.com/2012/02/22/web-drawing-throwdown-paper-processing-raphael/  )

http://canvasrider.com/
Cut the Rope ported to Canvas (look past all the downloads)  http://www.cuttherope.net/#ctr


Image Manipulation
http://mezzoblue.github.io/PaintbrushJS/demo/
http://muro.deviantart.com/
(about it:  http://heidi.deviantart.com/journal/deviantART-Muro-It-s-Time-to-Draw-214232006  )
*?failed) http://mugtug.com/sketchpad/
http://www.okapijs.org/
http://www.endlessmural.com/
Diagrams (UC...)   https://www.lucidchart.com/
Good example (view code)  http://rallyinteractive.com/

Liquid Canvas:
http://www.ruzee.com/content/liquid-canvas
Demo, reminds me of Misos  http://www.ruzee.com/files/liquid-canvas/demo.html

Photoshop-like Layers for ? CSS or Canvas?   http://layerstyles.org/builder.html


HTML5 Game Engine(s)
http://impactjs.com/

https://www.scirra.com/construct2


No comments: