Gamasutra: The Art & Business of Making Gamesspacer
View All     RSS
October 25, 2014
arrowPress Releases
October 25, 2014
PR Newswire
View All
View All     Submit Event





If you enjoy reading this site, you might also want to check out these UBM Tech sites:


 
Making 'Two and a half D' art for Lovers in a Dangerous Spacetime
by Matt Hammill on 02/06/13 10:13:00 am   Expert Blogs   Featured Blogs

The following blog post, unless otherwise noted, was written by a member of Gamasutra’s community.
The thoughts and opinions expressed are those of the writer and not Gamasutra or its parent company.

 

A couple weeks ago I gave a talk at Toronto SkillSwap on our process for making and animating the 2.5-D characters in Lovers in a Dangerous Spacetime, and I thought I'd post some of the things I discussed. I've always been interested in the mushy space between 2-D and 3-D (when I used to work in animation I got to work on a couple interesting 2.5-D jobs) and for me, finally being able to throw code into the animation mix has been one of the most interesting parts of game dev. (And just a note--"2.5-D" can be used to mean all sorts of things, but here I'm taking it to mean using a 3-D pipeline to create a mainly 2-D game.)

We're using Unity to build Lovers in a Dangerous Spacetime, so everything is made of polygons--though most objects are just transparent textures mapped onto simple planes that face the camera. There are no lights, we just crank the ambient light all the way up. We're handling assets in a few different ways, evolving our process as we get more comfortable with the engine.

Player - rig


The Player Characters

The main characters are a bit of a time capsule from our early prototype, before we learned animation scripting in Unity. The characters are first animated in 2-D using After Effects, and then the animation frames get rendered to a sprite atlas texture (a big grid of all the animation frames). In Unity, each character is made of a single plane, to which we assign the sprite atlas texture. The plane only displays a zoomed-in piece of the texture though, and we can show different frames of animation by changing which zoomed-in bit of the sprite atlas texture is displayed.

Player - rig

Player - sprite atlas texture (unfinished)Player - gameplay

The one place where the player characters get some scripted animation is with their squash and stretch. By squashing the whole plane a little when a character hits the ground, landing from a jump feels more physical and reactive, and doesn't interfere with which animation frames are playing--you hit the ground running and squash without breaking stride. Super simple, but it adds a lot to the feel. There are a few other places where we do similar things.  


The "Sputnik" Enemy

This simple bad guy is assembled from planes. This was the second character we built, and all the keyframe animations were made in Unity, with separate animation files for each of the moving parts (NOTE: This was very silly; there's a reason skeleton armatures exist). One of the tricks I borrowed from Tomb Raider 1's trees is the criss-crossed planes for the legs--they can rotate around the body in 3-D, while still showing form from any angle. And when we script the playback of the enemy's animations to react to its movement, even this simple guy starts to feel more lively.

Sputnik (Maya)Sputnik - gameplay footage


The Jellybomber 

With this enemy we built and animated a straight-up skeleton rig in Maya, while still limiting the geometry to front-facing planes. After animating movement cycles for the four cardinal directions, the cycles can be dynamically blended and speed-changed in code to react to the creature's positional movement. This is the real power of using 3-D rigs for 2-D characters--all the procedural animation control. We also use this to trigger cracks appearing in the glass as he takes damage (the crack planes are otherwise scaled down and hidden behind the body), and we have the jelly's eyes blink and dynamically track the player's position.

Jellybomber (Maya)Jellybomber - gameplay footage


The Green Monster 

For this mini-boss we utilized Unity's ability to separate clips into animation layers. The head and the body are part of the same rig, but their animations play back on separate layers. This gives us the ability to blend together the various movement animations according to acceleration and direction, while at the same time the head's idle, charge and shooting animations are triggered according to the enemy's logic independent of how it is moving.

Green Monster (Maya)Green Monster - gameplay footage


The Polish

Since we're aiming for a vectory neon look we're naturally going to be suckers for bloom, and one of the benefits of a fixed 2-D view is that we can just bake glows and bloom right into our textures. Also, because our assets are quite light, we can afford to be be pretty liberal with particle effects. And to help stitch all the elements together, we found that placing a few slowly-shifting large polygons in front of the camera, each with a texture of just some faint blurry colours set to additive blending ("flare"-type) really helps sell a glowy space environment with subtly shifting light.

Bloom!


Related Jobs

Disruptor Beam, Inc.
Disruptor Beam, Inc. — Framingham, Massachusetts, United States
[10.25.14]

Lead 3D Artist
Giant Sparrow
Giant Sparrow — Playa Vista, California, United States
[10.24.14]

Junior 3D Artist
Amazon
Amazon — Seattle, Washington, United States
[10.24.14]

Event Marketing Specialist, Game Services
Digital Extremes
Digital Extremes — LONDON, Ontario, Canada
[10.24.14]

UI ARTIST/DESIGNER






Comments


TC Weidner
profile image
very nicely done

Adam Alexander
profile image
This is great! Really appreciate the breakdown.

Cathy Feraday Miller
profile image
Great article, Matt. I really love the animation and art style of this game. I was lucky enough to play it at Toronto's Digifest and it was really really fun. The Green Monster's style and animation implementation is fantastic. I love the 'hacking up a fur/plasma ball' motion. The art direction and sound track are fantastic, too. Can't wait for the finished game!

Jonathan Jennings
profile image
this is gorgeous as a 2D game lover I am absolutely in love with this! and they say Unity can't do 2D games ....

Soren Nowak
profile image
Probably the most awesome blog post I have read here on Gamasutra. Very inspiring and excellent with the animations :)

Remy Trolong
profile image
Thanks for sharing, this is full of solutions for people creating 2.5D games.
Awesome work!

Eric S
profile image
Great write up, I hope you continue sharing your updates. I've seen a lot of beautiful 2D games using Unity-- it just goes to show game development is about finding solutions to problems, no matter the engine.

[User Banned]
profile image
This user violated Gamasutra’s Comment Guidelines and has been banned.


none
 
Comment: