Skip to main content
Removing this statement since all of these things can just go straight under the CC-Wiki license that SE uses. I didn't realise it had a license at the time!
Source Link
doppelgreener
  • 7.3k
  • 7
  • 44
  • 69

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded.

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Final Notes

Since a commenter asked: I create these images in Adobe Photoshop (shrunk on here by 50% for crisp lines) using a Wacom Intuos3 tablet (which lets me draw freehand and naturally, and vary my line width etc).

All images in this answer are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded.

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Final Notes

Since a commenter asked: I create these images in Adobe Photoshop (shrunk on here by 50% for crisp lines) using a Wacom Intuos3 tablet (which lets me draw freehand and naturally, and vary my line width etc).

All images in this answer are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded.

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Final Notes

Since a commenter asked: I create these images in Adobe Photoshop (shrunk on here by 50% for crisp lines) using a Wacom Intuos3 tablet (which lets me draw freehand and naturally, and vary my line width etc).

Images moved to Imgur hosting, and Final Notes added
Source Link
doppelgreener
  • 7.3k
  • 7
  • 44
  • 69

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled http://www.yaharr.com/stackexchange/telltale%20signs.pngone variety of repeated rock with each instance circled

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites http://www.yaharr.com/stackexchange/rocksprites.pngsome perdy rock sprites

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded. http://www.yaharr.com/stackexchange/polygon%20edges.pngDetermine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded.

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Final Notes

Since a commenter asked: I create these images in Adobe Photoshop (shrunk on here by 50% for crisp lines) using a Wacom Intuos3 tablet (which lets me draw freehand and naturally, and vary my line width etc).

All images in this answer are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled http://www.yaharr.com/stackexchange/telltale%20signs.png

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites http://www.yaharr.com/stackexchange/rocksprites.png

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded. http://www.yaharr.com/stackexchange/polygon%20edges.png

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded.

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Final Notes

Since a commenter asked: I create these images in Adobe Photoshop (shrunk on here by 50% for crisp lines) using a Wacom Intuos3 tablet (which lets me draw freehand and naturally, and vary my line width etc).

All images in this answer are licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

Some accessibility - edited the tooltip for the instructions to describe the instructions.
Source Link
doppelgreener
  • 7.3k
  • 7
  • 44
  • 69

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled http://www.yaharr.com/stackexchange/telltale%20signs.png

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites http://www.yaharr.com/stackexchange/rocksprites.png

Now there's a process to follow so you know where to put them.

instructionsDetermine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded. http://www.yaharr.com/stackexchange/polygon%20edges.png

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled http://www.yaharr.com/stackexchange/telltale%20signs.png

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites http://www.yaharr.com/stackexchange/rocksprites.png

Now there's a process to follow so you know where to put them.

instructions http://www.yaharr.com/stackexchange/polygon%20edges.png

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Metroid's just using tiles, nothing special going on there.

Aquaria however is doing something rather clever. If you'll notice, a lot of those rocks on the bed get repeated several times. Here's one of the rocks for instance:

one variety of repeated rock with each instance circled http://www.yaharr.com/stackexchange/telltale%20signs.png

It looks like they've just dumped sprites along the edges of their terrain. It's kind of like what Metroid did - a massive arsenal of edge tiles, but if you pay attention you can notice the repetition of the tiles. Acquaria's doing the same thing, except with rock sprites, and not on a grid.

How to replicate it

This might not be exactly how they do it, but it's one way of producing the same end result.

First, get yourself a nice bunch of rock sprites like this:

some perdy rock sprites http://www.yaharr.com/stackexchange/rocksprites.png

Now there's a process to follow so you know where to put them.

Determine the vertices and edges that make up your terrain. Traverse them like a spider walking across a line of web and at regular distances store the current coordinate. The inverval distance depends on the size of your sprites! Colour one side black then dump a sprite on each point you recorded. http://www.yaharr.com/stackexchange/polygon%20edges.png

Tada!

You can use this once to generate a list of rocks and where to draw them, then you just draw all your rock sprites. Or maybe you can just draw all the points and pick a different sprite to draw on it on each step, making the edge of a lava pit or an alien terrain!

And other terrain features...

Aquaria could've used a very similar method to dump all the mushrooms, coral and other features on the seabed (including the giant rocky structures that form the backdrop). The mushrooms could have been generated like this:

  1. Gather some points at random intervals, not fixed intervals.
  2. Don't just store the point. Also store the normal of the edge you picked the point from.
  3. Pick a random rotation within a certain range of the normal's rotation. For example if the normal is pointing off at 30 degrees, pick a rotation within 20 degrees of that (i.e. between 10-50 degrees).
  4. Draw your mushroom at the chosen rotation, and at a random stalk length.

Everything else is probably a variation on those same instructions: the coral isn't rotated much, those two shells/stones are probably only placed if the terrain normal is pointing roughly upwards (i.e. the terrain's flat).

Added a note on other terrain features, increased size of first header
Source Link
doppelgreener
  • 7.3k
  • 7
  • 44
  • 69
Loading
deleted 56 characters in body
Source Link
doppelgreener
  • 7.3k
  • 7
  • 44
  • 69
Loading
Source Link
doppelgreener
  • 7.3k
  • 7
  • 44
  • 69
Loading