TweetFollow Us on Twitter

Mineralogy 101: Use the Quartz (2D), Luke!

Volume Number: 21 (2005)
Issue Number: 8
Column Tag: Programming

Mac OS X Programming

Mineralogy 101: Use the Quartz (2D), Luke!

by David Hill

Welcome!

While most of you have probably heard of Mac OS X's 2D drawing API, Quartz 2D, how many of you have taken the time to pull up the headers and get your hands dirty figuring out what it can do? For those of you that haven't, whether you've been too busy or just too intimidated to learn another drawing API, I'm going to walk you through some of the basics in this article. I'm not going to dwell on theory or the details of the drawing model. Instead, we're just going to play with the API and perhaps learn something along the way. I'll present short snippets of drawing code that you can drop into a sample project and try out. Feel free to play with the code and experiment on your own.

I'm basing the code on Mac OS X 10.3 (Panther) and Xcode 1.5 so if you're running a different version of the OS or Xcode, you'll need to adjust the content accordingly. In particular, watch out for functions that are only available in Panther. The Quartz 2D headers very specifically mark those APIs that are only available in 10.3 and later with the flag AVAILABLE_MAC_OS_X_VERSION_10_3_AND_LATER. In addition, while I'm providing a Cocoa project with this article, the Quartz 2D code is clearly marked and valid for Carbon as well as Cocoa. Carbon developers should watch out for differences between the coordinate systems, however, since Cocoa and Quartz 2D place the origin in the bottom left corner with +y pointing up while Carbon (older QuickDraw code as well as Carbon Events) assumes that the origin is in the upper left corner with +y pointing down.

One final note about Quartz 2D: the headers, functions, and types are all prefixed with CG as an abbreviation for Quartz 2D's older name, Core Graphics. Luckily, Xcode knows how to find the headers when you need to take a look. Just hit CMD-D, type the name of the header you're looking for ("CGContext.h", for example), and hit return. You can also CMD-double-click on a Quartz 2D type or function name in your code and Xcode will find the header for you.

The Quartz2DShell Project

Those of you following along at home will need a simple project to hold the Quartz 2D code snippets we'll be talking about. Either download the sample code for this article or start up Xcode and create a new Cocoa application project (for simplicity, I'm not using the Cocoa Document-based project). I've called mine Quartz2DShell but feel free to be more creative. Once Xcode has created the project, double click on the MainMenu.nib to open it in Interface Builder. Switch over to the Classes tab in the MainMenu.nib window, search for NSView, click on NSView in the class list, and select Subclass NSView from the Classes menu. IB should select the new NSView subclass (give it a suitable name like Quartz2DView). Then, select Create Files from the Classes menu and you're almost done. Add a Custom View to the window, resize it to fill the window, and set the resizing springs so that the view tracks the window. Finally, set the view's custom class to Quartz2DView and you're done. Save the nib file and return to Xcode. You should see Quartz2DView.h and Quartz2DView.m waiting for you.

Getting Started

The first thing you need in order to draw with Quartz 2D is a CGContextRef. For those of you familiar with other drawing APIs, you can think of a CGContextRef as a QuickDraw port or a GDI device context. CGContextRefs hold your drawing state and give you a place to draw. There are several different ways to obtain a CGContextRef but for our purposes we'll simply retrieve one from our custom view by replacing the existing drawRect: method with the code shown below.

	- (void)drawRect:(NSRect)rect
   {
      // get the current CGContextRef for the view
      CGContextRef currentContext =
         (CGContextRef)[[NSGraphicsContext currentContext]
         graphicsPort];

      // grab some useful view size numbers
      NSRect bounds = [self bounds];
      float width = NSWidth( bounds );
      float height = NSHeight( bounds );
      float originX = NSMinX( bounds );
      float originY = NSMinY( bounds );
      float maxX = NSMaxX( bounds );
      float maxY = NSMaxY( bounds );
      float middleX = NSMidX( bounds );
      float middleY = NSMidY( bounds );

      ////
      ////   insert the Quartz 2D drawing code snippets here
      ////

      CGContextFlush( currentContext );
   }

