Basic functionality recreated with dynamically blended graphics from sprite dump

OtaClock.xcodeproj/project.pbxproj

@@ -13,6 +13,7 @@
 		E92321D11B8128E700D79B33 /* MainMenu.xib in Resources */ = {isa = PBXBuildFile; fileRef = E92321CF1B8128E700D79B33 /* MainMenu.xib */; };
 		E92321E81B8129FD00D79B33 /* MainView.m in Sources */ = {isa = PBXBuildFile; fileRef = E92321E71B8129FD00D79B33 /* MainView.m */; };
 		E92321EB1B812A1000D79B33 /* MainWindow.m in Sources */ = {isa = PBXBuildFile; fileRef = E92321EA1B812A1000D79B33 /* MainWindow.m */; };
+		E92321EF1B8202D300D79B33 /* Render.m in Sources */ = {isa = PBXBuildFile; fileRef = E92321EE1B8202D300D79B33 /* Render.m */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXFileReference section */
@@ -27,6 +28,8 @@
 		E92321E71B8129FD00D79B33 /* MainView.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = MainView.m; sourceTree = "<group>"; };
 		E92321E91B812A1000D79B33 /* MainWindow.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = MainWindow.h; sourceTree = "<group>"; };
 		E92321EA1B812A1000D79B33 /* MainWindow.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = MainWindow.m; sourceTree = "<group>"; };
+		E92321ED1B8202D300D79B33 /* Render.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = Render.h; sourceTree = "<group>"; };
+		E92321EE1B8202D300D79B33 /* Render.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = Render.m; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -65,6 +68,8 @@
 				E92321CF1B8128E700D79B33 /* MainMenu.xib */,
 				E92321E61B8129FD00D79B33 /* MainView.h */,
 				E92321E71B8129FD00D79B33 /* MainView.m */,
+				E92321ED1B8202D300D79B33 /* Render.h */,
+				E92321EE1B8202D300D79B33 /* Render.m */,
 				E92321E91B812A1000D79B33 /* MainWindow.h */,
 				E92321EA1B812A1000D79B33 /* MainWindow.m */,
 				E92321C61B8128E700D79B33 /* Supporting Files */,
@@ -171,6 +176,7 @@
 				E92321CC1B8128E700D79B33 /* main.m in Sources */,
 				E92321CA1B8128E700D79B33 /* AppDelegate.m in Sources */,
 				E92321E81B8129FD00D79B33 /* MainView.m in Sources */,
+				E92321EF1B8202D300D79B33 /* Render.m in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};

OtaClock/Images.xcassets/AppIcon.appiconset/Contents.json

@@ -3,61 +3,52 @@
     {
       "size" : "16x16",
       "idiom" : "mac",
-      "filename" : "icon_16.png",
+      "filename" : "icon.png",
       "scale" : "1x"
     },
     {
-      "size" : "16x16",
       "idiom" : "mac",
-      "filename" : "icon_32-1.png",
+      "size" : "16x16",
       "scale" : "2x"
     },
     {
-      "size" : "32x32",
       "idiom" : "mac",
-      "filename" : "icon_32.png",
+      "size" : "32x32",
       "scale" : "1x"
     },
     {
-      "size" : "32x32",
       "idiom" : "mac",
-      "filename" : "icon_64.png",
+      "size" : "32x32",
       "scale" : "2x"
     },
     {
-      "size" : "128x128",
       "idiom" : "mac",
-      "filename" : "icon_128.png",
+      "size" : "128x128",
       "scale" : "1x"
     },
     {
-      "size" : "128x128",
       "idiom" : "mac",
-      "filename" : "icon_256-1.png",
+      "size" : "128x128",
       "scale" : "2x"
     },
     {
-      "size" : "256x256",
       "idiom" : "mac",
-      "filename" : "icon_256.png",
+      "size" : "256x256",
       "scale" : "1x"
     },
     {
-      "size" : "256x256",
       "idiom" : "mac",
-      "filename" : "icon_512-1.png",
+      "size" : "256x256",
       "scale" : "2x"
     },
     {
-      "size" : "512x512",
       "idiom" : "mac",
-      "filename" : "icon_512.png",
+      "size" : "512x512",
       "scale" : "1x"
     },
     {
-      "size" : "512x512",
       "idiom" : "mac",
-      "filename" : "icon_1024.png",
+      "size" : "512x512",
       "scale" : "2x"
     }
   ],

OtaClock/Images.xcassets/Menu.imageset/Contents.json → OtaClock/Images.xcassets/alarm.imageset/Contents.json

@@ -3,12 +3,11 @@
     {
       "idiom" : "universal",
       "scale" : "1x",
-      "filename" : "menu16.png"
+      "filename" : "alarm.png"
     },
     {
       "idiom" : "universal",
-      "scale" : "2x",
-      "filename" : "menu32.png"
+      "scale" : "2x"
     },
     {
       "idiom" : "universal",

OtaClock/Images.xcassets/bubble.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "bubble.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/eyes_0.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "eyes_0.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/eyes_1.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "eyes_1.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/eyes_2.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "eyes_2.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/eyes_3.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "eyes_3.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/eyes_4.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "eyes_4.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/font_days.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "font_days.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/font_large.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "font_large.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/font_small.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "idiom" : "universal",
+      "scale" : "1x",
+      "filename" : "font_small.png"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "version" : 1,
+    "author" : "xcode"
+  }
+}

OtaClock/Images.xcassets/otacon.imageset/Contents.json

@@ -7,8 +7,7 @@
     },
     {
       "idiom" : "universal",
-      "scale" : "2x",
-      "filename" : "otacon2.png"
+      "scale" : "2x"
     },
     {
       "idiom" : "universal",

OtaClock/Info.plist

@@ -19,7 +19,7 @@
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleVersion</key>
-	<string>52</string>
+	<string>107</string>
 	<key>LSApplicationCategoryType</key>
 	<string>public.app-category.utilities</string>
 	<key>LSMinimumSystemVersion</key>

OtaClock/MainView.h

@@ -10,6 +10,4 @@
 
 @interface MainView : NSView
 
-@property (strong) NSImage *otaconImage;
-
 @end

OtaClock/MainView.m

@@ -7,23 +7,22 @@
 //
 
 #import "MainWindow.h"
+#import "Render.h"
 #import "MainView.h"
 
-#define BASE_IMAGE_RESIZE_FACTOR 0.2
+@interface MainView ()
+
+@property (strong) Render *render;
+
+@end
 
 @implementation MainView
 
-@synthesize otaconImage;
+@synthesize render;
 
 -(void)awakeFromNib {
-    // Load background image
-    self.otaconImage = [NSImage imageNamed:@"Otacon"];
-    
-    // Set window to a useful default size
-    NSSize newSize = [otaconImage size];
-    newSize.width *= BASE_IMAGE_RESIZE_FACTOR;
-    newSize.height *= BASE_IMAGE_RESIZE_FACTOR;
-    [(MainWindow*)[self window] setDefaultBackgroundSize:newSize];
+    render = [[Render alloc] init];
+    [(MainWindow*)[self window] setDefaultBackgroundSize:[render baseSize]]; // Set window to a useful default size
 }
 
 -(void)drawRect:(NSRect)dirtyRect {
@@ -31,8 +30,8 @@
     [[NSColor clearColor] set];
     NSRectFill([self frame]);
     
-    // Draw main image into window bounds
-    [otaconImage drawInRect:[self bounds]];
+    [render drawWith:0]; // Should be done somewhere else!
+    [render drawInto:self]; // Draw composite image
 }
 
 -(BOOL)acceptsFirstMouse:(NSEvent *)theEvent {

OtaClock/Render.h

@@ -0,0 +1,19 @@
+//
+//  Render.h
+//  OtaClock
+//
+//  Created by Thomas Buck on 17.08.15.
+//  Copyright (c) 2015 xythobuz. All rights reserved.
+//
+
+#import <Cocoa/Cocoa.h>
+
+@interface Render : NSObject
+
+- (id)init;
+- (NSSize)baseSize;
+
+- (void)drawWith:(NSInteger)eyeIndex;
+- (void)drawInto:(NSView *)view;
+
+@end

OtaClock/Render.m

@@ -0,0 +1,118 @@
+//
+//  Render.m
+//  OtaClock
+//
+//  Created by Thomas Buck on 17.08.15.
+//  Copyright (c) 2015 xythobuz. All rights reserved.
+//
+
+#import "Render.h"
+
+#define FULL_IMAGE_WIDTH 86
+#define FULL_IMAGE_HEIGHT 80
+#define BUBBLE_Y_OFFSET 45
+#define OTACON_X_OFFSET 1
+#define EYE_X_OFFSET 60
+#define EYE_Y_OFFSET 45
+
+@interface Render ()
+
+@property (assign) CGImageRef otaconGraphic;
+@property (assign) CGImageRef bubbleGraphic;
+@property (assign) CGImageRef eye0, eye1, eye2, eye3, eye4;
+
+@property (assign) NSSize fullSize;
+@property (assign) CGContextRef drawContext;
+
+@end
+
+@implementation Render
+
+@synthesize otaconGraphic;
+@synthesize bubbleGraphic;
+@synthesize eye0, eye1, eye2, eye3, eye4;
+
+@synthesize fullSize;
+@synthesize drawContext;
+
+- (CGImageRef)eyeHelper:(NSInteger)index {
+    if (index == 0) return eye0;
+    if (index == 1) return eye1;
+    if (index == 2) return eye2;
+    if (index == 3) return eye3;
+    if (index == 4) return eye4;
+    
+    NSLog(@"Render:eyeHelper:%ld unknown index!", (long)index);
+    return eye0;
+}
+
+- (id)init {
+    self = [super init];
+    if (self == nil) return nil;
+    
+    NSImage *otaconImage = [NSImage imageNamed:@"otacon"];
+    NSImage *bubbleImage = [NSImage imageNamed:@"bubble"];
+    NSImage *eye0Image = [NSImage imageNamed:@"eyes_0"];
+    NSImage *eye1Image = [NSImage imageNamed:@"eyes_1"];
+    NSImage *eye2Image = [NSImage imageNamed:@"eyes_2"];
+    NSImage *eye3Image = [NSImage imageNamed:@"eyes_3"];
+    NSImage *eye4Image = [NSImage imageNamed:@"eyes_4"];
+    
+    NSGraphicsContext *context = [NSGraphicsContext graphicsContextWithAttributes:nil];
+    
+    otaconGraphic = [otaconImage CGImageForProposedRect:nil context:context hints:nil];
+    bubbleGraphic = [bubbleImage CGImageForProposedRect:nil context:context hints:nil];
+    eye0 = [eye0Image CGImageForProposedRect:nil context:context hints:nil];
+    eye1 = [eye1Image CGImageForProposedRect:nil context:context hints:nil];
+    eye2 = [eye2Image CGImageForProposedRect:nil context:context hints:nil];
+    eye3 = [eye3Image CGImageForProposedRect:nil context:context hints:nil];
+    eye4 = [eye4Image CGImageForProposedRect:nil context:context hints:nil];
+    
+    fullSize.width = FULL_IMAGE_WIDTH;
+    fullSize.height = FULL_IMAGE_HEIGHT;
+    
+    drawContext = CGBitmapContextCreate(NULL, fullSize.width, fullSize.height, 8, 0, CGColorSpaceCreateDeviceRGB(), kCGImageAlphaPremultipliedLast | kCGBitmapByteOrderDefault);
+    
+    return self;
+}
+
+- (NSSize)baseSize {
+    return fullSize;
+}
+
+- (void)drawWith:(NSInteger)eyeIndex {
+    CGRect size;
+    
+    // Clear entire canvas
+    size.size = fullSize;
+    size.origin = NSZeroPoint;
+    CGContextClearRect(drawContext, size);
+    
+    // Draw Speech Bubble
+    size.size.width = CGImageGetWidth(bubbleGraphic);
+    size.size.height = CGImageGetHeight(bubbleGraphic);
+    size.origin.y = BUBBLE_Y_OFFSET;
+    CGContextDrawImage(drawContext, size, bubbleGraphic);
+    
+    // Draw Otacon
+    size.size.width = CGImageGetWidth(otaconGraphic);
+    size.size.height = CGImageGetHeight(otaconGraphic);
+    size.origin = NSZeroPoint;
+    size.origin.x = CGImageGetWidth(bubbleGraphic) + OTACON_X_OFFSET;
+    CGContextDrawImage(drawContext, size, otaconGraphic);
+    
+    // Draw eyes
+    size.size.width = CGImageGetWidth([self eyeHelper:eyeIndex]);
+    size.size.height = CGImageGetHeight([self eyeHelper:eyeIndex]);
+    size.origin.x = EYE_X_OFFSET;
+    size.origin.y = EYE_Y_OFFSET;
+    CGContextDrawImage(drawContext, size, [self eyeHelper:eyeIndex]);
+}
+
+- (void)drawInto:(NSView *)view {
+    CGImageRef drawnImage = CGBitmapContextCreateImage(drawContext);
+    NSImage *result = [[NSImage alloc] initWithCGImage:drawnImage size:fullSize];
+    [result drawInRect:[view bounds] fromRect:NSZeroRect operation:NSCompositeSourceOver fraction:1.0 respectFlipped:NO hints:[NSDictionary dictionaryWithObject:[NSNumber numberWithInteger:NSImageInterpolationNone] forKey:NSImageHintInterpolation]];
+}
+
+@end