It's free to join Gamasutra!|Have a question? Want to know who runs this site? Here you go.|Targeting the game development market with your product or service? Get info on advertising here.||For altering your contact information or changing email subscription preferences.
Registered members can log in here.Back to the home page.

Search articles, jobs, buyers guide, and more.

Gamasutra
August 5 2008

The Art Of Braid: Creating A Visual Identity For An Unusual Game

arrowrightPage 1
arrowrightPage 2
arrowrightPage 3
arrowrightPage 4
arrowrightPage 5
arrowrightPage 6


Printer Friendly Version



Sign up for the Gamasutra Daily Newsletter!

Liquid Entertainment : Character Modeler [10.10.08]
Insomniac Games : Environment Artist [10.10.08]
Square Enix : Graphical Artist [10.10.08]
Petroglyph Games : Producer [10.10.08]
Square Enix : Xbox 360 Software Engineer [10.10.08]
Incinerator Studios : Senior Software Engineer [10.10.08]
Rockstar San Diego : Networking Programmer [10.10.08]
Rockstar San Diego : Physics Programmer [10.10.08]
Rockstar San Diego : Graphics Programmer [10.10.08]
Rockstar San Diego : Behavior Programmer [10.10.08]
Carbine : Spawner [10.10.08]
Rockstar San Diego : Audio Programmer [10.10.08]
Rockstar San Diego : Tools Programmer [10.10.08]
Rockstar San Diego : AI Programmer [10.10.08]
Rockstar San Diego : Animation Programmer [10.10.08]

View All    Post A Job

Post Resume


Upcoming Events:
2nd European Conference on Games Based Learning
Barcelona, Spain
10.16.08

Project Bar-B-Q
Burnet, United States
10.16.08

Fall Spook-tacular LAN Party
San Diego, United States
10.17.08

Vienna Games Conference 2008. Future and Reality of Gaming (F.R.O.G)
Vienna, Austria
10.17.08

Fun and Games
Eindhoven, Netherlands
10.20.08

Submit Event

View All


The Art Of Braid: Creating A Visual Identity For An Unusual Game

(Page 1/6)
Next arrow


[In this fascinating deconstruction, artist David Hellman explains his collaboration with Jonathan Blow to create the evocative, painterly art for acclaimed downloadable game Braid, which debuts tomorrow on Xbox Live Arcade.]

Braid had already appeared at two GDCs before I ever got involved. Jonathan Blow, its creator, showed Braid's time manipulation puzzle-platformer gameplay at a couple Experimental Gameplay Workshops, and an Independent Games Festival, where it won an award for game design. Minus some polish, it was nearly a finished game: playable, coherent and individualistic.

Visually, though, it was primitive. Its blocks, spikes and ladders were utilitarian, communicating merely the elements of platformer-ness. It could have remained a visually simple game, but it already contained hints that it wanted to be more, to express itself across the full multi-media palette available to video games.

The fragments of fictional prose introducing each level indicated Braid's ambition. They mused on the nature of relationships, regret, and temporal paradoxes. World 2 introduces a limitless rewind mechanic -- you can reverse any mistake, erasing the concept of "failure" -- framed by a wistful reflection on perfect forgiveness between lovers.

It sounds grandiose in summary, but it's not. The connection is never forced. These things simply co-exist, and they mingled in my mind as I enjoyed a lively, at times slapstick, eminently playable platformer with acknowledged debts to Super Mario Bros.

Hired as visual artist in the summer of 2006, my challenge was not only to clearly present Braid's mechanics and behaviors, but to help tell a story that was anything but literal: part anecdote, part artifice, part philosophy. This article explains the process of developing visuals for a nearly-complete game with a highly idiosyncratic identity, the challenges encountered, and some of the nuts-and-bolts of our methods and tools.

No Shame in Tracing

To start, Jonathan sent me a screenshot and asked me to draw over it.

Here it is, in its programmer art glory. Though visually crude, the game was actually pretty advanced, from a functional perspective. Keys, switches, ladders, spikes, monsters, and a guy in a suit - it was all there. For dessert I'll show you how little (or much!) this screen changed in the final game.

Here's my first try. I deliberately got away from the materials and palette in the screenshot. This looks kind of like some areas in Yoshi's Island, on SNES. The background was meant to radiate gently. In an e-mail I described the atmosphere as "ethereal"!

Again, something really different. Strangely, the background is full of dancing figures. Jonathan had used the phrase "thought-conjecture-worlds" to describe Braid's setting, so I was trying to be non-literal about space.

Why not compliment the foreground with something topically different but thematically related? (How are dancing people related at all? Not telling.) We didn't use this idea, but we did support the story in multiple not-literally-relating ways. More on that later.

Ancient ruins (TM).


(Page 1/6)
Next arrow


Comments


Haig James Toutikian 5 Aug 2008 at 6:57 am PST
Great great article! I really liked how it shows the progress of the art direction from the beginning to end with comments under the images :D I hope to see more articles like this one

Stone Bytes 5 Aug 2008 at 8:44 am PST
Playing in a painting. Absolutely beautiful.

Jeff McArthur 5 Aug 2008 at 9:12 am PST
Wow great article, thanks for describing (and visually showing) us the iterative process of creating this game. Love the art style, I'm definitely going to have to buy a copy of this game, even if my main point to do so is just enjoying the great art!

robert toone 5 Aug 2008 at 11:01 am PST
Excellent article. I really enjoyed experiencing the experimental development of the art style, for such an art style game. The game looks great and goes along with it's play style.

I look forward to such articles in the future.

tom newman 5 Aug 2008 at 12:46 pm PST
Great article! Looking forward to any future articles laid out like this!

Gopalakrishna Palem 5 Aug 2008 at 1:44 pm PST

Good Article, great principles.

Ensuring aesthetics do not dominate the player's perception of the world, highlights the game design philosophy.

Would love to play this one.


Rikard Peterson 6 Aug 2008 at 8:16 am PST
This article was a bit different than most. Love it!

Jeff Zugale 6 Aug 2008 at 5:47 pm PST
This is good stuff, both the artwork and the complex thought process and care behind it. I'll be buying and playing this game to see the rest of it. Thanks for sharing!

Anders Højsted 8 Aug 2008 at 1:50 am PST
It's interesting how he can tell about these things because he isn't bound by an NDA. There's too little knowledge-sharing like this in the games industry because of all the secrecy.

A.

Christopher Waite 8 Aug 2008 at 4:03 am PST
That was a really insightful article. Actually, it's convinced me to purchase the full game. The effort and passion that has gone into the various iterations of the design, really makes you feel that you are playing something special.

Arthur Times 8 Aug 2008 at 12:22 pm PST
This may seem like a dumb question but I'll ask it anyway.

What language did you program the game in. I know XNA Creators Club really focuses on C#, but does XBLA allow C++?

Thanks.

Anonymous 10 Aug 2008 at 8:45 am PST
Being a student of game animation and creation, I absolutely loved this article. Look forward to more like this. It was aa great teaching tool. I am going to put it on our forum in class. Thanks.

Jason Bakker 10 Aug 2008 at 9:49 pm PST
Any aspiring game developers want to hazard a guess as to why, on the collision screenshot, there are two different tiles used? (The brick one, and the grey one.)

Aaron Murray 11 Aug 2008 at 11:03 am PST
Thanks for posting this article. As a dev, I love reading about how others attack the issues we face. At the same time, it is helpful for outsiders to see how much work goes into the finished product, and how beneficial constant iteration is...

Jeremy Thompson 11 Aug 2008 at 2:18 pm PST
Amazing game

Jason Bakker 11 Aug 2008 at 5:46 pm PST
I guess not ;) If anyone is wondering, it's because in game engines you often flag wall and floor as different collision types, so that the engine knows to collide with each differently (walls tend to be a lot more "slippery" than floors).

If there were screenshots of, for instance, one of the spike floors in the game, that would probably be a different collision type again (so that the engine knows that when you collide with it, you're supposed to die).

The more you know!

Dax Hawkins 16 Aug 2008 at 1:20 pm PST
Regarding Arther Times post above:

XBLA to some extent is language agnostic. Most of the games up there are C/C++ but there is one game in C# (Schizoid).

Xbox Live Community games, on the other hand, must be built with XNA Game Studio and written in C#.







join | contact us | advertise | write | my profile
news | features | contract work | jobs | resumes | education | product guide | store