Carbon developers working with WindowRefs will need to get the port for the window and then call QDBeginCGContext() to obtain the appropriate CGContextRef. Note that you'll also need to call CGContextFlush() and then QDEndCGContext() once you're done drawing. Your function drawing code should look something like this:

   CGrafPtr portPtr = GetWindowPort( windowRef );
   CGContextRef currentContext = NULL;
   QDBeginCGContext( portPtr, ¤tContext );

   // insert the Quartz 2D drawing code snippets here

   CGContextFlush( currentContext );	
   // update the window
   QDEndCGContext( portPtr, ¤tContext );

Rectangles

As I mentioned earlier, the coordinate system of the CGContextRef has the origin in the bottom left corner and the +y axis points up. What I didn't tell you was that the context is also set up such that one context unit is equivalent to one view pixel. As we'll see a little later, Quartz 2D has a very flexible coordinate transformation system based on the concept of the Current Transformation Matrix (CTM) and so you can change that one-to-one mapping if you like. For now, we'll leave well enough alone and keep things simple. As long as we don't change the CTM, we can use coordinates that match the dimensions of the view and get the results we'd expect.

Let's start with some really basic drawing. Most of the Quartz 2D API is based on the concept of a path (we'll talk about paths in just a minute) but there is a really straightforward convenience function for drawing rectangles called CGContextFillRect(). CGContextFillRect() takes the CGContextRef you're drawing into and the rectangle you'd like Quartz 2D to fill. Insert the following code into the drawRect: method and then build and run the app.

   //   try a simple rectangle with the convenience function CGContextFillRect
      CGRect testRect =
         CGRectMake(   originX + width / 4.0,	
   // left
                           originY + height / 4.0,
   // bottom
                           width / 2.0,						
   // width
                           height / 2.0 );				
   // height
      CGContextFillRect( currentContext, testRect );

You should see a large black rectangle in the middle of your window (Figure 1). Since we're basing our rectangle on the dimensions of the custom view, if you set up the resizing springs correctly in IB you should be able to resize the window and have the rectangle adjust accordingly in real time.


Figure 1: Black rectangles go with everything

Now that you've drawn your first Quartz 2D graphic, let's move on to a slightly more complicated topic. As I mentioned before, Quartz 2D likes to deal in paths. In fact, the CGContextFillRect() function really just creates, fills, and destroys a rectangular path under the hood. Let's take a look at what the CGContextFillRect() function is doing for us. Drop this code into the drawRect: code in place of the previous snippet:

      CGContextBeginPath( currentContext );
      CGContextMoveToPoint( currentContext,
         originX + width / 4.0, originY + height / 4.0 );
      CGContextAddLineToPoint( currentContext,
         originX + width / 4.0 + width / 2.0,
         originY + height / 4.0 );
      CGContextAddLineToPoint( currentContext,
         originX + width / 4.0 + width / 2.0,
         originY + height / 4.0 + height / 2.0 );
      CGContextAddLineToPoint( currentContext,
         originX + width / 4.0,
         originY + height / 4.0 + height / 2.0 );
      CGContextFillPath( currentContext );

Here, we're starting a new path with CGContextBeginPath(), moving to the bottom left corner of the rectangle, adding lines along the bottom, right, and top edges, and then filling the path with CGContextFillPath(). Note that we didn't have to add the fourth line to close the path ourselves. For the purposes of filling the path, Quartz 2D will automatically close the current path (if it is still open) with a straight line back to its starting point whenever we call one of the drawing functions.

