revamped lava, now in tileset form

All development of pixel art, maps and other graphics.


Post Reply
User avatar
straelyn
Novice
Novice
Posts: 117
Joined: 04 Jan 2013, 20:56

revamped lava, now in tileset form

Post by straelyn »

A little something I did that I thought I'd share. It can tile into all sorts of funky shapes now. Although the transitions may not be perfect, I think even as-is, the look works somehow.
lava.png
lava.png (16.36 KiB) Viewed 2765 times
here's a shot of it tiled:
2013-04-14-171601_469x300_scrot.png
2013-04-14-171601_469x300_scrot.png (57.43 KiB) Viewed 2765 times
end of line.
User avatar
Jenalya
TMW Adviser
TMW Adviser
Posts: 717
Joined: 22 Sep 2010, 19:28

Re: revamped lava, now in tileset form

Post by Jenalya »

When looking at the mapped lava lakes, you can see very clearly where a tile starts and ends. In order to make it look good, it's needed to change the pattern of the lava, so it doesn't have such remarkable parts which makes the eyes notice the grid.
See here for a more detailed explanation of what I mean: http://www.petesqbsite.com/sections/tut ... apter2.htm
User avatar
meway
TMW Classic
TMW Classic
Posts: 1737
Joined: 04 Jan 2009, 05:02
Location: Detroit MI

Re: revamped lava, now in tileset form

Post by meway »

Try making the tile larger maybe x32 is to small of a tile and more difficult to make a seamless edge. For example x64 and x96 or larger can be great ways to getting the effect you want. Here is an example of an x96 image that I drew for lava. As it doesn't look great for individual tiles it covers allot of surface area and will direct less attention to seams.

lava.png This image is not a proper tileset neither is it seamless, its just an example to show how a bigger surface area can distract somebody playing from the existing seams.

lava2.png is an edited version of lava.png to give it more of that seamless effect we are looking for.
Attachments
Lava2.png
Lava2.png (4.5 KiB) Viewed 2730 times
Lava.png
Lava.png (4.46 KiB) Viewed 2738 times
User avatar
Crush
TMW Adviser
TMW Adviser
Posts: 8046
Joined: 25 Aug 2005, 16:08
Location: Germany

Re: revamped lava, now in tileset form

Post by Crush »

meway wrote:Try making the tile larger maybe x32 is to small of a tile and more difficult to make a seamless edge. For example x64 and x96 or larger can be great ways to getting the effect you want.
I made bad experiences which such large tilesizes. The problem is that when you want to allow mappers to work on a per-tile precision level, you have to create a lot of different edge tiles which will result in a very confusing tileset.

A better way to break up monotonous areas is to create some variations of the center tile. When you do that you should copy the original center-tile, erase the central 30x30 pixels and draw it again. By keeping the border you make sure that it is still working together with all tiles which worked together with the original.
  • former Manasource Programmer
  • former TMW Pixel artist
  • NOT a game master

Please do not send me any inquiries regarding player accounts on TMW.


You might have heard a certain rumor about me. This rumor is completely false. You might also have heard the other rumor about me. This rumor is 100% accurate.
User avatar
straelyn
Novice
Novice
Posts: 117
Joined: 04 Jan 2013, 20:56

Re: revamped lava, now in tileset form

Post by straelyn »

what a great tip :D
2013-04-15-104408_569x402_scrot.png
2013-04-15-104408_569x402_scrot.png (128.05 KiB) Viewed 2695 times
(I tweaked some of the edges too)
Attachments
lava.png
lava.png (18.22 KiB) Viewed 2695 times
end of line.
User avatar
Nard
Knight
Knight
Posts: 1113
Joined: 27 Jun 2010, 12:45
Location: France, near Paris

Re: revamped lava, now in tileset form

Post by Nard »

The problem with editing such small tiles is to fulfill the requirements:
  1. The tiles must be a period in both directions: the assembly result is a periodic image.
  2. you must not notice the period in the assembly.
Thus the image must end as it begins in both vertical and horizontal directions or you will notice edge discontinuities.
The size of the contrast variations must be much lower than the tile size ( let's say less than 1/10); or the eye will notice periodicity instantly.
lava.png
lava.png (127.54 KiB) Viewed 2671 times
A work around could be to combine two tilesets of different sizes, one on ground and a transparent one on ground2 to modulate intensities.
These remarks obviously do not apply when you have to design textures which are (almost) periodic by nature: wooden floors, bricks, stone walls, ceramic tiles...

I found this which might be helpful (I didn't try it yet):
NeoTextureEdit(an open source software(GNU LGPL v. 3))

ImageImageImageImage
"The language of everyday life is clogged with sentiment, and the science of human nature has not advanced so far that we can describe individual sentiment in a clear way." Lancelot Hogben, Mathematics for the Million.
“There are two motives for reading a book; one, that you enjoy it; the other, that you can boast about it.” Bertrand Russell, Conquest of Happiness.
"If you optimize everything, you will always be unhappy." Donald Knuth.
User avatar
straelyn
Novice
Novice
Posts: 117
Joined: 04 Jan 2013, 20:56

Re: revamped lava, now in tileset form

Post by straelyn »

and yet another update :mrgreen:
2013-04-15-163530_593x499_scrot.png
2013-04-15-163530_593x499_scrot.png (175.38 KiB) Viewed 2669 times
Attachments
lava.png
lava.png (18.46 KiB) Viewed 2669 times
end of line.
User avatar
baseballboy
Knight
Knight
Posts: 502
Joined: 04 Jan 2009, 20:04
Location: USA, North Carolina

Re: revamped lava, now in tileset form

Post by baseballboy »

BaseBaIIBoy - 99, Zalika - 95, Mou. - 86, baseballboy - 83, Abacus - 82, Laticia - 76

<o11c> More boobs please.
User avatar
straelyn
Novice
Novice
Posts: 117
Joined: 04 Jan 2013, 20:56

Re: revamped lava, now in tileset form

Post by straelyn »

wow, that animation looks super cool! :D
I must've missed it.
Honestly I took this on as more of an exercise than an actual attempt to get it implemented. I figured I'd post my results just in case.
I'd say I learned a lot in the whole process. Something I played around with in one of the levels I designed was putting a layer of lava below ground, and having semi-transparent cracks/whatever in the ground where it would show through. Here's an example of what I came up with:
2013-04-16-102925_591x488_scrot.png
2013-04-16-102925_591x488_scrot.png (132.82 KiB) Viewed 2626 times
I'm up to 3 floors so far. Here's the first floor:
2013-04-16-103206_375x532_scrot.png
2013-04-16-103206_375x532_scrot.png (47.3 KiB) Viewed 2626 times
end of line.
Post Reply