Ittle Dew 2 devblog: 2D to 3D

Hello, Ittle Dew main artist here. Let’s talk about the move to 3D for a bit.

There’s a lot of great celshaded games recently (Guilty Gear Xrd, Jojo All Star Battle to name a few) that look amazing.
Celshading has always intrigued me – one of my favorite games of all time is Jet Set Radio, one of the first celshaded games i believe, a game that still looks so good. So when we discusssed Ittle Dew 2 being made in 3D, I saw this as a really fun challenge. Ittle Dew had a very particular style, with heavy black outlines and a wobbly style of animation (that wobbly style was actually selected because it makes animating so much easier! hah). We had previously experimented with Ittles style in 3D, with a dungeon crawler idea, and it had looked pretty good. However, in that test I used a lot of “billboards”(flat “sprite” objects that always look at the camera, think of the barrels in DOOM or items in Minecraft), while Ittle 2 went on to be a lot more “real” 3D.

Picture of said dungeon crawler:
gfx_dungeoncrawler

(The Card City Nights faces are just placeholder, since it’s just a little prototype)
The first thing we did was have one of our wizard programmers make something do we could have wobbly outlines even in 3D, since by now we felt that was a big part of the Ittle Dew style. But just like in Ittle Dew it will only be used on things that are alive or interactive, kinda. To make them stand out. Using it on everything all the time would probably be really annoying to look at.
Here’s the process of a recently created enemy, Safety Jenny, with wobbly outlines:

(Animation is work in progress)

gfx_safetyjenny
animated

The outlines on both characters and props are not automatically created by an outline shader or such.
I find that to get decent looking outlines you need to create them manually so you can tweak problematic areas by hand.

There’s not much more to say about the surroundings, but let’s look at a picture.
The most important thing is to not lose too much of Ittle Dew’s charm when moving to 3D, and I dare say it’s going fairly well.

Having a (mostly) fixed camera helps a lot here!

gfx_comparison2

And that’s pretty much it for me. Not a lot of informative text, but a bunch of pictures at least!

6 Responses to “Ittle Dew 2 devblog: 2D to 3D”

I just beat the first game, so I thought I’d check in on the sequel dev blog here. I have to say, this 3D looks great! You guys are really nailing a lot of the 2D style in 3D here. I know the development is going slowly, but it looks like it’s going to pay off! Very excited to see the continued work!

Vince
2015-02-28

Rasmus: the outlines are a part of most models, and simply have inverted normals with a black texture. There’s also a shader that creates “wobbly” outlines in realtime, giving it a look similar to Ittle 1. This is more demanding though, but we’ll have options for turning off the fancy stuff.

Daniel Remar
2014-08-25

I really like the 3D look, wow!

You say you make the outlines manually. Could you elaborate on that? Are the outlines part of the geometry or are you generating some fancy 2D overlays automatically? Would love to hear more 🙂

This looks awesome! Ittle Dew 1 was amazing but, Ittle Dew in 3D?! I can’t wait!

Tyrawr
2014-08-03

Good question. I don’t think Ittle Dew 2 will be that much more taxing. It will probably have less requirements for video memory than Ittle Dew 1 actually, but otoh would require fancier shaders.

We’ll see!

reallyjoel
2014-06-10

Will the system requirements be much higher than Ittle Dew 1? Because I’ve got an old PC that supported IT1 very well but not sure with this game..

John
2014-06-07

Leave a Reply