One interesting thing to note about Quartz 2D and paths: drawing with the current path (either filling, stroking, or both) consumes that path. If we were to add another drawing call like CGContextStrokePath() after our call to CGContextFillPath(), nothing would happen. We would have to recreate our rectangular path in order to draw it again. Thankfully, since performing both a fill and a stroke (drawing the outline) of a path is so common, Quartz 2D provides a way to do both in one function call. Simply call CGContextDrawPath() and pass in kCGPathFillStroke or kCGPathEOFillStroke for the drawing mode parameter and Quartz 2D will fill and stroke the path in one operation.

In order for the stroke to be visible over the fill, I'll need to show you one more thing: colors. There are two important colors in Quartz 2D: the fill color and the stroke color. There are several ways to set colors but, for the purposes of this article, we'll stick with the simplest two: CGContextSetRGBFillColor() and CGContextSetRGBStrokeColor(). (If you want to investigate Quartz 2D's color support in more detail, check out CGColorRefs and CGColorSpaceRefs). Replace the call to CGContextFillPath() with these lines and watch what happens:

   // Set the red, green, blue, and alpha color values
   CGContextSetRGBFillColor( currentContext,
      1.0, 0.0, 0.0, 1.0 );
   CGContextSetRGBStrokeColor( currentContext,
      0.0, 1.0, 0.0, 1.0 );
   CGContextDrawPath( currentContext, kCGPathFillStroke );

Now your code should draw a red rectangle with a green outline. For those of you like me with poor eyesight, a bad monitor, or both, you may have some trouble seeing the single-pixel outline. Let's make the stroke wider and more obvious. Add this line before the call to CGContextDrawPath():

   CGContextSetLineWidth( currentContext, 10 );


Figure 2: Looks like we forgot something

Ah, now that the outline is more visible (Figure 2), you can clearly see why I said that Quartz 2D would close the path for the purposes of filling the path. Quartz 2D didn't automatically close the path for the stroke so the left edge of the rectangle doesn't have a green line. Close the path manually (Figure 3) by adding this call to CGContextClosePath() after the third CGContextAddLineToPoint() call:

 CGContextClosePath( currentContext );


Figure 3: That's much better

Lines

Now that you've got a handle on rectangles, we'll move on to some of the fun things you can do with lines. We've already added lines to paths to make our rectangles and changed the line width but there are some other things we can tweak to control the way lines look. Replace your rectangle code with the line code below that explores the different line cap styles.

   // draw some wide lines with different endcaps and dashes
   CGContextSetLineWidth( currentContext, 15 );
		
   CGContextSetLineCap( currentContext, kCGLineCapButt );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 15 );
   CGContextAddLineToPoint( currentContext,
      maxX - 15, originY + 15 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineCap( currentContext, kCGLineCapRound );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 45 );
   CGContextAddLineToPoint( currentContext,
      maxX - 15, originY + 45 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineCap( currentContext, kCGLineCapSquare );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 75 );
   CGContextAddLineToPoint( currentContext,
      maxX - 15, originY + 75 );
   CGContextStrokePath( currentContext );


Figure 4: Line cap styles

