Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Core Image   Making Instagram Like Effects
The Goods github.com/  kylestew/  Hipstaroid slidesha.re/    WstkjL
github.com/ kylestew/ Hipstaroidslidesha.re/   WstkjL               CEO - inVnt LLC               Mobile Developer @ cx.co...
Pictwo   PicQuick
Quartz 2D   Core Image
WWDC 2012Sessions 510 / 511
Hipstaroid
What is Core Image?Image processing framework for  Images  Video
Why is it useful?Filter chainsOptimized rendering
93 filters on iOS 6!
Runtime Introspection List available CoreImage filters List attributes on a filter   Input data types   Default input values
iOS <---> OS XVery similar API between OS X and iOSOS X has more filtersExtendable kernels in OSX
Flexible Inputs
Flexible Outputs
PowerfulCombine filtersRenders on the GPU
The Filters...      Color Effects                      Stylize Filters      Compositing Operations             Halftone Ef...
CISepiaTone
CIScreenBlendMode
CITwirlDistortion
CIGaussianBlur
Filter Block Diagram
Simple Example - Sepia Tone
Filter Chaining
Filter Chaining
CIContextCoreImage rendererFlexible rendering destination  CGImageRef  EAGLContext  CVPixelBufferRef  data
CPU vs GPU ContextGPU - fast, less accurateCPU - slow, more accurate, larger image sizesCPU can also be run in the backgro...
Hipstaroidgithub.com/kylestew/Hipstaroid
FilmSelectionViewController.m
DarkRoom.m
Film.h
Inversion.m
OldTimey.m
BlackWhite.m               ...
BlackWhite.m
LowRez.m
CameraViewController.m
CameraViewController.m
CameraViewController.m                         ...
CameraViewController.m
github.com/ kylestew/ Hipstaroidslidesha.re/   WstkjL               CEO - inVnt LLC               Mobile Developer @ cx.co...
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Core image presentation
Upcoming SlideShare
Loading in …5
×

Core image presentation

1,409 views

Published on

Creating Instagram like effects on iOS with Core Image

Published in: Technology
  • Be the first to comment

Core image presentation

  1. 1. Core Image Making Instagram Like Effects
  2. 2. The Goods github.com/ kylestew/ Hipstaroid slidesha.re/ WstkjL
  3. 3. github.com/ kylestew/ Hipstaroidslidesha.re/ WstkjL CEO - inVnt LLC Mobile Developer @ cx.com @kyleRstewart
  4. 4. Pictwo PicQuick
  5. 5. Quartz 2D Core Image
  6. 6. WWDC 2012Sessions 510 / 511
  7. 7. Hipstaroid
  8. 8. What is Core Image?Image processing framework for Images Video
  9. 9. Why is it useful?Filter chainsOptimized rendering
  10. 10. 93 filters on iOS 6!
  11. 11. Runtime Introspection List available CoreImage filters List attributes on a filter Input data types Default input values
  12. 12. iOS <---> OS XVery similar API between OS X and iOSOS X has more filtersExtendable kernels in OSX
  13. 13. Flexible Inputs
  14. 14. Flexible Outputs
  15. 15. PowerfulCombine filtersRenders on the GPU
  16. 16. The Filters... Color Effects Stylize Filters Compositing Operations Halftone Effects Geometry Adjustment Transition Effects Tile Effects Generators Distortion Effects Blur and Sharpen Effectshttps://developer.apple.com/library/mac/#documentation/graphicsimaging/ reference/CoreImageFilterReference/Reference/reference.html
  17. 17. CISepiaTone
  18. 18. CIScreenBlendMode
  19. 19. CITwirlDistortion
  20. 20. CIGaussianBlur
  21. 21. Filter Block Diagram
  22. 22. Simple Example - Sepia Tone
  23. 23. Filter Chaining
  24. 24. Filter Chaining
  25. 25. CIContextCoreImage rendererFlexible rendering destination CGImageRef EAGLContext CVPixelBufferRef data
  26. 26. CPU vs GPU ContextGPU - fast, less accurateCPU - slow, more accurate, larger image sizesCPU can also be run in the background
  27. 27. Hipstaroidgithub.com/kylestew/Hipstaroid
  28. 28. FilmSelectionViewController.m
  29. 29. DarkRoom.m
  30. 30. Film.h
  31. 31. Inversion.m
  32. 32. OldTimey.m
  33. 33. BlackWhite.m ...
  34. 34. BlackWhite.m
  35. 35. LowRez.m
  36. 36. CameraViewController.m
  37. 37. CameraViewController.m
  38. 38. CameraViewController.m ...
  39. 39. CameraViewController.m
  40. 40. github.com/ kylestew/ Hipstaroidslidesha.re/ WstkjL CEO - inVnt LLC Mobile Developer @ cx.com @kyleRstewart

×