sorted by: recent | see :
popular
Content Tagged with canvas + UI
Mootools Mocha UI
Mocha UI is a web applications user interface library built on the Mootools javascript framework. Canvas tag graphics are used for much of the GUI components.
mootools: del.icio.us/tag/mootools
Framework
JavaScript
UI
canvas
mootools
user.interface
mochaui
Mocha UI - A Canvas User Interface Framework
Mocha UI is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.
Mocha UI - A Canvas User Interface Framework
Work is progressing nicely on this UI framework for Mootools.
mocha-ui - Google Code
tohle je budoucnost honziku tak se na to koukej :)
WireIt: Yahoo! Pipes Canvas Wiring API
Eric Abouaf has released WireIt, a library that answers the though: "wow, I wish there was an API that did the UI bits that Yahoo! Pipes does."
WireIt uses canvas, excanvas for IE, and YUI to get the job done. Take a look at the docs to see how it works.
Here is the code for simple terminals:
JAVASCRIPT:
-
-
var bl = YAHOO.util.Dom.get('blockLeft');
-
var br = YAHOO.util.Dom.get('blockRight');
-
var bt = YAHOO.util.Dom.get('blockTop');
-
var bb = YAHOO.util.Dom.get('blockBottom');
-
-
for( var i = 0 ; i <7 ; i++) {
-
new WireIt.Terminal(bl, {direction: [1,0], offsetPosition:[0,i*50] });
-
new WireIt.Terminal(br, {direction: [-1,0], offsetPosition:[0,i*50] });
-
new WireIt.Terminal(bt, {direction: [0,1], offsetPosition:[i*50,0] });
-
new WireIt.Terminal(bb, {direction: [0,-1], offsetPosition:[i*50,0] });
-
}
-
And there is even a fun game to check out:
Page 1 | Next >>