This code produces three fat lines (Figure 4) with different end styles: butt, round, and square. Feel free to increase the line size or zoom in (using Mac OS X's accessibility controls) to get a better look at the end caps. Also, notice that while the line with the kCGLineCapButt style ends right where the path starts and ends, the other two line cap styles cause the line to overflow the end points. This happens because the round and square cap styles draw a half-circle and a square, respectively, centered on the end point of the path whereas the butt cap style squares off the end of the path perpendicular to the path at the endpoint.


Figure 5: Line join styles

Quartz 2D can also join lines in three different ways: miter, round, and bevel. The following code draws three paths composed of two lines each (Figure 5). Notice the difference in the corners where the lines meet. Depending on the size of your window, the miter and bevel join styles may look the same. Narrow the window slowly and the mitered lines will eventually change as the angle between the lines increases (Figure 6). I don't know about you but I'm really glad Quartz 2D figures all of this out for me.


Figure 6: The miter join looks different now

   // test the different line join styles
   CGContextSetLineWidth( currentContext, 15 );
   CGContextSetLineCap( currentContext, kCGLineCapButt );

   CGContextSetLineJoin( currentContext, kCGLineJoinMiter );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 105 );
   CGContextAddLineToPoint( currentContext,
      maxX - 75, originY + 105 );
   CGContextAddLineToPoint( currentContext,
      originX + 15, originY + 155 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineJoin( currentContext, kCGLineJoinRound );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 175 );
   CGContextAddLineToPoint( currentContext,
      maxX - 75, originY + 175 );
   CGContextAddLineToPoint( currentContext,
      originX + 15, originY + 225 );
   CGContextStrokePath( currentContext );
	
   CGContextSetLineJoin( currentContext, kCGLineJoinBevel );
   CGContextBeginPath( currentContext );
   CGContextMoveToPoint( currentContext,
      originX + 15, originY + 245 );
   CGContextAddLineToPoint( currentContext,
      maxX - 75, originY + 245 );
   CGContextAddLineToPoint( currentContext,
      originX + 15, originY + 295 );
   CGContextStrokePath( currentContext );

Paths

Up to this point, we've been drawing by setting up the current path in a context and then asking the context to draw that path. This works fine but it can be awkward when you want to reuse a path multiple times. Luckily, Quartz 2D includes a separate path object, CGPathRef, that you can create and reuse over and over again. The usage pattern is simple: create a mutable path, add to the path in much the same way as we did for the current path in the context, add the path to the context, and ask the context to draw. Note: the NULL parameters below are CGAffineTransforms that allow you to transform the points as they're added to the path. We won't worry about those in this article so we'll pass in NULL to keep Quartz 2D from doing any extra work. Drop in the code snippet below and try it out.

      //   create a path and use it
      path = CGPathCreateMutable();
      CGPathMoveToPoint( path, NULL,
         originX + 15, originY + 120 );
      CGPathAddLineToPoint( path, NULL,
         maxX - 75, originY + 120 );
      CGPathAddLineToPoint( path, NULL,
         originX + 15, originY + 170 );
      CGContextAddPath( currentContext, path );
      CGPathRelease( path );
      CGContextStrokePath( currentContext );

Not too exciting, is it? Have patience. We're getting to the good part. Creating a CGPathRef, adding to it, drawing with it, and then releasing it isn't terribly efficient. What you really want to do is create the path, set it up, and then use it multiple times before releasing it. Get rid of the boring path code above and replace it with this:

   CGContextSetLineWidth( currentContext, 2 );

   // create and set up the path starting at the origin
   path = CGPathCreateMutable();
   CGPathMoveToPoint( path, NULL, originX, originY );
   CGPathAddLineToPoint( path, NULL,
      originX + width / 8.0, originY );
   CGPathMoveToPoint( path, NULL,
      originX + width / 8.0, originY + 0.25 * width / 8.0 );
   CGPathAddLineToPoint( path, NULL,
      originX + 0.75 * width / 8.0,
      originY - 0.25 * width / 8.0 );

   // translate the origin to the middle of the window
   CGContextTranslateCTM( currentContext,
      middleX, middleY );
		
   // scale the context so that things are twice as big in both directions
   CGContextScaleCTM( currentContext, 2, 2 );
	
   float radiansToRotate = 2 * M_PI / 21;
   int i;
   for ( i = 0; i < 21; i++ )
   {
      // add the path to the context and draw
      CGContextAddPath( currentContext, path );
      CGContextStrokePath( currentContext );
			
      // rotate the context just a bit
      CGContextRotateCTM( currentContext, radiansToRotate );
   }

   // we're done with the path
   CGPathRelease( path );


Figure 7: Repeated and rotated path

