AuthorTopic: Waterfall motion  (Read 14515 times)

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Waterfall motion

on: December 15, 2015, 03:19:01 am
just in the early stages of animating this waterfall.
I feel like everything is going to hinge around the rhythm of the waves so I thought I'd ask how does this motion look at this point before I move on?
I've tried to incorporate a sort of static shimmering effect where the light is always reflecting.
the surrounding tiles r just there for context as its the canvas I'm animating in but feel free to crit (I will be adjusting bush shadows though fyi).


I'm trying not to add any more frames.
water ripples are 4 frames at half speed of the watetfall's 8 frames.

now I wonder about wave speed and frequency.
« Last Edit: December 15, 2015, 01:52:21 pm by Decroded »

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall animation

Reply #1 on: December 15, 2015, 04:00:54 am
looks beautiful, but i find your waterfall streams dont go as well with the style as it could.  the style is semi realistic, but the streams do not imo.  it lacks volume and instead looks like water running down waterslides.  could maybe suggest more body and naturalism.  perhaps something similar to this effect might go well with your style?

Offline Ambivorous

  • 0010
  • *
  • Posts: 365
  • Karma: +2/-0
  • If you can't do; inspire.
    • ambivorous
    • ambivorous
    • http://pixeljoint.com/p/47949.htm
    • ambivorous
    • View Profile

Re: Waterfall animation

Reply #2 on: December 15, 2015, 05:19:26 am
Let me just start off by acknowledging that your pixel art has really become something of a marvel. Just utterly beautiful to behold. Even in just your edits here and there I find a lot of awe inspiring stuff.

Moving on, I don't quite know enough to analyze the style relative to the rest of the piece, but as far as what you've attempted to go with I'd say you've hit the nail pretty damn square on the head.
I remember Sohei making some waterfalls a little while back (here; also the WIP thread) and I'd say it's on the same vein.

If I had to give any advice at all I'd say perhaps space the falling 'wave' out more as it goes further down to give it the feel that gravity has increased it's velocity throughout the fall?
Otherwise if you do have the time, try out Friend's suggestion, because I'd love to see the result. ;D

Keep up the good work!
* may contain misinformation

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #3 on: December 15, 2015, 01:57:44 pm
Thanks guys those comments r helpful.
Seeing Master Sohei's waterfall makes me realise I could do it in 4 frames if I increase the frequency but haven't decided yet.

Anyway some progress and messing around with colours.

Thx to Wolfenoctis for ideas on colours.
« Last Edit: December 15, 2015, 02:03:05 pm by Decroded »

Offline wzl

  • 0010
  • *
  • Posts: 298
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #4 on: December 15, 2015, 02:43:17 pm
nice color variation in the last one, makes the waterfall pop up so much more!
What i dont like, and what friend mentioned as well, the falls look like flat bands, something water normally wouldnt look like, especially rolling down on rocky surfaces like that. I'd try to break up the straight lines, make some rocks poke through the water, have it run down the structure of the cliff to make it more interesting and believable.
I don't have time right now, but i'll try to give it a spin later. its just too tempting :D

Offline Pusty

  • 0010
  • *
  • Posts: 246
  • Karma: +0/-0
  • I like cheese
    • View Profile

Re: Waterfall motion

Reply #5 on: December 15, 2015, 08:22:59 pm
omg this looks awesome! :O

I think the darkest version is the best because it makes it look more "natural" as water isn't normally so bright (or at least I don't think so. correct me if I'm wrong)
Just a random hobby gamedev passing by O:
[Ludum Dare][Itch.io]

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #6 on: December 15, 2015, 10:51:49 pm
omg this looks awesome! :O

I think the darkest version is the best because it makes it look more "natural" as water isn't normally so bright (or at least I don't think so. correct me if I'm wrong)

depends on many things, maybe most importantly lighting conditions, ie sunlight

Offline aamatniekss

  • 0001
  • *
  • Posts: 75
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #7 on: December 16, 2015, 08:26:51 am
Yeah, I also think the dark version looks the best, because of how good the contrast between the waterfall and still water is. Looks super cool.

Offline yaomon17

  • 0011
  • **
  • Posts: 660
  • Karma: +0/-0
    • YaomonKS
    • taiya.sun
    • http://pixeljoint.com/p/28472.htm
    • yaomon17
    • valedev
    • playvale
    • View Profile
    • portfolio

Re: Waterfall motion

