Saturday, December 11, 2010

Moving off Blogspot

For all of my thousands of fans, followers, stalkers, charming cretins, and those less or more useful than a used post-it know who you are...I'm going to cancel my blogspot account now that my new portfolio site is up. You can do all the same kind of stuff there that you can do here. The only difference is that because it's Wordpress I actually have some control over how it looks. I like control. I'm a freak for it.

So—in a week or so you can find me at


Saturday, October 9, 2010

Armadillo Package

I wanted to go back and fix the A is for Armadillo drawing and ended up creating a nice condom label.

Saturday, September 18, 2010

B24 Liberator

I'm currently reading Stephen Ambrose's Wild Blue, an account of B24 crews in Italy during World War II. Like all of his books, it's very accessible and brings clarity to the experience by describing the time from almost entirely an ordinary soldier's point of view. This B24 was drawn from my enthusiasm for his book.

Saturday, September 11, 2010

Monday, August 16, 2010

Game Concepting, pt.1

A friend and I are cobbling together a little Flash game between our other projects. This is a recap of our progress so far.

The central mechanic is a simple racing game. The player drives a motorcycle avatar from point A to point B. The resistance is yet undetermined by it will likely be a combination of a time constraint and difficult terrain.

The avatar is composed of several parts. As the motorcycle travels over the ground contour, the wheels bounce up and down to mimic shock. Using key controls the player can tilt the driver forward and back to maintain balance and prevent crashes. To allow for this visual effect the bike is composed of three parts. The rear wheel is hinged to the chassis while the front wheel operates on a slide track.

Front Wheel

Rear Wheel
The rider is similarly constructed to allow for a humanistic posture and movement. The limbs are each hinged at the appropriate places. The hands are hinged to the handlebars and the feet are hinged to the foot pegs. The graphics are likely to remain in a silhouette style so the lower leg may not be required.
Upper Arm
Lower Arm
Upper Leg
Lower Leg
A sketch was created to demonstrate the leaning and suspension ranges. You can see the subtle changes that occur when the player leans forward or backward. When the bike is airborne the suspension becomes fully extended.

An option was considered that introduced some kind of environmental sub-goals. This is common in this genre of game and they are often presented as abstracts...floating coins are typical. While this conceit will be fully evaluated later, the sketch helps frame the discussion.

Also present in the sketch below is the introduction of a mini-map. This provides information to the player so that they can plan for terrain that is not currently viewable in the playing area.

A shop and upgrade feature was considered. Below is a sketch of what that might look like. Collecting coins in the races would allow the player to buy performance improvements. Again, this is a traditional and common feature of these types of games.

No racing game is complete without a variety of tracks. Below is a sketch of what the track-selection screen might look like. The icons reflect how many uncollected coins are remaining on that track so that players can revisit previous tracks to increase their profits and buy additional performance upgrades. Some coins may not be available until a certain level of performance is achieved. This overlays a constraint that lengthens gameplay.

One interesting aspect of this sketch is the idea that some maps may not be available until an adjacent race was beaten. I like this idea because it affords some choices to the player. Choices are good.

Each race may also provide bonus coins for specific achievements. This provides a risk-benefit decision for the player; do they go for the flip bonus at the risk of crashing? Again, choices are good and create more compelling games.

In the sketch below we see that bonuses are offered for fast finish times, wheelies, flips, air time, and collecting all the coins. The big yellow button launches the race.

The next sketch introduces moveable terrain elements. The little boxes would move and bounce when they collide with the bike and the ground. For people familiar with this genre of game, this doesn't offer anything new.

This next sketch depicts a sandy pit. This would have some kind of physical effect on the bike control...probably slowing it. This concept could be adapted to a water model, slippery surface, and so on.

The sketch below shows how moveable objects might be used to build interesting and challenging terrain. It became clear that some kind of visual code would be needed to indicate which objects would collide with the bike. You can see the Swinging Platform has a beam that swings and moves when the bike contacts it. The Platform's struts, however, are not collideable objects so they are tinted back.

Some objects provide collision but cannot be moved. These are treated by the game engine as simple terrain contours. Collideable objects that move are treated a bit differently.

Also sketched below are some different color palettes to suggest thematic settings. 

At this point we started thinking harder about whether a simple racer was a significant addition to the genre. Although it's very early for thematic discussion, we decided that the story should be more interesting and that a race-for-racing-sake wasn't compelling enough to justify the work.

The sketch below shows a campaign map concept that offers the player a choice of routes to the campaign conclusion. The different routes would certainly be visually different and offer different challenges, but they also might be differentiated by difficulty, game mode, and/or victory condition.

Below shows a sketch with the above concept fleshed out more fully. In this scenario you are trying to get from Los Angeles to San Francisco. You have a choice of routes to take. Each node represents a waypoint; each leg represents a track.

By mousing over a node the player is provided information about that leg. There are lots of design options available in this kind of campaign model; each leg might be differentiated by difficulty, style of terrain, some kind of game mode or level constraint, and so on.

The sketch below also includes two different player avatars. The truck might replace the motorcycle in all or some maps. It would be controlled just as the bike but have different physics properties. The truck has a payload that must be kept in the bed of the truck. (Rough terrain can jostle and bounce the boxes out of the truck.)