This code adds some new twists (Figure 7) to what you've seen before by manipulating the CTM. Remember the CTM? I told you that as long as we didn't mess with it, we could draw using view coordinates and things would turn out like we'd expect. Well, now we've got to change the CTM or we won't be able to see that we're drawing the CGPathRef object multiple times. In this case, we set up the path, set up the CTM so that the coordinate system origin is in the middle of the window, make things a bit bigger, and then enter a loop. The loop draws the path object and then rotates the CTM a bit so that we don't draw the path over itself 21 times in a row. Note: CGContextRotateCTM() rotates the CTM such that the next path you draw appears to rotate counter-clockwise around the origin.

There's one last stop on our tour of paths and lines: dashes. Quartz 2D makes it almost too simple to draw beautiful dashed lines. All you need to do is set up an array containing the dash lengths you want, make a call to CGContextSetLineDash(), and stroke your paths. Quartz 2D takes care of the rest. Take this code for a spin (Figure 8) and see what you think.

   // play with line dashes
   CGContextSetLineWidth( currentContext, 10.0 );
   float dashPhase = 0.0;
   float dashLengths[] = { 20, 30, 40, 30, 20, 10 };
   CGContextSetLineDash( currentContext,
      dashPhase, dashLengths,
      sizeof( dashLengths ) / sizeof( float ) );
		
   CGContextMoveToPoint( currentContext,
      originX + 10, middleY );
   CGContextAddLineToPoint( currentContext,
      maxX - 10, middleY );
   CGContextStrokePath( currentContext );


Figure 8: A custom dashed line

Here, the dashLength[] array sets up dashes of length of 20, 40, and 20 with gaps in between of length 30, 30, and 10. You can also adjust the phase (where the dash pattern starts - play with it a bit) when you call CGContextSetLineDash().

Dashes work fine with straight, horizontal lines but that's boring. Let's try something more interesting. Here's another snippet that draws curves instead of lines (Figure 9). Add this code after the CGContextStrokePath():

   // play with curves & dashes
   CGContextSetRGBFillColor( currentContext,
      1.0, 0.0, 0.0, 1.0 );
   CGContextSetRGBStrokeColor( currentContext,
      0.0, 1.0, 0.0, 1.0 );
	
   CGContextMoveToPoint( currentContext, middleX, maxY );
   CGContextAddCurveToPoint( currentContext, originX, maxY,
      originX, 0.667 * maxY, middleX, middleY );
   CGContextAddCurveToPoint( currentContext,
      maxX, 0.333 * maxY, maxX, originY, middleX, originY );
   CGContextAddCurveToPoint( currentContext, originX,
      originY, originX, 0.333 * maxY, middleX, middleY );
   CGContextAddCurveToPoint( currentContext, maxX,
      0.667 * maxY, maxX, maxY, middleX, maxY );

   CGContextDrawPath( currentContext, kCGPathFillStroke );


Figure 9: Dashed and filled figure eight

Notice how the dash pattern moves along the curve as you resize the window while the pattern remains fixed on the horizontal line? That is because Quartz 2D starts the dash pattern at the beginning of the path and repeats the pattern as many times as necessary to reach the end of the path. If the length of the path changes, Quartz 2D just continues the pattern as necessary. Since we're always looking at the beginning of the path for the straight line, the pattern doesn't appear to shift. However, with the curve we can see a clear beginning and end of the path. That makes the additional dashes added and removed quite obvious as the curve length changes.

Shadows

Mac OS X has always provided very nice shadows under windows and other UI elements. With Panther, Apple added APIs to Quartz 2D to allow you to draw your own shadows. There are two shadow APIs: the simple one and the slightly less simple one. The former, CGContextSetShadow(), sets up a simple black shadow. The latter, CGContextSetShadowWithColor(), allows you to specify the color of the shadow. We'll use the black version here but knock yourself out with colored shadows if that's your thing. Add this line right after the "play with curves & dashes" comment.

 CGContextSetShadow( currentContext,
      CGSizeMake( 14.0, -14.0 ), 7.0 );


