Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Cocoa noise drawing code plus a ready to go noise view!
Objective-C Ruby
Branch: master

I've been developing this noise drawing code for quite some time. It all started with drawing noise in the title bar of INAppStoreWindow. The original implementation of the noise drawing for the titlebar used CIFilter, but this took up an unusual amount of memory and also didn't look so great. So I began my quest for the best noise drawing solution, this project contains the third version which I feel is finally ready for prime time on the Mac and iOS!

KGNoise generates random black and white pixels into a static 128x128 image that is then tiled to fill the space. The random pixels are seeded with a value that has been chosen to look the most random, this also means that the noise will look consistent between app launches.

KGNoise is retina compatible on both iOS and the Mac. An identical interface is provided for both platforms through the use of compile time #if checks.


Add KGNoise.h and KGNoise.m to your project, then import KGNoise.h:

#import "KGNoise.h"

KGNoise is distributed under the MIT license, see the license file for more information.


KGNoise provides two generic noise drawing functions that you can use in your drawing code.

+ (void)drawNoiseWithOpacity:(CGFloat)opacity;
+ (void)drawNoiseWithOpacity:(CGFloat)opacity andBlendMode:(CGBlendMode)blendMode;


- (NSColor/UIColor *)colorWithNoiseWithOpacity:(CGFloat)opacity;
- (NSColor/UIColor *)colorWithNoiseWithOpacity:(CGFloat)opacity andBlendMode:(CGBlendMode)blendMode;


- (UIImage/NSImage *)imageWithNoiseOpacity:(CGFloat)opacity;
- (UIImage/NSImage *)imageWithNoiseOpacity:(CGFloat)opacity andBlendMode:(CGBlendMode)blendMode;


There is also a subclass of NSView or UIView, depending on your platform, that you can use out of the box to draw noise on a solid color. The noise opacity, blending mode, and background color are all customizable.

@property (strong, nonatomic) NSColor/UIColor *backgroundColor;
@property (nonatomic) CGFloat noiseOpacity;
@property (nonatomic) CGBlendMode noiseBlendMode;

Please note that the standard backgroundColor is used for UIView, but backgroundColor does not exist on NSView so it has been added to provide the exact same interface for both platforms.

KGNoiseLinearGradientView & KGNoiseRadialGradientView

KGNoiseLinearGradientView and KGNoiseRadialGradientView inherit from KGNoiseView and draw a linear or radial gradient respectively. They provide a property to set the alternate background color to be used in the gradient.

@property (strong, nonatomic) NSColor/UIColor *alternateBackgroundColor;

In addition, KGNoiseLinearGradientView provides a property to set gradient direction to 0, 90, 180, or 270 degrees.

@property (nonatomic) KGLinearGradientDirection gradientDirection;


This project contains an example project that demonstrates how KGNoiseView could be used in a Mac or iOS app.

Something went wrong with that request. Please try again.