Multithreaded Drawing by Eric Lanz

Transcript

1. Multithreaded Drawing with core graphics Eric.Lanz @OrgBook.com

2. What you should do • Get an artist to make

   all your graphics up front • Use tools like GraphicsMagick, OptiPng and PVRTC (OpenGL) • Use built in cache mechanisms • UIKit -> Core Animation -> OpenGL

3. What if you can’t • User defined image data at

   run-time • Continuous animation responding to user interaction • Too much image data to pre-process and ship with the app

4. Know when to draw View Controllers Drawables Drawables Drawables Drawables

   User Input • User triggers redraw • View controllers determine layout • Don’t directly call draw on a drawable

5. Synchronous Data API View Controllers Drawables Drawables Drawables Drawables Data

   Controller User Input Core Data No Local Copy? Return a fake object while you wait for the API

6. Asynchronous Draw API View Controllers Drawables Drawables Drawables Drawables Data

   Controller User Input Core Data Targeted NSNotifications: @”ObjectUpdate_XYZ”

7. Drawing Pipeline Render Controller Drawable • Drawable asks to be

   drawn using some template • Entire operation contained in a block

8. Direct Draw Controller Drawable Direct Template Core Graphics Cache 1

9. Dispatch Serial Queue Draw Controller Drawable Dispatch_Serial Template Core Graphics

   Cache 2 Create a serial dispatch queue, this will run one task at a time on a worker thread.

10. Dispatch Global Queue Draw Controller Drawable Dispatch_Global Template Core Graphics

    Cache 3 Use the Global dispatch queue, this runs tasks concurrently on multiple worker threads.

11. All Together Now Draw Controller Drawable Dispatch_Global Template Core Graphics

    Cache 3 Dispatch_Serial Template Core Graphics Cache 2 Direct Template Core Graphics Cache 1

12. Dispatch Serial Queue UIGraphicsPushContext(c); [[UIColor blackColor] setFill]; [@"Sample" drawInRect:CGRectMake(0, 4,

    width, height) withFont:[UIFont fontWithName:@"Helvetica" size:fontSize] lineBreakMode:UILineBreakModeTailTruncation alignment:UITextAlignmentCenter]; UIGraphicsPopContext(); CGContextRelease(c); CGColorSpaceRelease(genericRGBColorspace); GLubyte *imageData = (GLubyte *) calloc(1, width * height * 4); CGColorSpaceRef genericRGBColorspace = CGColorSpaceCreateDeviceRGB(); CGContextRef c = CGBitmapContextCreate(imageData, width, height, 8, width * 4, genericRGBColorspace, kCGBitmapByteOrder32Little | kCGImageAlphaPremultipliedFirst);

13. Dispatch Global CGContextScaleCTM(c, 1.0, -1.0); CGContextTranslateCTM(c, 0, -height); CGMutablePathRef circlePath

    = CGPathCreateMutable(); CGPathAddEllipseInRect( circlePath , NULL , CGRectMake(1, 1, width-2, height-2) ); CGContextAddPath(c, circlePath); CGContextClip(c); UIImage * personImage = [UIImage imageWithContentsOfFile:path]; CGContextDrawImage(c, CGRectMake(0, 0, width, height), personImage.CGImage); CGContextRelease(c); CGColorSpaceRelease(genericRGBColorspace); GLubyte *imageData = (GLubyte *) calloc(1, width * height * 4); CGColorSpaceRef genericRGBColorspace = CGColorSpaceCreateDeviceRGB(); CGContextRef c = CGBitmapContextCreate(imageData, width, height, 8, width * 4, genericRGBColorspace, kCGBitmapByteOrder32Little | kCGImageAlphaPremultipliedFirst);

14. Final Thoughts • No architecture is perfect • Maintain balance

    • Make it easy to tweak • Don’t get lost in the details

15. Questions