Wednesday, September 26, 2012

Canvas Drawing @ Khan Academy

Khan Academy is now teaching web programming with interactive web drawing tools...

Computer Science | Khan Academy


Here is the program, a snippet of JavaScript for drawing on canvas

// Winston's handsome features don't need outlines
noStroke();

// face
fill(255, 255, 0);
ellipse(202, 208, 300, 300);

// eyes
fill(46, 46, 41);
ellipse(157, 151, 40, 40);
ellipse(304, 142, 40, 40);

// mouth
fill(252, 65, 65);
ellipse(257, 240, 120, 136);


They are not the only one with interactive canvas tool.
w3schools.com also has similar, but much less "fun" tool:

Your browser does not support the HTML5 canvas tag.

this is the script that does the job:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#FF0000";
ctx.fillRect(0,0,150,75);

Adobe PhoneGap Build


PhoneGap Build tools is "out of beta", and it is official service
from Adobe for building mobile apps on the "cloud", based on web files.

Adobe PhoneGap Build



Apps for Office and SharePoint 2013

Home | Apps for Office and SharePoint | 2013, apps, cloud services | MSDN



dev.office.com


Microsoft has completely embraced web technologies for building apps platform
in next version of Office and SharePoint (both 2013), as well as Office 365 (online).

As usual, this is a reaction to competition, in this case from Google Documents.

One of features of this (set of) platforms is ability to create such app directly
from web browser, on Microsoft cloud, with "Napa", that is almost as mini-VisualStudio in web browser...

Introducing “Napa” - Office 365 Development Tools