Reply #8 on: December 16, 2015, 06:49:50 pm
I like the very left. I feel the dark contrasts a bit too much with the lighter grass and conveys a different atmosphere opposed to the grass. I feel like the darker water color would look better in a shaded grove or a nighttime area.

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #9 on: December 16, 2015, 10:25:42 pm
I like the very left. I feel the dark contrasts a bit too much with the lighter grass and conveys a different atmosphere opposed to the grass. I feel like the darker water color would look better in a shaded grove or a nighttime area.

I agree. but i think if the grass had heavy detail like in seiken  densetsu 3 the dark blue would be great.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #10 on: December 18, 2015, 10:14:22 pm
Re the waterfall shape, I should have mentioned earlier I'm restricted to straight lines as the cliffs tile vertically as below (hence the weird blocky shapes of the rocks).


also a bit of a colour edit trying to add a bit of flavour and keeping comments from u guys in mind.


not sure if grass is a little TOO desaturated now, it looks OK in Photoshop but on here it looks off.
man i really hate the bright background on this forum it really throws off the colour balance  :yell:

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #11 on: December 19, 2015, 03:30:06 pm
New colors look amazing. I really love the new rock colors specifically the shadow colors.  I kinda wish the grass had some detail or texture besides edges though

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #12 on: December 20, 2015, 01:18:46 pm
New colors look amazing. I really love the new rock colors specifically the shadow colors.  I kinda wish the grass had some detail or texture besides edges though
thx. will probably add a few more plant sprites as overlay declas otherwise it will make a shit-tonne of extra tiles.

working on various water flow and shimmering effects within 4 frame loop.

intending to keep movement fairly minimal though I may go back and add a few more dramatic bits.

Offline Crit Nasty

  • 0001
  • *
  • Posts: 31
  • Karma: +0/-0
  • My Pixel Art adventure started 12/12/2015.
    • View Profile

Re: Waterfall motion

Reply #13 on: December 20, 2015, 08:36:03 pm
I really like the darker contrast of colors that you've most recently used. I feel as if the loop is missing some realism though. Maybe add the physics of the clash between the waterfall and the river below it.
« Last Edit: December 21, 2015, 05:30:54 am by Crit Nasty »
One does not simply crit.

Offline Glak

  • 0010
  • *
  • Posts: 114
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #14 on: December 21, 2015, 10:26:28 pm
Making the waterfall lighter was a huge improvement.  I like the other colors a bit better too.  I think that you could go further with the waterfall and eliminate the darkest blue.  Look at references and you will see that waterfalls are almost pure white, often with vertical streaks of gray.  You might want to use your stone highlight shade in the waterfall.  Here's a great reference: https://earndoggy.files.wordpress.com/2014/12/wpid-new-waterfalls.jpg

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #15 on: December 22, 2015, 11:55:14 pm
latest version adding some more textures to the loop and reduced dark bits in waterfall.


was trying to keep the bottom area contained in 1 tile height but probs need to extend into next tile a bit or it will look too sudden.

EDIT: added some suggestion of reflective waves.
« Last Edit: December 23, 2015, 01:18:49 am by Decroded »

Offline Finlal

  • 0001
  • *
  • Posts: 32
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #16 on: December 23, 2015, 12:33:57 am
That looks really good, but a bit too bright for my taste.
If it's for the game, the waterfall might interfere with character sprite due to it's contrast with cliffs.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #17 on: December 23, 2015, 02:20:37 pm

Offline Crit Nasty

  • 0001
  • *
  • Posts: 31
  • Karma: +0/-0
  • My Pixel Art adventure started 12/12/2015.
    • View Profile

Re: Waterfall motion

Reply #18 on: December 23, 2015, 07:10:23 pm
Omgosh you killed it! Beautifully done Decroded. I really like the "continued flow of the water" which ties together the entire animation very well. Your clash well into the river with the specs of water splashing out is a convincing touch as well! The only thing I would ditch would be the "rolling suds" effect you have. The colors aren't quite right and it just doesn't have the same "elegant" feel as the rest of your waterfall's style. I would love to see what it would look like without it, or even with a slight alteration to its mechanics. All in all, you're on a verge of a masterpiece!
One does not simply crit.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #19 on: December 24, 2015, 01:58:18 am
added some small mist effect constrained within a tile instead of bleeding out.

Offline Crit Nasty

  • 0001
  • *
  • Posts: 31
  • Karma: +0/-0
  • My Pixel Art adventure started 12/12/2015.
    • View Profile

Re: Waterfall motion

