4 ms·

Deconstructing Facebook Paper's photo panner

• theraven 13y ago
  Sweet new blog, goes straight to the iOS reading list.
• hiphopyo 13y ago
  Truly wonderful post. Curious though, could something like this be replicated with HTML5 and JS?
  • sampage 13y ago
    Thanks very much! There's a great HTML5 clone of the same feature https://github.com/tregoning/photoTilt https://github.com/tregoning/photoTilt
    • hiphopyo 13y ago
      A thousand thanks to you good sir!
• supercoder 13y ago
  Of course this feature is far from new / original. This app featured this effect years ago https://itunes.apple.com/us/app/photoloupe/id409722314?mt=8 https://itunes.apple.com/us/app/photoloupe/id409722314?mt=8
• freakadelic 13y ago
  Nice post! Another similar control http://github.com/chroman/CRMotionView http://github.com/chroman/CRMotionView
  • jjp0223 13y ago
    Also, https://github.com/howaboutwe/HAWTiltedImageView https://github.com/howaboutwe/HAWTiltedImageView
• Aloisius 13y ago
  I haven't used Paper yet, but is the photo panner different than the one used for large images on iOS 7's wallpaper/lock screen?
  • sampage 13y ago
    Yep, it's functionally very similar
• jasonostrander 13y ago
  If anyone is interesting, I wrote a proof-of-concept Android implementation of this UI. Not as polished as this though. I didn't make any attempt to ensure the scrolling time was consistent for different image sizes, and left out the scrollbar. But this code would get you started. https://github.com/jasonostrander/TiltToView https://github.com/jasonostrander/TiltToView