Pixelation

Critique => Pixel Art => Topic started by: Arachne on June 21, 2012, 01:06:18 pm

Title: [WIP] Dinothawr
Post by: Arachne on June 21, 2012, 01:06:18 pm
Hey, guys! ;D I'm done with school for a little while, but I'm moving to another city to continue my studies. In the meantime, I'm making a puzzle game with a friend of mine. The engine is close to finished (mainly just needs a level select screen, I think), so most of the remaining work is puzzle design. I've added most of the graphics we need, but it was thrown together in a few days, and I'd like to hear some suggestions for improvements.

The color restrictions are 5 bits per color channel (color values are multiples of 8 ) and 1 bit alpha.

(http://www.retinaleclipse.com/icy/titlescreen05.png)

Title screen so far. Our hero is a dinosaur who wants to save his frozen friends by thawing them over lava.

(http://www.retinaleclipse.com/icy/screenshot-120621.png)

Here's a screenshot showing the different tile types. The main elements are rocks (stationary), ice blocks (pushable), frozen dino blocks (pushable), top of glacier (floor), water layer (slippery) and lava (goal tile). The floor and slippery tiles need polishing and need to look more like ice and water, I think.

(http://www.retinaleclipse.com/icy/dino_down.png) (http://www.retinaleclipse.com/icy/dino_right.png) (http://www.retinaleclipse.com/icy/dino_up.png)

Standing...

(http://www.retinaleclipse.com/icy/dinowalk-down.gif) (http://www.retinaleclipse.com/icy/dinowalk-right.gif) (http://www.retinaleclipse.com/icy/dinowalk-up.gif)

Walking...

(http://www.retinaleclipse.com/icy/dinoslide-down.gif) (http://www.retinaleclipse.com/icy/dinoslide-right.gif) (http://www.retinaleclipse.com/icy/dinoslide-up.gif)

Sliding...

(http://www.retinaleclipse.com/icy/dino-melt.gif) (http://www.retinaleclipse.com/icy/dinocheer.gif)

Thawing dino and cheering.

Things I still want to add are a pushing animation and more tile variations (especially for floor and level border).

What do you think of it so far? :D
Title: Re: [WIP] Dino Defrost
Post by: PypeBros on June 21, 2012, 03:20:19 pm
cute. That little dino could use some more body & head movement when walking, though.
My only real critique would be that the side and front sprites are hard to relate to the same 3D character.

Any project to make give the tail its own room so that it can giggle behind the dino when walking up ?
Title: Re: [WIP] Dino Defrost
Post by: Facet on June 21, 2012, 04:18:11 pm
Thoughts: is awesome; kinda push push penguin with a charming pop-archeological backstory ;D.

The tiles especially are great although almost feel a bit over-detailed, po-faced for the theme. I much prefer interior rock tiles to some of the alternate, bordering ones; perhaps the variation there is unnecessary.

Titles feels a little flat so far. Descriptively; looks like the top of a waterfall more so than an ice rink and I can't tell that it's a frozen dino-buddy and not an anthropomorpic beverage-cooler :P. Idea: can you give the dino little skates. please?

Edit: the water-slick tiles are exclusive from the ice with lava under it. I can see how that makes sense from a game design perspective if blocks are to stop there but it still looks strange.
Title: Re: [WIP] Dino Defrost
Post by: PypeBros on June 21, 2012, 06:49:46 pm
is the side-sprite + top-tiles perspective mix voluntarily, btw ?
Title: Re: [WIP] Dino Defrost
Post by: Arachne on June 22, 2012, 07:03:43 pm
Glad to hear you like it so far! :D
 
That little dino could use some more body & head movement when walking, though.

Yeah, I'll see what I can do. :)

Quote
My only real critique would be that the side and front sprites are hard to relate to the same 3D character.

Agreed. Maybe his head should be a little narrower in the front view? I'll experiment.

Quote
Any project to make give the tail its own room so that it can giggle behind the dino when walking up ?

Yeah, that should be doable.

The tiles especially are great although almost feel a bit over-detailed, po-faced for the theme. I much prefer interior rock tiles to some of the alternate, bordering ones; perhaps the variation there is unnecessary.

Initially, I thought about going with a style closer to an earlier tileset of mine. Would something like this (http://cc.retinaleclipse.com/rocktilestest-plain.png), except with less of a tiled look, be better?

Quote
Titles feels a little flat so far. Descriptively; looks like the top of a waterfall more so than an ice rink and I can't tell that it's a frozen dino-buddy and not an anthropomorpic beverage-cooler :P.

Yeah, I added some more details to the frozen dino, so I hope it's better now. :) Also tried to make it look more like it's a water layer on top of ice.

(http://www.retinaleclipse.com/icy/titlescreen08.png)

I think the speed lines need to be toned down and maybe given a different angle. I also want to see if I can make his closest hind leg bend more naturally.

Quote
Idea: can you give the dino little skates. please?

Edit: the water-slick tiles are exclusive from the ice with lava under it. I can see how that makes sense from a game design design perspective if blocks are to stop there but it still looks strange.

Once you're on the slippery tiles, you have no control of the character until you hit a different kind of tile. I wanted to make that lack of control more obvious to the player by adding the sliding animations. I think by adding skates, there would be some implied control, which he doesn't always have.

Not sure what else to do around the lava block that would read well within a single tile space. I agree that it looks a little odd that there's ice around the lava, but no water.

is the side-sprite + top-tiles perspective mix voluntarily, btw ?

It seemed like the easiest choice at the time, but it does look a little jarring. I'll see if I can try to make him look like he's viewed a little more from above.
Title: Re: [WIP] Dino Defrost
Post by: Charlieton on June 22, 2012, 08:21:00 pm
Overall I'm getting a very good retro feel about all this, both from the visuals and concept. Intro screen plays into that, as well. Love it!

Quote
Idea: can you give the dino little skates. please?

Once you're on the slippery tiles, you have no control of the character until you hit a different kind of tile. I wanted to make that lack of control more obvious to the player by adding the sliding animations. I think by adding skates, there would be some implied control, which he doesn't always have.

How about having skates as a temporary powerup? With it, the dino would gain better traction and control while on ice. But they would only show up on certain levels. Might be possible to construct other types of puzzles from such a feature.
Title: Re: [WIP] Dino Defrost
Post by: Lackey on June 23, 2012, 05:03:03 am
A few thoughts:


Super quick take on the dino sprite:
(https://dl.dropbox.com/u/7072068/dinodefrost_edit.png)
Maybe it will give you some ideas. The contrast is probably eye-breaking because I was dealing with bright glare off my laptop screen when I drew this. The main thing I was trying to show was the dinosaur actually having a different posture for the sliding animation, I think it would add a lot.
Title: Re: [WIP] Dino Defrost
Post by: Facet on June 23, 2012, 06:55:57 pm
Titles: swag water effect :y:, Probably the speed lines would indeed look more natural going horizontally. The jaunty angle of the cube still gives it a bit of a bobbing, floating feel as oppose to sliding though and is also a little smaller than the in-game counterpart.

Tiles: yeah, something like those others sans divisions would be nice. +1 Lackey; currently, although individually great it is looking just a bit grey and homogeneously sized overall. More icy blues and larger geological features for interest would be my inclination. I got a bit carried away with a doodle swapping out the icey 'cobbles' for straight-up toony snow for contrast/readibility + tried some ice stuff too.

(http://i.imgur.com/ofCPN.png)

Quote
Once you're on the slippery tiles, you have no control of the character until you hit a different kind of tile. I wanted to make that lack of control more obvious to the player by adding the sliding animations. I think by adding skates, there would be some implied control, which he doesn't always have.

Makes sense, the flailing anim. is a lot of fun. I'm not sure how dino might lace up a pair of skates with those arms anyway :lol:
Title: Re: [WIP] Dino Defrost
Post by: Bissle on June 23, 2012, 11:06:35 pm
The tiles are the sprite are very well composed; nothing bad to say about them in and of themselves at all. I have to agree that the floor doesn't really fit the environment you're going for. Something along the lines of Facet's edit would be preferable in my opinion. It looks more.. frozen. :D The walls don't actually bother me, though they make me think "RPG" more than they do "puzzle game". Strange as this sounds, maybe make them more segmented (i.e the dreaded grid)?

The description of your game sounds fun, by the way. Looking forward to a demo!  :y:
Title: Re: [WIP] Dino Defrost
Post by: Arachne on July 19, 2012, 03:21:13 am
How about having skates as a temporary powerup? With it, the dino would gain better traction and control while on ice. But they would only show up on certain levels. Might be possible to construct other types of puzzles from such a feature.

Once we hit a limit with the current mechanics we'll consider other options, but I was actually surprised at the number of different puzzle types which could be made from the few, simple mechanics we already have. At the moment, it seems like it'll be a while until we've exhausted all the possibilities, but it's still a bit too early in development to be sure. I'll keep any gameplay ideas in mind in case we need them, though. :)

  • I like your rocks and how you put so much detail into the tiles, but you've been doing this style of stone for a while and to me it looks less like natural stone and more like granola. Like a bunch of rocky bits stuck together with something. This might be personal preference since we expect some abstraction with tiles anyway
  • That said, the glacier floor looks a lot like stone! Like cobbles, actually.
  • Maybe diagonal lines for the icy shine?

Yeah, I see what you mean about the granola-like rock texture and the stony floor.

Quote
  • The sprite really fills his square but there's not very much liveliness in his motion. I think if you ditched the outline (it's probably unnecessary since you know he'll always be on backgrounds of a certain brightness) you'd gain some pixels to move him around  more and to fit in some more detail.
  • I don't know, even though everything is outlined I don't think it improves the readability of the sprite anyway.

Good points. I guess I've been doing enough outlined sprites in previous projects that it felt more natural at the time. Removing the outlines as well as increases the sprite sizes should give him some more room.

Quote
  • Consider adding a secondary colour (like a differently coloured underbelly or something) to make the character a little more interesting and a little more readable.

Yeah, good idea.

Quote
Super quick take on the dino sprite:
(https://dl.dropbox.com/u/7072068/dinodefrost_edit.png)

Maybe it will give you some ideas. The contrast is probably eye-breaking because I was dealing with bright glare off my laptop screen when I drew this. The main thing I was trying to show was the dinosaur actually having a different posture for the sliding animation, I think it would add a lot.

Yeah, I really like that edit. I'll see what I can do. :)

Titles: swag water effect :y:, Probably the speed lines would indeed look more natural going horizontally. The jaunty angle of the cube still gives it a bit of a bobbing, floating feel as oppose to sliding though and is also a little smaller than the in-game counterpart.

I'll try to enlarge the ice cube a little. I ended up drawing it as if it's sliding on its edge, since it seemed like the easiest way to edit the last version. I'll give a different angle a try to see if it works better.

Quote
Tiles: yeah, something like those others sans divisions would be nice. +1 Lackey; currently, although individually great it is looking just a bit grey and homogeneously sized overall. More icy blues and larger geological features for interest would be my inclination. I got a bit carried away with a doodle swapping out the icey 'cobbles' for straight-up toony snow for contrast/readibility + tried some ice stuff too.

(http://i.imgur.com/ofCPN.png)

Very nice! :D I'll see if I can do something more like that when I redo the tiles.

Currently pixeling on my laptop, so I'll have to deal with any palette issues later, but I tried to change the dino sprite a bit according to some of the advice.

(http://www.retinaleclipse.com/icy/oldnew-right.png)

I tried to make his look more consistent with the frontal view, reduced the use of outlines, added a little bit of color to his belly and changed the viewing angle a little. I'm not sure the perspective is changed radically enough to go with the top-down perspective of the tiles, but I'll test it later and try to find a way to either get the tiles to go with it or edit it further. In any case, I'll have to figure out how to offset him with the new size or if the drawing order has to be changed so that he doesn't overlap with the tiles in jarring ways.
Title: Re: [WIP] Dino Defrost
Post by: Dr D on July 19, 2012, 10:19:03 am
Quick color edit:

(http://i.imgur.com/pGPbf.png)

I really feel like the icy environment is not having nearly as much of an effect on the dino's colors as it probably should. The highlights especially, I felt, were too warm. I pushed the highlights and shadows into blue, tried to keep midtones somewhat green.

//edit: fixed image link. You need a direct link to the image, something with a file extension. -ptoing
Title: Re: [WIP] Dino Defrost
Post by: Seiseki on July 20, 2012, 01:38:38 am
Those eyeballs creep the hell out of me!
Can't you give him some eyelids? :D
Title: Re: [WIP] Dinothawr
Post by: Arachne on December 08, 2012, 10:20:28 pm
Almost done with exams, so I thought I'd update this thread. :crazy:

(http://www.retinaleclipse.com/icy/titlescreen-121208.png)

I renamed the game so it's a little more catchy. I changed the dino's legs to make the perspective less wonky. I also enlarged the ice cube and tried to make it look more like ice. Not sure what style I want to go for with the text yet.

Can't you give him some eyelids? :D

Better now?

(http://www.retinaleclipse.com/icy/screenshot-121208.png)

Here are the new tiles so far. I'm still in the process of softening up the rock tiles.

The requirements for the slippery tile set changed somewhat, so now I'm trying to emphasize the grid to make it easier to imagine the block paths. I ended up with a style of tiles which doesn't really give the impression of smooth ice. I was thinking I could add some brighter, diagonal lines on top to indicate smoothness or something like that. There's also the issue of style consistency within the set, which I'll have to focus on in a final pass.

(http://www.retinaleclipse.com/icy/screenshot-121208-2.png)

Another important thing is the lighter borders around the edge tiles. Here's an example, where one of the ice blocks has been pushed onto an empty tile. I'm wondering if I need to emphasize the borders more or if it's easy enough to tell the difference between the two cases.

(http://www.retinaleclipse.com/icy/gui_mockup5.png)

I also made a GUI mockup for the level selection screen. It looks fairly similar to what we have implemented, except we're not using a separate tile set to draw the miniature level.

(http://www.retinaleclipse.com/icy/screenshot-121208-3.png)

At this stage, it doesn't seem worth it to add separate tile sets for the miniatures, but maybe once we're closer to finishing the game (or if enough people complain about it :P).

Oh! I just noticed that the colors in the screenshot are more washed out than in the mockup, so I'll have to look into that. :ouch: Edit: For some reason, images I save in Gimp won't appear correctly in Firefox.

Quick color edit:

(http://i.imgur.com/pGPbf.png)

I really feel like the icy environment is not having nearly as much of an effect on the dino's colors as it probably should. The highlights especially, I felt, were too warm. I pushed the highlights and shadows into blue, tried to keep midtones somewhat green.

I see what you mean, and I'd probably go with something less cheerful if it were any of my grimmer projects. I think the sunnier tone fits the mood better for a silly, cartoony game like this, though.
Title: Re: [WIP] Dinothawr
Post by: Arachne on December 31, 2012, 09:54:25 pm
Bumping this for the new year. :lala:
Here's a slight update for the title screen. I'll be back home in a week to hopefully get all the graphics updated to the latest style. ;D

(http://www.retinaleclipse.com/icy/titlescreen-121231.png)

I tried to sculpt the ice a little so it's shaded to match the shape, and I also made the blue surface seem more slippery. There's a bit of a discrepancy between the title screen and the in-game tiles at the moment. I'll probably leave the background simple with some rocky shapes hinted at or something like that. Not sure about the water droplet-like things in the logo.

We're almost done with the Android version now, so we're hoping to have something you can test (Windows/Mac OSX/Linux/Android/Raspberry Pi versions) before school starts mid-January. :crazy:
Title: Re: [WIP] Dinothawr
Post by: Arachne on January 26, 2013, 11:18:28 am
I've updated all the sprites to the new 16 x 17 size. :) One pixel extra makes a lot of difference, and getting rid of the outlines also helped.
I tried to give the dino more head movement when he walks so that it's easier to tell the difference between sliding and walking.

(http://www.retinaleclipse.com/icy/new-stand-down.gif) (http://www.retinaleclipse.com/icy/new-stand-up.gif) (http://www.retinaleclipse.com/icy/new-stand-right.gif) (http://www.retinaleclipse.com/icy/new-stand-left.gif)

(http://www.retinaleclipse.com/icy/new-walk-down.gif) (http://www.retinaleclipse.com/icy/new-walk-up.gif) (http://www.retinaleclipse.com/icy/new-walk-right.gif) (http://www.retinaleclipse.com/icy/new-walk-left.gif)

(http://www.retinaleclipse.com/icy/new-slide-down.gif) (http://www.retinaleclipse.com/icy/new-slide-up.gif) (http://www.retinaleclipse.com/icy/new-slide-right.gif) (http://www.retinaleclipse.com/icy/new-slide-left.gif)

(http://www.retinaleclipse.com/icy/new-melt.gif) (http://www.retinaleclipse.com/icy/new-cheer.gif)

Edit: If anyone wants to try the game, we've made a feedback thread for Dinothawr (http://forums.tigsource.com/index.php?topic=31218.0) on TIGSource with test builds for Windows, Linux, Raspberry Pi and Android for now. :D