Archive for the ‘Game Trivia Catechism’ Category

Some Game Trivia Catechism data


Numbers are fun!

Current number of trivia questions: 554
We're still working on the final editing pass, so this number may move up or down slightly.

Current number of Hardcore! trivia questions: 58
These are the combo breakers of GTC, questions requiring more in-depth knowledge of a subject. How often you'll see them is still in flux, dependent on average scores in testing and general game flow.

Current total trivia word count: 21378
That's all the questions above, and maybe half of the Catechism Notes complete. There's going to be a literal book's worth of content in this thing once it's done.

Total number of Story Mode screens: 844
Includes both Al's Story and The Secret of Mister X.

Lines of custom code so far: 2610
This is the stuff written specifically for GTC, not counting code pulled from other projects.

Total number of revisions to the SVN repository: 280
And a good number of 'em are adequately commented, too.

Total number of hours spent in development: God knows.

 

Code Sample: Crop an image using the iPhone SDK


One of the pieces of Game Trivia Catechism that I've been putting off for some time is the timer displayed on the question screen.  The timer is basically a reverse progress indicator.  It starts out full (with all of the lights on) and slowly counts down to empty (all lights off).  The simplest method I know of for building a progress indicator is to use two images (one full, one empty) and simply crop the "full" to an appropriate sized based on the current progress position.

When it came time to implement this in GTC, I scoured the Cocoa Touch documentation for an easy way to crop a UIImage down to a specific size.  Apparently this was something that didn't make the cut.  Fortunately the lower level CoreGraphics methods provide a fairly simple method of doing this.  Here's what I ended up with.

- (UIImage*)imageByCropping:(UIImage *)imageToCrop toRect:(CGRect)rect
{
   //create a context to do our clipping in
   UIGraphicsBeginImageContext(rect.size);
   CGContextRef currentContext = UIGraphicsGetCurrentContext();

   //create a rect with the size we want to crop the image to
   //the X and Y here are zero so we start at the beginning of our
   //newly created context

   CGRect clippedRect = CGRectMake(0, 0, rect.size.width, rect.size.height);
   CGContextClipToRect( currentContext, clippedRect);

   //create a rect equivalent to the full size of the image
   //offset the rect by the X and Y we want to start the crop
   //from in order to cut off anything before them

   CGRect drawRect = CGRectMake(rect.origin.x * -1,
                                rect.origin.y * -1,
                                imageToCrop.size.width,
                                imageToCrop.size.height);

   //draw the image to our clipped context using our offset rect
   CGContextDrawImage(currentContext, drawRect, imageToCrop.CGImage);

   //pull the image from our cropped context
   UIImage *cropped = UIGraphicsGetImageFromCurrentImageContext();

   //pop the context to get back to the default
   UIGraphicsEndImageContext();

   //Note: this is autoreleased
   return cropped;
}

 

Then call the code with something like:
- (void)drawRect:(CGRect)rect
{
   //draw the whole lights off image
   //the on images will be drawn overtop

   [lightsOffImage drawInRect:rect];

   //if we don't have any lights on... no point in continuing
   if( numberOfLightsOn < 1 )
     return;

   //figure out the dimensions of numberOfLights on bulbs
   CGSize croppedSize = CGSizeMake(LIGHT_WIDTH * numberOfLightsOn, LIGHT_HEIGHT);
   CGRect clippedRect = CGRectMake(0, 0, croppedSize.width, croppedSize.height);

   //get the "on" bulbs by cropping the image
   UIImage *cropped = [self imageByCropping:lightsOnImage toRect:clippedRect];

   //create a rect to draw the newly cropped on images to
   CGRect lightsOnRect = CGRectMake(LIGHT_BULB_OFFSET_X,
                                    LIGHT_BULB_OFFSET_Y,
                                    croppedSize.width,
                                    croppedSize.height);

   //draw the "on" lights
   [cropped drawInRect:lightsOnRect];

   //cropped is autoreleased so no need to worry about cleanup
}