The image size limit has been raised to 1mb! Anything larger than that should be linked to. This is a HARD limit, please do not abuse it.
Our new Indie Games subforum is now open for business in G&T. Go and check it out, you might land a code for a free game. If you're developing an indie game and want to post about it, follow these directions. If you don't, he'll break your legs! Hahaha! Seriously though.
Our rules have been updated and given their own forum. Go and look at them! They are nice, and there may be new ones that you didn't know about! Hooray for rules! Hooray for The System! Hooray for Conforming!

Pyrian's Watercolors

PyrianPyrian Registered User regular
I'm working on some watercolor art for a personal game project (which per forum policy will go unnamed for now), slowly replacing the digital "programmer art" it had before. There's a sort of random overmap in which each site you can visit has a terrain type, represented with a little picture. Here's what it looked like originally:

PHHlsOo.png

Here's my physical paintings:

X6y1Uq7.jpg

And here they are, in-game:

11pW61k.png

This is a bit zoomed in so you can see closer to what part of it might look like full screen:

fXwfV1X.png

So... Does this work? Better, worse, something else? Any tips or criticisms, things I could maybe fix? Feedback is always appreciated! :)

Posts

  • NightDragonNightDragon 6th Grade Username Registered User regular
    I think the idea is cool, but you may want to paint larger. You're painting very very tiny and I think losing some of the clarity as a result.

    Try to consider the brightness of the colors you're using...when you're creating small icons like this, clear silhouettes and forms are VERY important. When you change these over to greyscale, they're a bit hard to understand.

    I actually think the "programmer art" is easier to read, for a few reasons. The icons there are very distinct from one another, and have clear silhouettes. In your version, you've removed the silhouettes entirely by placing all the scenes in square frames. Many of your paintings also show extremely similar scenes (i.e. a brown road in the center of the image, with the sky covering the top 1/4).

    I'm a bit confused by the yellow "S" shape and the other additions from the in-game screenshot...it looks a little messy? You can create watercolor art for a game and have it look fantastic, but it does require some finesse. Watercolor like this looks rather loose, which is fine, but if everything looks loose, it can look messy.

    Maybe try planning out and drawing some distinct, simple silhouettes for each terrain, and consider using some different colors per slot, too. Different greens, different shapes, etc. Anything that would help each area seem unique and immediately recognizable from its icon on this page.

    rotate.php TumblrLink.gif
    Angel_of_Bacontapeslinger
  • PyrianPyrian Registered User regular
    Thanks for the advice! I really appreciate the feedback. For the record, here's what the "yellow S" (which identifies sites you can immediately travel to) moves like in GIF form:

    bU3YvUh.gif

    Sadgasm
  • PyrianPyrian Registered User regular
    Moved on to some environment work. Here's the dirt and grass of a trail. It's hex based; the grass is "over" the dirt, while terrain of the same type is drawn lower over higher. Each type has four paintings; this lets them be both randomized and follow a no-adjacency rule.

    2uPuTac.png

  • lyriumlyrium Registered User regular
    The terrain paintings seem to be working well, and it's nice to have different paintings to vary up each texture a bit.
    Did you revisit the overmap icons after reading ND's input? I agree with everything she said, as far them being kind of unclear. The original icons are much more different from each other, even just simply because one depicts a plant while another depicts a rock and another a liquid, etc. Since the space you have to work with for each one is so small, you might have more success simplifying what's in each icon quite a bit (especially by cutting down the backgrounds). Two pine trees, two crop plants, a rock pile, etc. More contrast and making use of silhouettes, trying these things would be a good idea.
    Looking forward to seeing more! Watercolor in a game is so nice.

  • PyrianPyrian Registered User regular
    Thanks, lyrium! I've gotten a lot of great feedback on the site icons and I plan on revisiting them - but not until I've got a draft of the terrain and units, as well. I've got several water/mud and bush/underbrush hexes in the pipeline and I'll post those as soon as I can.

  • PyrianPyrian Registered User regular
    Adding terrain types, one by one. It's slow going between the painting, the scanning and processing (and then the re-painting and re-scanning and...). Here we've got water, mud, deep mud, and low brush. (The water is animated, though I plan on doing more with the animation.)

    umZNlQm.png

  • PyrianPyrian Registered User regular
    New rock (gravel, boulders, impassable rock walls) and bushes, in their painted and in-game forms. I'm still not happy with the bushes, but I really like how the rocks turned out. Still needs their shadow layer, though. Maybe I'll take all my failed attempts at low brush and merge them together into a single extra-bushy hex tile sprite.

    b2IyFVm.jpg

    8OA8jLz.png

    bowen
  • PyrianPyrian Registered User regular
    I've got some shadows! They're only cast on the ground layer, but it helps certain terrain types a lot. The shadows are painted, too, lol, but you can't really tell.

    I took three different tries at making low brush sets, and combined them in a single tile. Now it works much better! Also, I've painted big/high bushes. Low brush slows movement and can be hidden in with the stealth skill. High bushes also block line of sight.

    hzBnjQm.png

    I tried coloring the different types of rocks. I have mixed feelings about the result. They certainly "pop" better, but they were IMO pretty distinguishable before. I don't really like the look as much. Might try a different set of colors. In gameplay, the low gravel slows movement, the medium boulders also can be hidden in with stealth skill, while the big ol' rocks are impassable and block line of sight.

    BN9pEwb.png

  • lyriumlyrium Registered User regular
    It seems like it wouldn't bee too tough to find a happy medium with the rock colors. It's much easier to tell them apart when they aren't the exact same color (which seems important given that they have different functionality in-game), but maybe the colors could be on more of a monochromatic gradient, since that's the look you prefer? Either change their hue from each other (but more subtly) or keep the same color and just change values more dramatically?

  • PyrianPyrian Registered User regular
    Yeah, I think you're right. Thanks for the tip! I tried making the medium boulders halfway between the two earlier drafts and reverting the big rocks to their original grey, and it's a fair bit better. Also, I've got pine trees in! That completes a draft of the 12 basic terrain types. Hooray!

    BD06bAF.png

  • PyrianPyrian Registered User regular
    Fires in Glade Raid are quite complex. There's small fires, big fires, burnt greenery, ashes, smoke, and sparks. Sparks blow on the wind like smoke, and can start new fires. It took awhile to get all those in, and I ended up having to do a fair amount of tinkering with the programming to make it all work right.

    Here's the raw paintings:
    jngathe.jpg

    And here they are in-game:
    veSQ4o4.png

  • PyrianPyrian Registered User regular
    Here's a GIF of the fires in motion. The low frame rate and color dithering are artifacts of the GIF-making process.

    CPjxcLx.gif

  • PyrianPyrian Registered User regular
    Alright, time for some transition prototypes. These are strictly quick prototypes, any "real" versions would be hand-painted, smoothed out, and varied instead of copy-pasted. Also, no shorelines yet.

    Here's a section in the game as-is:
    5gFVD6B.png

    In this approach, border hexes get some bits of rock or grass from adjacent hexes all throughout the hex. The direction of adjacency is ignored:
    s4iOCsw.png

    Here, the approach is similar but the direction of adjacency is taken into account:
    eMjBJ4k.png

    Finally, in this prototype, we're smoothing out the corners when two hexes are the same but the third is different, reducing the jaggedness of "straight" lines:
    QaMqIJk.png

    I would really appreciate any opinions on which approaches you think work best! Thanks.

  • bowenbowen How you doin'? Registered User regular
    I like the one that takes the adjacency into account.

    Maybe do a bool and randomize it to have it switch back and forth (favor adjacency though), which will help keep the variation high and break up the blockiness a bit more.

    Ladies.
  • PyrianPyrian Registered User regular
    Thanks for the feedback, bowen. I could make it so going full hex depends (in whole or in part) on the number of adjacencies. Like, 1 or 2 adjacencies it's always a border, 3 or 4 it's random, and 5 or 6 it's always full hex.

Sign In or Register to comment.