Figure 10: New and improved with Shadows!

Now our curve has a nice soft shadow (Figure 10) but if you look closely you'll see that the dashed green outline is casting a shadow on the red filled portion. Depending on the look you're going for, that may or may not be what you want. It turns out that even though we're making a single call to fill and stroke the path, Quartz 2D is performing two separate operations and each result has a shadow. The fill comes first with the bottom shadow and then the stroke comes along and draws its shadow on top of the fill. So, if you want the combined result of the two operations to have a single shadow, what do you do? You'll need to use a transparency layer, yet another new feature added to Quartz 2D for Panther.

Transparency layers only require two function calls, one to begin the layer and one to end the layer. In between, all Quartz 2D drawing for the context goes into the layer instead of the destination of the context. Once you end the layer, all of the drawing in the layer is composited into the context using the shadow state of the context. It will make more sense if you try it out yourself. There are two lines of code below. Add the CGContextBeginTransparencyLayer() call right after the call to CGContextSetRGBStrokeColor() and the CGContextEndTransparencyLayer() call right after the CGContextDrawPath() call.

CGContextBeginTransparencyLayer( currentContext, NULL );
   CGContextEndTransparencyLayer( currentContext );


Figure 11: Just one shadow this time

With that change, you should see your green-outlined, red-filled figure-eight with a single shadow behind the whole thing (Figure 11). Oh, and you're probably still drawing the black dashed line in the background. Transparency layers make it very easy to add shadows to whole groups of objects. As their name implies, you can also use transparency layers to properly handle alpha compositing (transparency) of multiple objects at the same time by setting the alpha value for the context before you begin the transparency layer. Call CGContextSetAlpha() before you call CGContextBeginTransparencyLayer() and the contents of the layer will be composited back into the context with that alpha value when you end the layer. To see this in action, add the following call right before you begin the layer:

   CGContextSetAlpha( currentContext, 0.5 );

Now the whole figure eight has faded out and you can see some of the black dashed line running through the middle (Figure 12). You can also see the faint outline of the figure's shadow through the red fill on the left side.


Figure 12: Fading out

Wrap Up

I hope you've enjoyed our brief exploration of Quartz 2D. There's so much power and elegance in the API, you really need to sit down and play with it for a while before you get a feel for what it can do. With any luck, I've given you enough of a taste of Quartz 2D that you're ready to go off and experiment on your own. Enjoy!


David Hill is a freelance writer living in College Station, Texas. In a former life, he worked in Apple's Developer Technical Support group helping developers print, draw, and write games. In his free time he dabbles in screen savers and other esoteric topics.

 

Community Search:
MacTech Search:

Software Updates via MacUpdate

OmniOutliner Pro 4.6 - Pro version of th...
OmniOutliner Pro is a flexible program for creating, collecting, and organizing information. Give your creativity a kick start by using an application that's actually designed to help you think. It's... Read more
Alfred 3.1 - Quick launcher for apps and...
Alfred is an award-winning productivity application for OS X. Alfred saves you time when you search for files online or on your Mac. Be more productive with hotkeys, keywords, and file actions at... Read more
OmniOutliner 4.6 - Organize your ideas,...
OmniOutliner is a flexible program for creating, collecting, and organizing information. Give your creativity a kick start by using an application that's actually designed to help you think. It's... Read more
Default Folder X 5.0.6 - Enhances Open a...
Default Folder X attaches a toolbar to the right side of the Open and Save dialogs in any OS X-native application. The toolbar gives you fast access to various folders and commands. You just click on... Read more
Adobe Creative Cloud 3.8.0.310 - Access...
Adobe Creative Cloud costs $19.99/month for a single app, or $49.99/month for the entire suite. Introducing Adobe Creative Cloud desktop applications, including Adobe Photoshop CC and Illustrator CC... Read more
MYStuff Pro 2.0.25 - Create inventories...
MYStuff Pro is the most flexible way to create detail-rich inventories for your home or small business. Add items to MYStuff by dragging and dropping existing information, uploading new images, or... Read more
Viber 6.2.0 - Send messages and make cal...
Viber lets you send free messages and make free calls to other Viber users, on any device and network, in any country! Viber syncs your contacts, messages and call history with your mobile device, so... Read more
Data Rescue 4.2.3 - Powerful hard drive...
Use Data Rescue to recover: crashed, corrupted or non-mounting hard drive deleted, damaged, or lost files reformatted or erased hard drive One powerful new feature found in Data Rescue 4 is... Read more
Microsoft Remote Desktop 8.0.34 - Connec...
With Microsoft Remote Desktop, you can connect to a remote PC and your work resources from almost anywhere. Experience the power of Windows with RemoteFX in a Remote Desktop client designed to help... Read more
Microsoft Remote Desktop 8.0.34 - Connec...
With Microsoft Remote Desktop, you can connect to a remote PC and your work resources from almost anywhere. Experience the power of Windows with RemoteFX in a Remote Desktop client designed to help... Read more

