This is a tough space to be in these days, so many competing projects. That said, I really wish I saw more projects using http://kineticjs.com/. (sorry op). I just feel that kinetic is put together well and has an awesome tutorial series at http://www.html5canvastutorials.com/kineticjs/html5-canvas-e...
Two.js
41–50 of 64 posts
Re: Two.js
#42This is a tough space to be in these days, so many competing projects. That said, I really wish I saw more projects using http://kineticjs.com/ . (sorry op). I just feel that kinetic is put together well and has an awesome tutorial series at http://www.html5canvastutorials.com/kineticjs/html5-canvas-e...
Unfortunately Kinetic is (and probably always will be) canvas-based, which is already a limiting factor. Which is unfortunate as it's API is really rather nice and I wish I could combine it with WebGL!
Re: Two.js
#43looks great but how is it different from d3?
d3 is tightly modeled after data visualization, is SVG-only (though you can do your own drawing if you want to) and doesn't have a scene graph.
Re: Two.js
#44Was forcast.io's animations an inspiration for this? Very impressed. Great job!
Not familiar with forcast.io — thanks for sharing! Before I got into web development I worked at a company called Prologue doing motion graphics in After Effects and Photoshop. Even if you've never heard of them, you've probably seen their work: http://prologue.com/ This background is much of the motivation for the library.
Ah cool. Yeah, I instantly thought of use cases like Forecast.io's weather animations for your library. I think this is a _major_ trend about to explode, and approaching it with a JS library instead of animated GIFs seems like it has big potential.
Check out www.forecast.io to see the UI polish I'm talking about.
Re: Two.js
#45Earlier quoted context omitted.
Not familiar with forcast.io — thanks for sharing! Before I got into web development I worked at a company called Prologue doing motion graphics in After Effects and Photoshop. Even if you've never heard of them, you've probably seen their work: http://prologue.com/ This background is much of the motivation for the library.
Ah cool. Yeah, I instantly thought of use cases like Forecast.io's weather animations for your library. I think this is a _major_ trend about to explode, and approaching it with a JS library instead of animated GIFs seems like it has big potential. Check out www.forecast.io to see the UI polish I'm talking about.
I totally agree, I hope developers and designers start making more animated logos in html5. The UI polish is really nice!
Re: Two.js
#46How does this compare to raphael ( http://raphaeljs.com/ ) ?
Raphael has no support to work with groups of elements.
Raphael supports sets of elements:
Re: Two.js
#47Also worth a look: https://github.com/GoodBoyDigital/pixi.js 2D renderer with canvas and webgl backends
I've been monitoring the development of pixi.js mostly because it uses WebGl but automatically fails-over to canvas if Webgl support isn't available.
I was even contemplating using pixi for some experimental web-animation things (non-game related) since I didn't find any other webgl-with-canvas failover drawing APIs.
Good to see two.js filling this gap!
Re: Two.js
#48Very nice! I'm also working on a similar scene graph (Canvas/SVG, WebGL soon), which also has bounds, DAG-support, and implicitly inserts the needed layers for performance (http://phetsims.github.io/scenery/).
I look forward to seeing what other performance optimizations I may be missing!
Re: Two.js
#49Earlier quoted context omitted.
That doesn't make it any less useful at all? I am very fond of abstractions and modularity. Two.js is a nice rendering component. You can easily add an input component on beside of it if need be.
Indeed! I just wanted to be clear and not over promise anything. If you're interested in make input components that talk with Two.js I recommend taking a peak at /src/shape.js and /src/vector.js this is where the bindings are created. I believe that this form of binding allows for a lot of creativity when it comes to visualizing positions.
Looks wonderful, great job!
Re: Two.js
#50Earlier quoted context omitted.
On the contrary, Raphael is an abstraction on top of SVG and VML (Microsoft's vector format). It's quite useful when you have to support IE.
> Raphael is an abstraction on top of SVG and VML Still specific to vector graphics rendering. So not "on the contrary", but "to be exact".
"Well, actually..."