The bit that I find most impressive is the mixed mode demo ... http://famous.org/learn/MixedMode/index.html ... Putting an iFrame on a 3D model and still being about to use the page that's loaded is cool. The problem with that is that there are so few use cases where you'd actually want to do that.
Famous Engine – JavaScript library for animations and interfaces
51–60 of 90 posts
Re: Famous Engine – JavaScript library for animations and interfaces
#52Has anyone actually managed to loop animations on the web without putting the CPU on fire? It was my task recently to optimize some animations (done with Web Animations polyfill) and even though all the profilers showed that CPU is doing almost nothing (GPU animated all the stuff) Chrome was using ~25% of CPU all the time which resulted in a noisy fan after a minute or two. I feel like I’m missing something here, I b…
Here's how I've achieved that cheesy 90s spinning effect in the past: @keyframes spin { 0% { transform: scaleX(1); } 50% { transform: scaleX(-1); } 100% { transform: scaleX(1); } } .spin { animation: spin ease-in-out 6s infinite; } All done on the GPU as far as I can tell... The only satisfactory way to do web animation I've found is to do it 100% in css by toggling classes. As soon as the JS interpreter gets involve…
Right, but the point is even GPU-optimized animations in the browser seem to tax the CPU. It's something I've experienced as well.
Re: Famous Engine – JavaScript library for animations and interfaces
#53The bit that I find most impressive is the mixed mode demo ... http://famous.org/learn/MixedMode/index.html ... Putting an iFrame on a 3D model and still being about to use the page that's loaded is cool. The problem with that is that there are so few use cases where you'd actually want to do that.
Yeah, I found this pretty cool as well. Plus from inside the iframe you can keep navigating to the Learn tutorial page over and over again inside laptops and create a cool snake like laptop, lol.
Re: Famous Engine – JavaScript library for animations and interfaces
#54Has anyone actually managed to loop animations on the web without putting the CPU on fire? It was my task recently to optimize some animations (done with Web Animations polyfill) and even though all the profilers showed that CPU is doing almost nothing (GPU animated all the stuff) Chrome was using ~25% of CPU all the time which resulted in a noisy fan after a minute or two. I feel like I’m missing something here, I b…
Same here on Firefox 31 on Windows 8.1. 25% used on my dual-core i5 with HT. This just sucks. Years ago I added a 'snow' animation JS libary to a custom website which let little snow flakes drop during winter time. All just for fun. It turned out to be fun only for a few days until I got the first complaints about users not being able to use their computers anymore and mobile devices being barely able to scroll anyth…
> until I got the first complaints about users not being able to use their computers anymore
They got snow in their browser, and they still complained. People are so ungrateful.
Seriously though, this animation sounds fun and neat.
Re: Famous Engine – JavaScript library for animations and interfaces
#55I am sure that iPhone users are not your target audience, but the site is almost unusable because of the large header and menu bar at the top of the screen.
Re: Famous Engine – JavaScript library for animations and interfaces
#56I like their new branding and docs. It looks really easy to get up and running, but the basic "hello world" isn't working for me.. npm install -g famous-cli && famous init my-first-project && cd my-first-project && famous project deploy ..and nothing happens. Did I miss something obvious? Also, I'm curious: are there any big companies using famo.us? Are there any non-trivial famo.us applications that we can look at?
* "famous init my-first-project" starts a new project * "famous project deploy" deploys your application to hub. It gives you a snippet that can be used in order to embed your widget on a website. * "famous dev" starts the development server. Deploying your widget requires an account, did you register via `famous register`? That being said it should have given you an error message if that's the issue. I can't seem to…
Sure. A nice error message would clear it right up
Re: Famous Engine – JavaScript library for animations and interfaces
#57I am sure that iPhone users are not your target audience, but the site is almost unusable because of the large header and menu bar at the top of the screen.
Re: Famous Engine – JavaScript library for animations and interfaces
#58Earlier quoted context omitted.
Here's how I've achieved that cheesy 90s spinning effect in the past: @keyframes spin { 0% { transform: scaleX(1); } 50% { transform: scaleX(-1); } 100% { transform: scaleX(1); } } .spin { animation: spin ease-in-out 6s infinite; } All done on the GPU as far as I can tell... The only satisfactory way to do web animation I've found is to do it 100% in css by toggling classes. As soon as the JS interpreter gets involve…
Right, but the point is even GPU-optimized animations in the browser seem to tax the CPU. It's something I've experienced as well.
Even when they're controlled/computed/whatever purely through css as above? Maybe I've just been lucky in my limited experience with looping them infinitely like this.
Re: Famous Engine – JavaScript library for animations and interfaces
#59From a development efficiency perspective, Famous is not as good as Angular or React. From a rendering perspective, it's not as good as three.js. It's not yet a leading tool. Jack of all trades, master of none. Maybe it will make more sense when VR platforms become mainstream.
What was released today was a rewrite of the Famous core engine, so you can't really compare it to Angular or React. Three.js is a far better comparison, though the two have different specialties since Famous isn't trying to be pure WebGL. The Famous team is working on a framework that will interface with their core engine, making things far cleaner at the application level while facilitating less painful integration…
To expand on this, Famous's Node class [0] is rather like a DOM node, except far more powerful. You could imagine a React component that renders a tree of virtual Nodes, diffs that with an existing tree, and transitions properties accordingly. But that will be built on Famous, just like react-canvas [1] needed the canvas API to exist. Baby steps.
Re: Famous Engine – JavaScript library for animations and interfaces
#60I can't seem to get started with this. Their seed repo does not allow me to clone it with the git command. And when using the init functionality as displayed on the front page there is no way to actually setup the damn webserver.
Unfortunately, I am very displeased by the first experience. Chances are that this is also my last experince.