Profile cover photo
Profile photo
Michael Pardo
509 followers
509 followers
About
Michael's posts

Post has attachment
Vote for my startup, Notion, for Product Hunt's Mobile app of the Year! https://www.producthunt.com/@goldenkittymeow/collections/2016-mobile-app-of-the-year

Post has attachment

Post has attachment

Post has attachment
I submitted to #midevfest, have you? http://michigandevfest.com/

Want to join a young startup with a strong team who is changing the face of messaging? Get in touch! http://lift.me/

Post has attachment
Come see me speak about Android Data at Droidcon NYC! http://nyc.droidcon.com/2014/dcnyc/11/

Post has attachment

Post has attachment
Quotes is featured in the "Apps to Start Your Day" collection in the Google Play Store! https://play.google.com/store/apps/collection/promotion_3000920_start_your_day

Post has shared content
Better blur transitions

When first working on #Muzei, one of the things I thought about was how to make the blur transition (the animation between focused and blurred states) as natural as possible.

The naïve and computationally cheap approach would be to simply crossfade the blurred and focused versions. But the digital displays in NYC that inspired the effect in the first place [1] did a much better job, animating the blur radius over time, just like what happens in the real world (i.e. the effect you see when a camera's depth of field changes).

Unfortunately, to achieve this effect in a UI, you'd need to blur the image on-the-fly, with a different radius for each animation frame. That's pretty computationally expensive.

However, if you create a handful of blurred 'keyframes' with different radii and crossfade between those keyframes during the animation, the transition is almost seamless—after testing this technique out for Muzei, it felt like the perfect tradeoff between visual integrity and resource usage.

Finally, you can gracefully degrade the effect for weaker devices by varying the number of keyframes on device RAM, processing power, etc. In Muzei, I use the ActivityManager.isLowRamDevice method to decide the number of keyframes to keep in memory.

Check out some more details on this tip in the attached photos!

#AndroidDev #AndroidDesign

[1] https://medium.com/p/3a1721a6f716
Photo
Animated Photo
Blur Transitions
2 Photos - View album

Post has shared content
Add a touch of showbiz to your project!

3D is awesome, love the stuff. Used sparingly it can elevate your projects: http://aerotwist.com/tutorials/protip-nobody-expects-3d/
Photo
Wait while more posts are being loaded