Find out the story behind League of Ange...
If you’re looking for a new thrilling MMORPG to play with your friends then you’ll be excited to hear that there is a sequel to one of the most well known titles in the genre – namely League of Angels 2. With a brand new 3D engine offering... | Read more »
Naruto Shippuden: Ultimate Ninja Blazing...
I'm not sure if it's possible to say you are an anime fan but also never have seen one episode of Naruto. If it is, then I resemble that remark, and if not, I offer a hearty apology. [Read more] | Read more »
5 mobile games that let you explore spac...
No Man's Sky hasn't exactly turned out to be everything it was promised. Though its core concept of exploring an unimaginably vast universe of different planets is an intriguing one, the execution has left many PS4 and PC gamers feeling like they... | Read more »
Mummy madness in new action game Tomb He...
Hot on the tail of Bump Hero, ZPlay is giving gamers another reason to get screen bashing with a brand new release. Tomb Heroes is a challenging action game in which you battle enemies in various tombs around the world. You can select from nine... | Read more »
Siralim 2 (RPG / Roguelike) (Games)
Siralim 2 (RPG / Roguelike) 1.0 Device: iOS Universal Category: Games Price: $4.99, Version: 1.0 (iTunes) Description: Siralim 2 is an old-school monster catching RPG. Summon and customize hundreds of creatures to fight for you as... | Read more »
Clean Text (Productivity)
Clean Text 1.0 Device: iOS Universal Category: Productivity Price: $3.99, Version: 1.0 (iTunes) Description: | Read more »
Gemini - A Journey of Two Stars (Games)
Gemini - A Journey of Two Stars 1.0.1 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0.1 (iTunes) Description: *** SPECIAL LAUNCH SALE: $2.99 (25% off) *** "A mesmerizing and unexpectedly emotional journey." -- Los... | Read more »
How to get four NFL superstars for your...
Even though you're probably well on your way to building a top notch squad for the new season in Madden NFL Mobile, let's say you could beef it up by adding Rob Gronkowski, Antonio Brown, Von Miller, and Todd Gurley to your roster. That's... | Read more »
Cartoon Network Superstar Soccer: Goal!!...
Cartoon Network Superstar Soccer: Goal!!! – Multiplayer Sports Game Starring Your Favorite Characters 1.0 Device: iOS Universal Category: Games Price: $2.99, Version: 1.0 (iTunes) Description: Become a soccer superstar with your... | Read more »
NFL Huddle: What's new in Topps NFL...
Can you smell that? It's the scent of pigskin in the air, which either means that cliches be damned, pigs are flying in your neck of the woods, or the new NFL season is right around the corner. [Read more] | Read more »

Price Scanner via MacPrices.net