The motorcycle avatar has been styled differently. He is now depicted as a cross-country survivalist. The helmet is replaced with a baseball cap and the bike is now laden with gear.
After a few conversations about theme and story, we felt that a survivalist motif was compelling. The environment now would feature a post-apocalyptic style. This allows future art development to take shape and remain on track.

Below is a sketch describing how a sense of motion might be reflected. The background is composed of several layers. Each layer scrolls right-to-left at different speeds relative to the foreground.

The next sketch shows a way that we might introduce certain circus-like obstacles and challenges while not breaking outside of the theme of the game. A teeter-totter, for example, is a traditional trials challenge structure...but featuring a teeter-totter in a post-apocalyptic setting would seem incongruent. So here is a teeter-totter that could fit thematically.

The next sketch shows a feature option that combines a mouse-aiming shooter with a trials racing game. From a feature standpoint it doesn't introduce anything truly unique but it was worth sketching up. This concept is currently eliminated from consideration. In this sketch the player has encountered a couple of wild dogs that must be put down or avoided before he or she can proceed.

This last sketch depicts a programming consideration. The issue here is that some depicted terrain elements do not require collision calculations. Perhaps they are negative space or are too narrow to come into contact with the bike avatar. The red line shows the actual terrain contour; everything else is dressing.

As this project is a labor of love, we are developing it as time permits. I'll post updates as progress is made.

Here are a few links to the games that have served as inspirations to this game:
Physics and control — TeaGames Motocross
Visual style and ambiance — Little Wheel

Wednesday, August 4, 2010

Spatial Design Analysis

Graphic design and spatial design—any place that people inhabit and interact with—have lots of similar considerations. With graphic design the "visitor" interacts with their eyes. In spaces the visitor interacts with all of their senses. And in both cases things are revealed or hidden as time elapses.

Skateparks are a great example of this overlap. The factors that visitors use to identify, use and enjoy the design are aligned.

• Visual
The appearance of the space helps visitors understand its purpose. Most people will recognize a park by its defining characteristics; trees, lawns, paths, and benches. In packaging, the appearance of the product (if its purpose can be identified by its form or container), or its attributes, (flavor, quality, or goal), helps the "visitor" identify the object and consider further interaction.

• Time (Movement)
Design for motion graphics and space present other people interacting with the product or space to help express its purpose and values. When you approach a space filled with curving, concrete forms and see people riding skateboards around it you understand that the space is a skatepark. When you see someone using a car in a television spot you can infer certain qualities about the car and the type of person who might desire it by watching those interactions. Time and movement are important cues.

• Text
Signage for space is a clumsy way of expressing a space. If a rule appears on a sign, for example, it often feels like a technicality and lacks relevance or seems perfunctory. Restaurants no longer need to present "no smoking" signs near their entrances yet many still do...and they are routinely ignored by non-smoking patrons. The sign serves to clutter the space and obscure other qualities that should be dominant.

• Smell
The most under-capitalized of the senses, smell can be useful for marketing restaurants and bakeries but have few counterparts in graphic design. (Scratch-n-sniff gimmicks and perfume pages don't really count.)

• Sound
Sound requires time and can be difficult to employ in traditional graphic design situations. It shouldn't be ignored as a contextual factor. Products that are used in particularly noisy or quiet environments can be expressed through visual cues. A family boardgame is generally played in a quiet, intimate environment and the marketing of these products often depict people interacting, having fun together, and becoming closer friends. These images don't tend to be "loud." Energy drinks, on the other hand, are marketed for people who need to be prepared for an exciting situation...and are justifiably "loud" by comparison.

• Tactile
Our sense of touch is particularly critical in packaging. In magazine marketing it is said that the chances a store patron will purchase a publication increases dramatically if they pick it up to get a better look. (Naturally they cannot buy the magazine if they don't pick it up so it's a critical development in the conversion from shopper to buyer.) In spatial design, textures are used to delineate the space into smaller parcels.

I believe it's helpful for graphic designers to consider spatial environments in graphic terms, (and vice versa). There are design epiphanies just waiting to happen.

Friday, July 30, 2010

Sleestak Logo Riffs

The Sleestak online community is composed of opinionated, combative, and very witty skateboarders. My contribution was the occasional Sleestak logo send-up. Below are some of my favorites.

The Well-drawn Sleestak:

The Sleestak that whitens as it cleans:

A piece for a Sleestak regular known as Darth for skating in a full-face helmet:

The psychedelic Sleestak:

The devolving Sleestak:

The Judith Sleestak:

The Stryper Sleestak:

The Ganesha Sleestak:

The europop trance Sleestak:

The Sleestak that never forgets:
The old-school nose-wheelie Sleestak. (Incidentally, that's "Darth" from earlier):

The slayed Sleestak:

Union Station Graphics

Below are a few skateboard deck graphics I did for Union Station Skateboards.

The rough-and-ready Brock McNally model. He skates like a coal train.

Rob Skala's graphic. C'est sinister. If you look closely you'll see the cute little animals on either side of the ribbon.

Their "generic" popsicle-stick model.

The Amadan model.

Their color logo.

Thursday, July 29, 2010

Sketch: Critical Abe

Better. Not really capturing Abe's character but man, he's got some cool eyes.