Reply #20 on: December 24, 2015, 02:15:02 am
How do you combine all the different animations together?
One does not simply crit.

Offline Gil

  • 0100
  • ***
  • Posts: 1543
  • Karma: +1/-0
  • Too square to be hip
    • http://pixeljoint.com/p/475.htm
    • View Profile
    • My Portfolio

Re: Waterfall motion

Reply #21 on: December 24, 2015, 03:38:00 pm
The fun part is, you can probably enhance this in the eventual game engine with extra mist and that'd look just fine :)

Offline Glak

  • 0010
  • *
  • Posts: 114
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #22 on: December 24, 2015, 06:53:31 pm
It looks really beautiful.  Are you going to animate the rest of the water?

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #23 on: December 25, 2015, 01:26:21 am
The fun part is, you can probably enhance this in the eventual game engine with extra mist and that'd look just fine :)
The fun part is most eyes wouldn't know its hand-pixeled and not some overlay  :lol:

It looks really beautiful.  Are you going to animate the rest of the water?
Most of its already animated (see the OP).
I'm just getting to re-applying the ripples to new tiles/colours and few ripples to finish off.

Offline Glak

  • 0010
  • *
  • Posts: 114
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #24 on: December 25, 2015, 01:31:30 am
The ripples are moving away from the rocks, as if the rocks themselves are generating the water.  Would it be possible to work it so that the ripples alternate between moving towards and away from the rocks?  This would make it seem like the water is sloshing around.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #25 on: December 25, 2015, 02:28:28 pm
The ripples are moving away from the rocks, as if the rocks themselves are generating the water.  Would it be possible to work it so that the ripples alternate between moving towards and away from the rocks?  This would make it seem like the water is sloshing around.

hmm i see what u mean.
im kinda trying to stay within 4 frames partly for the fun of it so experimented with a couple ripple effects in this version once i finished outward ripples at the base.

but its late and im kinda out of ideas o.0

Offline Glak

  • 0010
  • *
  • Posts: 114
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #26 on: December 25, 2015, 10:48:36 pm
I really like the one where the water is moving downstream.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #27 on: December 28, 2015, 01:34:04 pm
I really like the one where the water is moving downstream.
thanks yeah not enough frames for wiggley one.

update.

Offline aamatniekss

  • 0001
  • *
  • Posts: 75
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #28 on: December 28, 2015, 01:59:53 pm
Oh man, that is too good. :o Will this be a game?

Offline Ambivorous

  • 0010
  • *
  • Posts: 365
  • Karma: +2/-0
  • If you can't do; inspire.
    • ambivorous
    • ambivorous
    • http://pixeljoint.com/p/47949.htm
    • ambivorous
    • View Profile

Re: Waterfall motion

Reply #29 on: December 28, 2015, 02:38:54 pm
Yeah, Decroded, you had better not put this into a game because no one is going to play it - they'll be too busy fapping to your water animations.

Hummina hummina hummina.


Seriously though that's amazing. Especially the underwater rocks. Holy balls. I'm saving this so I can use it for reference whenever I need to animate water.
* may contain misinformation

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #30 on: December 30, 2015, 03:42:06 am
Feel like I'm pretty done  and need to finish some surrounding assets.
Still interested in crits for future improvement or any small changes that might improve this.


This was a low-paying commission for an unannounced game.
I went way over time as I wanted to experiment new techniques and gain more confidence with using Gale.

