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  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!
A year ago tonight, I published my first side project, DashClock . Tonight, I'd like to introduce you to my new side project, Muzei, which is now open source and live on Google Play!
Get it on Google Play: get.muzei.co
Check out the source: code.muzei.co
Muzei is a live wallpaper that gently refreshes your home screen each day with famous works of art. It also recedes into the background, blurring and dimming artwork to keep your icons and widgets in the spotlight. Simply double touch the wallpaper or open the Muzei app to enjoy and explore the artwork in its full glory.
Alternatively, you can choose your favorite photos from your own gallery or other apps to use on your home screen. To keep your wallpaper fresh, Muzei will rotate through your favorite photos every few hours.
Muzei is also developer-friendly. In addition to being open source, it offers a simple API that allows you to build your own wallpaper source. For API details, visit api.muzei.co. The API should look pretty familiar to those of you who've built a DashClock extension before (even though it's completely different under the hood).
Featured artwork in Muzei is curated daily by my art teacher fiancée and me. The artwork images are thanks to WikiPaintings.org and its fantastic contributors.
Over the next few days/weeks, I'll be sharing more about the project: what inspired it, how it was built, and the thought process for some of my favorite design elements (some of which I've hinted at in previous posts).
And lastly, some fun facts for the curious:
• Muzei was imagined, designed, and built right here in chilly New York City—a city that never ceases to inspire. I highly recommend a visit, especially to Lincoln Center.
• "muzei" is a transliteration of the Russian word музей, which means “museum.”
With that, enjoy the app, and let me know what you think in the comments!
- Waverly High School1999 - 2003
- Blaine High School1999 - 1999
- Pocket Mortys
- Pop the Lock
- Heroes of Loot
- The Room Three
- MobiataSenior Software Engineer, 2010 - present
- Web AscenderSoftware Engineer, 2007 - 2010
- Artemis Solutions GroupSoftware Engineer, 2007 - 2007
- MC Squared Technology Group LLCSoftware Engineer, 2006 - 2007
StrongLifts 5x5 Workout - Android Apps on Google Play
The simplest, most effective workout to get stronger, build muscle and burn fat fast. Three exercises, three times a week, 45 minutes per wo
Who should win a Webby for Mobile & Apps / Travel? Vote now.
Vote with me! – April 9th – 25th.
Android News, Apps, Games, Phones, Tablets - Android Police
Do you find yourself constantly adjusting the volume of your phone's ringtone, or wishing that the annoying buzz of your phone's vib
Add automatic volume adjustment to your Android alerts
Soften the blow of forgetting to turn off your ringtones and notifications with just a few simple steps. Read this blog post by Nicole Cozma
[Quick Look] RingDimmer Automatically Adjusts Ringtone Volume Based On A...
Do you find yourself constantly adjusting the volume of your phone's ringtone, or wishing that the annoying buzz of your phone's vibration c
RingDimmer for Android Automatically Adjusts the Ringer Volume to Match ...
Android: I've been known to just set my phone to vibrate because I don't want the ringer going off in a silent room, and then I wind up miss
RingDimmer For Android: Intelligently Adjust Ringtone Volume And Vibrati...
My default ringtone/vibration intensity is set so I can just barely detect them. I‘ve set them like this because, this way, I easily get not