Tileable Water with refraction

Get help using Construct 2

Post » Fri Sep 06, 2013 1:21 pm

This is beautiful!
B
10
S
1
Posts: 54
Reputation: 958

Post » Fri Sep 06, 2013 2:32 pm

Regardless of the effect, which is great, I loved the entry! Great job.
B
15
S
6
G
3
Posts: 35
Reputation: 3,982

Post » Sat Sep 07, 2013 1:08 am

@lukedirago
@Niko
@PaulPoy
@eli0s
@Sebastian

Thank you. I wish the queen didn't jump over the obstacle randomly. I think I['ll have to make a custom level-solving algorithm instead of using the platform behavior.

But yeah, apart from being a broken game, I like it too
B
28
S
12
G
4
Posts: 193
Reputation: 4,581

Post » Sat Sep 07, 2013 2:28 am

@christina,

I wish you could figure out a way to do real time reflections (in a simple and elegant way like you did the refractions) and share it with us
Right now I can't figure out a way other than duplicating sprites, mirror them vertically and masking them to gradually hide the edges, which is really inconvenient and only works with still objects...
There is the canvas object that can achieve some interesting results, but its implementation is too complicated for my simple brain.
At this post, NEVES is demonstrating an excellent example, but he keeps his magic a secret :(

Again, thank you again for sharing your effort!

Elias
composer - multimedia artist
www.eli0s.com/en/
B
69
S
26
G
5
Posts: 1,146
Reputation: 9,829

Post » Sat Sep 07, 2013 3:03 am

Wow! Thank you very much for sharing! It's really amazing!
B
47
S
11
G
5
Posts: 124
Reputation: 6,801

Post » Sat Sep 07, 2013 1:45 pm

Incredible effect
B
14
S
4
G
3
Posts: 21
Reputation: 2,164

Post » Sat Sep 07, 2013 2:25 pm

Thank you, people.

@eli0s


90% of effects is thinking creatively.
Remember: it's not magic, it's just analyzing your situation. A water surface, viewed from the side, is essentially a mirror (because of an optical effect called "fresnel").
So what you need is a liquid mirror surface. Therefore the canvas object, for reflection, and a few effects for making the canvas look like a liquid.


I don't know how Naves is doing it, but I'd do the following:

every tick
- paste all objects, one by one, on a canvas sized like a long rectangle
- set canvas height to canvas height * (-1) which mirrors the image vertically

and add a few layer effects.

Let me know if this helps.


CAPX

Live Demo

christina2013-09-07 15:41:02
B
28
S
12
G
4
Posts: 193
Reputation: 4,581

Post » Sat Sep 07, 2013 2:45 pm

Fantastic work @christina, very cool effect! ;)
B
33
S
6
G
7
Posts: 494
Reputation: 8,252

Post » Sat Sep 07, 2013 4:57 pm

@christina

My god! Thank you so much for the example capx, it clarifies so many things!!!

You're wonderful, I'll try to implement this solution in my project, replacing all those flipped sprites, masks, etc, with canvas!

Again, thank you Christina!!!

Elias
composer - multimedia artist
www.eli0s.com/en/
B
69
S
26
G
5
Posts: 1,146
Reputation: 9,829

Post » Sat Sep 07, 2013 5:06 pm

?a???a p????a, ???a!

You're welcome
B
28
S
12
G
4
Posts: 193
Reputation: 4,581

PreviousNext

Return to How do I....?

Who is online

Users browsing this forum: blue visionary, namaewayukidesu and 7 guests