So thanks everyone for the nice comments and helpful crits (Sorry I don't reply much but I take them all on board).
Also a big thanks to Wolfenoctis for listening to my ramblings!  :crazy:

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #31 on: December 30, 2015, 08:21:17 am
I like your attitude but your art is even better. Awesome end result :D

I'm not sure if this is that helpful as I don't known much about animation, but maybe there is such a thing as unity among animation similarly how there is in unity in style of separate elements such as trees grass rocks etc. what I mean is I'm not sure your separate animated bits go together as well as they could. I don't know why but the round circles animating where the waterfall hits the bottom bother me especially

Offline Digivoxel

  • 0001
  • *
  • Posts: 23
  • Karma: +0/-0
    • View Profile

Re: Waterfall motion

Reply #32 on: December 30, 2015, 03:29:21 pm
I don't know why but the round circles animating where the waterfall hits the bottom bother me especially
Ah, I see what you're saying. Instead of being reactionary, they seem more like they are coming off of a conveyor belt.

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #33 on: December 31, 2015, 12:52:51 am
I like your attitude but your art is even better. Awesome end result :D

I'm not sure if this is that helpful as I don't known much about animation, but maybe there is such a thing as unity among animation similarly how there is in unity in style of separate elements such as trees grass rocks etc. what I mean is I'm not sure your separate animated bits go together as well as they could. I don't know why but the round circles animating where the waterfall hits the bottom bother me especially

Thanks.
Those things are called MistypuffsTM  :lol:
Nah the idea was to have a misty haze and it wasn't intended to be little balls just kinda came out like that.
Dunno if I'll get a chance but I might be able to smooth out the effect a bit make it softer and hazier so the balls aren't so obvious.
Besides that I dunno what else to do about conveyor effect with just 4 frames for the whole image (stole that idea from Sohei :P).
It was interesting to see what I could do with 4 frames but I'll do more frames next time that's for sure.

The real limitation here though is in the variable-height tiling which does not make this kind of waterfall very fun TBH.
For example I can't easily vary the width of the waterfall otherwise since it becomes difficult to line it up across different tile configurations.

If there was actually a decent software for making animated tiles it would make stuff like this alot easier.
Something like Gale and PyxelEdit combined where you can edit a frame of a tile and have it updated across the whole mockup in real-time would be awesome.
Anyone know of anything like that around yet?

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #34 on: December 31, 2015, 01:05:22 am
I actually like the Mistypuffs TM. I meant the medium blue circles below the Mistypuffs TM.  Idk. I just think the separate animation sections of the water kinda look like they all are in separate styles. Sorry to keep bumping. Just wanted to clarify I like Mistypuffs TM.



those thingies ^  Like I kinda feel that section might look better if it was all filled in with white water
« Last Edit: December 31, 2015, 01:12:56 am by Friend »

Offline Pusty

  • 0010
  • *
  • Posts: 246
  • Karma: +0/-0
  • I like cheese
    • View Profile

Re: Waterfall motion

Reply #35 on: December 31, 2015, 01:13:55 am
If there was actually a decent software for making animated tiles it would make stuff like this alot easier.
Something like Gale and PyxelEdit combined where you can edit a frame of a tile and have it updated across the whole mockup in real-time would be awesome.
Anyone know of anything like that around yet?

I just checked and ProMotion is able to do that. (or at least it seems so)
Just a random hobby gamedev passing by O:
[Ludum Dare][Itch.io]

Offline Decroded

  • 0100
  • ***
  • Posts: 1285
  • Karma: +3/-0
  • Oh hai
    • View Profile

Re: Waterfall motion

Reply #36 on: December 31, 2015, 05:59:42 am
I actually like the Mistypuffs TM. I meant the medium blue circles below the Mistypuffs TM.  Idk. I just think the separate animation sections of the water kinda look like they all are in separate styles. Sorry to keep bumping. Just wanted to clarify I like Mistypuffs TM.



those thingies ^  Like I kinda feel that section might look better if it was all filled in with white water
Oh cool yeah Crit Nasty pointed that out too.
It was supposed to resemble something like this - http://www.stormeyes.org/tornado/SkyPix/seafoam1.jpg
But maybe I need to redo it if it looks too odd.


If there was actually a decent software for making animated tiles it would make stuff like this alot easier.
Something like Gale and PyxelEdit combined where you can edit a frame of a tile and have it updated across the whole mockup in real-time would be awesome.
Anyone know of anything like that around yet?

I just checked and ProMotion is able to do that. (or at least it seems so)
Thanks alot I'll definitely have to get that program now!

Offline Friend

  • 0010
  • *
  • Posts: 288
  • Karma: +1/-0
    • View Profile

Re: Waterfall motion

Reply #37 on: December 31, 2015, 06:18:21 am
I actually like the Mistypuffs TM. I meant the medium blue circles below the Mistypuffs TM.  Idk. I just think the separate animation sections of the water kinda look like they all are in separate styles. Sorry to keep bumping. Just wanted to clarify I like Mistypuffs TM.



those thingies ^  Like I kinda feel that section might look better if it was all filled in with white water
Oh cool yeah Crit Nasty pointed that out too.
It was supposed to resemble something like this - http://www.stormeyes.org/tornado/SkyPix/seafoam1.jpg
But maybe I need to redo it if it looks too odd.

oy i could see how the foam effect might work.  maybe it is because they are too uniform in size and shape and unlike the weblike unfolding they do- maybe think of the foam as connected webs that expand outward in different sizes
« Last Edit: December 31, 2015, 06:20:13 am by Friend »