blossom

It's not iOS, UILayer, and UIView, but Blossom[1] supports an equivalent, canvas-based development model and hardware-accelerated layers and transitions in the browser, based on Apple's SproutCore MVC framework. It would work well with mrdoob's editor, and it's all JavaScript (no HTML or CSS to deal with). [1] https://github.com/fohr/blossom

You might be interested in Blossom, it's derived from SproutCore and has a fully canvas-based view layer. https://github.com/fohr/blossom

To be fair, if you did do everything in javascript including the user interface, it ends up looking like java Or iOS, see Blossom: https://github.com/fohr/blossom Frankly, not having to write HTML/CSS and still getting Core Animation-style hardware-accelerated transitions and a normal Core Graphics-style `render()` function is really, really nice.

And then there's Blossom[1], which does the opposite: remove CSS from web apps. Blossom lets you build native-quality web apps for mobile browsers without every touching the DOM or CSS -- it's 100% JavaScript. (Full disclosure: I developed Blossom earlier this year.) [1] https://github.com/fohr/blossom

I'd like to see JavaScript code provided that is capable of drawing the same thing in a Canvas2D context. I can work with you on what that would look like. (I'm the author of Blossom, an upgrade to SproutCore that does all UI elements in Canvas -- see https://github.com/fohr/blossom.) UPDATE: Yes, I'm aware there are SVG converters out there. It's still annoying.

I introduced statecharts to the SproutCore community in 2008, and there are a few really nice libraries that have grown out of that. Statecharts are now a standard part of SproutCore development, both at Apple and in the larger community. I also teach a course on how to combine MVC architecture with statecharts. It's pretty easy, but non-obvious, and once you learn how, you'll end up using statecharts for the rest of your life. No one goes back to the 'old' way of spreading application state among controller objects. There are two different statechart implementations in Blossom: https://github.com/fohr/blossom One is for the application logic, the other is for writing individual views (called "behaviors", but they're statecharts). ----- Shameless plug for my 3.5 hour MVC+statecharts course: http://erichocean.com/training/app.html Even tho

FWIW, Blossom does that kind of thing for applications (I'm the author). https://github.com/fohr/blossom I'll be giving a talk later this month at Throne of JS in Toronto.

Pairing Meteor with Blossom[1] would basically close the loop on writing high-performance mobile HTML5 apps. (Blossom recently went full native on mobile -- the platform runtimes are no longer needed.) [1] https://github.com/fohr/blossom

My first Android "app" (actually, a runtime for HTML5 apps call Blossom[1]) only will run on ICS because its requires hardware-accelerated graphics and surfaces. On iOS, I could support all the way back to the original iPhone, but I'm actually requiring iOS 5 (that includes all three iPad generations, and the iPhone 3GS, 4, and 4S) mainly so I can use ARC and because people in the iOS ecosystem update so fast anyway. [1] https://github.com/fohr/blossom

Hi, I'm the developer of Blossom (https://github.com/fohr/blossom), a candidate for SproutCore 3 and the first of a new breed of JavaScript application frameworks that use <canvas> for most UI drawing, plus native (non-WebView) runtimes when running outside the browser. I'm looking for experts on "theming" – specifically, good approaches at the architectural level that would enable Blossom's built-in controls to be themed quickly and elegantly by designers. Every control in Blossom can be rewritten to accomodate theming. I'm thinking mainly of the work that's been done modifying OS widgets on Mac OS X and Linux (and perhaps Windows too). Surely, good patterns have been developed for this. If you know of any resources or people I can talk to, I'd really appreciate a comment here. Thanks!