RESCUECOM 2016 Semi-Annual Computer Reliabili...
The beginning of a new school year is upon us again, in which students and parents have some very important choices to make, often including the purchase of a computer or tablet. Whether you are... Read more
VRS Design Damda Glide Series iPhone 7 and 7...
What makes the Damda Glide Series for the iPhone 7 and iPhone 7 Plus special? Case maker VRS Design says its Damda Glide Series is the first mobile case to incorporate a semi-automatic mechanism for... Read more
Apple refurbished iMacs available for up to $...
Apple has Certified Refurbished 2015 21″ & 27″ iMacs available for up to $350 off MSRP. Apple’s one-year warranty is standard, and shipping is free. The following models are available: - 21″ 3.... Read more
Clearance 2015 13-inch MacBook Airs available...
B&H Photo has clearance 2015 13″ MacBook Airs available for $350 off original MSRP. Shipping is free, and B&H charges NY sales tax only: - 13″ 1.6GHz/4GB/128GB MacBook Air (MJVE2LL/A): $829... Read more
Check Apple prices on any device with the iTr...
MacPrices is proud to offer readers a free iOS app (iPhones, iPads, & iPod touch) and Android app (Google Play and Amazon App Store) called iTracx, which allows you to glance at today’s lowest... Read more
Save $120 with Apple refurbished Time Capsule...
Apple has certified refurbished Time Capsules available for $120 off MSRP. Apple’s one-year warranty is included with each Time Capsule, and shipping is free: - 2TB Time Capsule: $179, $120 off (not... Read more
9-inch 32GB iPad Pros on sale for $70 off MSR...
B&H Photo has 9″ 32GB WiFi Apple iPad Pros on sale for $70 off MSRP, each including free shipping. B&H charges sales tax in NY only: - 9″ Space Gray 32GB WiFi iPad Pro: $529 $70 off MSRP - 9... Read more
Mac minis on sale for up to $140 off MSRP
Adorama has Mac minis on sale for up to $100 off MSRP including free shipping plus NY & NJ sales tax only: - 1.4GHz Mac mini: $449 $50 off MSRP - 2.6GHz Mac mini: $649 $50 off MSRP Amazon has the... Read more
Back To School with OtterBox Essentials
Back to school means back to an environment that is tough on tech. OtterBox has the back to school essentials you need to keep tech safe from drops, bumps, scratches and hallway havoc. Check out the... Read more
VRS Design Releases New iPhone 7 Plus Case Li...
With a device as large and costly as the iPhone 7 Plus, it is primal instinct to protect it from potential damage. According to a study by SquareTrade in 2012, iPhone damages cost Americans roughly $... Read more

Jobs Board

*Apple* Solutions Consultant - Apple (United...
# Apple Solutions Consultant Job Number: 51218354 Fredericksburg, Virginia, United States Posted: Aug. 18, 2016 Weekly Hours: 40.00 **Job Summary** As an Apple Read more
*Apple* Retail - Multiple Positions - Apple,...
Job Description:SalesSpecialist - Retail Customer Service and SalesTransform Apple Store visitors into loyal Apple customers. When customers enter the store, Read more
*Apple* /Mac Support Engineer - GFI Digital,...
FI Digital, Inc. is currently seeking candidates for a full time Apple Support Engineer to add to our Maryland Heights, Missouri IT team. Candidates must be dynamic Read more
*Apple* Solutions Consultant - Apple (United...
Apple Solutions ConsultantJob Number: 51218534Pleasant Hill, California, United StatesPosted: Aug. 18, 2016Weekly Hours: 40.00Job SummaryAs an Apple Solutions Read more
*Apple* Solutions Consultant - Apple (United...
# Apple Solutions Consultant Job Number: 51443201 Mishawaka, Indiana, United States Posted: Aug. 25, 2016 Weekly Hours: 40.00 **Job Summary** As an Apple Read more
All contents are Copyright 1984-2011 by Xplain Corporation. All rights reserved. Theme designed by Icreon.