Welcome to Gaia! ::


Concept to Flash Implementation

Using the Shallow Sea as an example, here is the progress a level goes through from rough pencil sketches all the way through to a final, traversable environment.

First off through several meetings, we decide on all the elements of the level from what theme we'd like to create, the gameplay flow of an area, and ideas for landmarks, roads or anything else that defines the environment. The level design can change during production, and has a degree of flexibility until we land on a final result.

As you can see in the early concept stages, a grid in the same proportion as the 780 x 505 pixel rooms are used for laying out objects, determining how each room will transition to the next, along with their overall composition. This is an important step. The giant seahorse skeleton that you walk on for example was formed so each section of its body flowed cleanly into the next room, and the spot you transition over to the inside of the shell is located at the center of a room.

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

The pencil concepts then get a color treatment to be used for reference in creating the template geometry and ultimately, the finished 3D models. This level's beautiful painting was done by the artist Jen Zee.

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

Once all the final geometry and textures for the area are created, each room is rendered and composited together in Flash. On top of this, the individual assets that you can walk in front and behind sit on top. I'll explain this process in more detail in the future.

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

This last image taken from Flash scaled at 25% shows what the level actually looks like in game without the colored water filter.

User Image - Blocked by "Display Image" Settings. Click to show.

Full size

More to come next week--

Previous topics:
Overview of Environment Art Pipeline
Thats awesome~


EDIT: OMGOMGOMG First post o-o

Invisible Explorer

22,575 Points
  • Conventioneer 300
  • Gifting Gone Wild 250
  • Rat Conqueror 500
Neat. It's nice to know this stuff because I'll be entering the game-making business (hopefully) when I graduate this fall.

Eloquent Tycoon

9,050 Points
  • Entrepreneur 150
  • Tycoon 200
  • Wall Street 200

I think these threads are really interesting.
It's so cool to see how it's all done.

Can't wait to see what's next. ;3

Original Gaian

12,900 Points
  • Forum Explorer 100
  • Market Browser 100
  • Forum Dabbler 200

Benevolent Healer

28,925 Points
  • Pet Trainer 150
  • Perfect Attendance 400
  • Healer 50
Each stage pic was amazing, it got more beautiful as it was built. Now we know how long it really does take, a lot of work.

Caring Vet

21,250 Points
  • Pet Lover 100
  • Bunny Hoarder 150
  • Cats vs Dogs 100
First page! -cough-

That's so awesome, Mavdoc! So that's how you guys make Shallow Seas, as well as all the other areas in zOMG!

I love how you guys are getting more involved with the zOMG community by showing us behind the scenes stuff!

Vicious Nerd

10,900 Points
  • Timid 100
  • Nerd 50
  • Battle: Mage 100
*o*

It's so much prettier without the water texture.

Not that it isn't always pretty mind >.>;;

Ruthless Businessman

Its very interesting to see how certain aspects of the design change over time and I still cant get over how good things look those geometric shapes. Do certain steps like this get done for the small environmental items as well such as the trees rocks or coral or are those all done in 2d

Blessed Seeker

9,050 Points
  • Generous 100
  • Elocutionist 200
  • Tipsy 100

Nice!!! It's astounding seeing all the work you guys put into creating zOMG. Great work on the Easter event btw 3nodding

*goes and stares at the maps more*

Familiar Lunatic

Sweet! >.<
"[...]anything else that defines the environment"
Does this include any particular challenges an area's geometry might induce?
Or is this part of the "gameplay flow"?

With this new insight, I'll draw up my own areas.
It’s nice to see the area as a whole instead of a series of  "780 x 505 pixel rooms".
And I love how Jen Zee colors things.

Tipsy Tycoon

11,650 Points
  • Frozen Sleuth 100
  • Magical Girl 50
  • Hotblooded Hero 50
wow that is awesome.
I can't believe so much goes into it!

Shy Streaker

;O


That is soo awesome.
Wow, so much detail!

Profitable Phantom

Awesome~<3

Quick Reply

Submit
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum