Why is it called famous?
Famous for winning the vaporware award two years in a row, :p.
Famous Engine – JavaScript library for animations and interfaces
21–30 of 90 posts
Re: Famous Engine – JavaScript library for animations and interfaces
#22Why does this look like Three.JS code? It seems to have very similar capabilities (although Famo.us seems to have less features) and even the code seems to be familiar to me as a ThreeJS guy.
Also I'd argue that ThreeJS can make for better looking results:
Re: Famous Engine – JavaScript library for animations and interfaces
#23Has 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 believe there must be a way to do it…
Re: Famous Engine – JavaScript library for animations and interfaces
#24Has 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…
You want to use GPU-based skinning or similar techniques for best performance.
Also are you limiting your framerate (not framework, sorry) to something reasonable?
Also I recommend not creating too many objects to be GC'ed.
Re: Famous Engine – JavaScript library for animations and interfaces
#25Has 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…
[deleted]
Re: Famous Engine – JavaScript library for animations and interfaces
#26Has 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 anything.
I also believe that there must be a better way for simple animations.
Re: Famous Engine – JavaScript library for animations and interfaces
#27Has 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;
}
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 involved in any way, things go south.
Re: Famous Engine – JavaScript library for animations and interfaces
#28Why does this look like Three.JS code? It seems to have very similar capabilities (although Famo.us seems to have less features) and even the code seems to be familiar to me as a ThreeJS guy. Also I'd argue that ThreeJS can make for better looking results: https://clara.io/view/193070f2-e8af-4afc-a531-9d82338b5288
I expect there is a decent amount of back and forth. Graphics demos of different tech in an era always tend to look similar for a number of reasons (tackling similar problems, wanting to outshine a competing similar demo, culture of the time etc.)
I know MrDoob was inspired to duplicate the Famo'us periodic table demo in Three.js/CSS and in the other direction, well its goddam MrDoob, you can't work in web graphics and not be inspired by him.
Re: Famous Engine – JavaScript library for animations and interfaces
#29Famo.us is really fast, but the minimal snabbt.js does most of the same animations tricks and is very easy to use. It includes a minmal physics engine. https://github.com/daniel-lundin/snabbt.js
Re: Famous Engine – JavaScript library for animations and interfaces
#30Has 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…
You want to use GPU-based skinning or similar techniques for best performance. Also are you limiting your framerate (not framework, sorry) to something reasonable? Also I recommend not creating too many objects to be GC'ed.
What do you mean by limiting my framework?
Yeah, true, I don’t create any objects in that animation actually. I just do opacity animations (from 0 to 1 and vice versa) and some transforms sometimes (which are supposed to be 'cheap' according to some resources on the internet).