Tileable Water with refraction

0 favourites
From the Asset Store
110 High-Quality magic sounds of Air, Fire, Earth, Water and also Ice
  • Incredible effect

  • Thank you, people.


    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.


    Live Demo

  • Fantastic work christina, very cool effect! ;)

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • christina

    My god<img src="smileys/smiley3.gif" border="0" align="middle" />! 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!!! <img src="smileys/smiley32.gif" border="0" align="middle" />


  • ?a???a p??�??�a, ???a!

    You're welcome

  • christina are you the author of this game, I have seen one video on YouTube and it was very nice and good. I like the concept and gameplay of the game. Like it is kinda puzzly and logical. <img src="smileys/smiley17.gif" border="0" align="middle" />

    Thanks for your work in C2 forum , I have seen your example about the effect and it is really very much nice and good. Since I am also new to C2 so I don't know very much about it.

    But thanks for your work and contribution. <img src="smileys/smiley4.gif" border="0" align="middle" />

  • thehorseman007 thank you for your kind words. Yes, it's my game, a very early stage of it at least

  • christina nice, keep up the good work , I want to see your game fully done and playable. I will love to play your game when it is done. Thanks for the reply. <img src="smileys/smiley1.gif" border="0" align="middle" />

  • Excellent effects! You're obviously an extremely creative person, and generous too. Thank you very much for sharing your examples and insights.

  • christina, thx for a nice example on tackling the implementation of water. Nice solution you got there!

    I just cant run your CAPX on construct 1.51. Can you take a look?


  • Works fine for me, moxBorealis :/

    I don't use any 3rd party plugins

  • christina

    On OP, your reflection.capx uses the non-standard spritefont plugin by Miha Petelin and the Canvas plugin from R0j0hound. Maybe that's what he's referring to.

  • hey, dont know what happens. On running LoTroll capx browser reports: Assertion failure: Failed to create layer initial instance.

    I took a look at the event sheet and objects and anyway nice idea! thx.



  • Hi, Christina,

    I wonder if you could upload again this capx. I've been searching for this kind of effect for a long time, and as you wrote, I've not found any way to reach this on a good construction.

    Thanks in advance,


    I wasn't sure where to put this post.

    I made a water effect with refraction, using only built-in effects.

    christina2013-09-07 17:11:16

  • is it possible to reupload these files? thanks

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)