Yahoo2013 hackday - Frosted Glass Effect on iOS app

1,410 views

Published on

Yahoo 2013 Hackdy演講:
毛玻璃效果如何在app中進行實作,並瞭解執行效率的差異。

1 Comment
3 Likes
Statistics
Notes
  • Free Download : http://gg.gg/114bb

    Hey Guyz and girls, Today I am gonna show you perfact tool, Remember This video is old, But the download link with hack is brand new. Its very simple to using this tool and here are some instructions in video. Please REDOWNLOAD. Don't Forget to Comment Subscribe & Rate My Video :)

    Virus Scan :- This file has been scanned with avast! Antivirus. -- Status: FILE IS CLEANN.

    Copyright © 2014. All Rights Reserved
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
1,410
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
12
Comments
1
Likes
3
Embeds 0
No embeds

No notes for slide

Yahoo2013 hackday - Frosted Glass Effect on iOS app

  1. 1. Frosted glass effect in mobile web and app Anistar Sung John Wu Saturday, November 2, 13
  2. 2. Anistar Sung Yahoo EC Lead Engineer John wu Yahoo EC Sr. Engineer Saturday, November 2, 13
  3. 3. Why we like frosted glass effect? Saturday, November 2, 13
  4. 4. content is the king Saturday, November 2, 13
  5. 5. content is the king Saturday, November 2, 13
  6. 6. Saturday, November 2, 13
  7. 7. Frosted glass flow Saturday, November 2, 13
  8. 8. Frosted glass flow Saturday, November 2, 13
  9. 9. Frosted glass flow Saturday, November 2, 13
  10. 10. Frosted glass flow Saturday, November 2, 13
  11. 11. Frosted glass flow Saturday, November 2, 13
  12. 12. Frosted glass flow Saturday, November 2, 13
  13. 13. Frosted glass flow Saturday, November 2, 13
  14. 14. DEMO Saturday, November 2, 13
  15. 15. DEMO Saturday, November 2, 13
  16. 16. Mobile device so slow Speed is most important thing in UX Saturday, November 2, 13
  17. 17. CPU vs GPU GPU faster than CPU 50X in blur effect. Saturday, November 2, 13
  18. 18. Framework Solutions CoreGraphics: 1425 ms GPUImage: 153 ms CoreImage: 138 ms UIToolbar: Saturday, November 2, 13 N/A (unadjustable)
  19. 19. GPUImage Framework GPUImagePicture *imagePicture = [[GPUImagePicture alloc] initWithImage:sourceImage]; GPUImageFastBlurFilter *gpuBlurFilter = [[GPUImageFastBlurFilter alloc] init]; gpuBlurFilter.blurPasses = 4; gpuBlurFilter.blurSize = 2.0f; [imagePicture addTarget:gpuBlurFilter]; [gpuBlurFilter prepareForImageCapture]; [imagePicture processImage]; UIImage *resultImage = [gpuBlurFilter imageFromCurrentlyProcessedOutput]; Saturday, November 2, 13
  20. 20. CoreImage Framework CIImage *coreSourceImage = [CIImage imageWithCGImage:sourceImage.CGImage]; CIFilter *blurFilter = [CIFilter filterWithName:@"CIGaussianBlur"]; [blurFilter setValue:coreSourceImage forKey:kCIInputImageKey]; [blurFilter setValue:@5.0f forKey:@"inputRadius"]; CIImage *resultCoreImage = [blurFilter outputImage]; CGImageRef cgImageRef = [_context createCGImage:resultCoreImage fromRect:coreSourceImage.extent]; UIImage *resultImage = [UIImage imageWithCGImage:cgImageRef]; CGImageRelease(cgImageRef); Saturday, November 2, 13
  21. 21. UIToolbar UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake( 0.0f, 0.0f, 320.0f, 100.0f)]; [self.view addSubview:toolbar]; Saturday, November 2, 13
  22. 22. Q&A Saturday, November 2, 13

×