A bit late for the Graphics 2.0 competition (and probably not so good); but there you go. Foggy window opening up onto the Alps. You can draw with your fingers and uncover the landscape. Let’s call this Après-ski simulator! :)
http://youtu.be/LPhrWlvfHhA
Nice! I can imagine little drops of condensation streaking from top to bottom.
Can you give a hint what G2.0 technique(s) you used?
Oh yes, you can do much better than this, but i do not have the patience to source textures. I have used this tutorial and the background picture as a texture for polilines. The background is the original background picture (the one used as a texture) with a Gaussian blur and a semitransparent white rectangle on top. That was just lazy of me, I could have found a nice foggy window texture and used the blend modes as explained in the tutorial.
http://www.coronalabs.com/blog/2013/11/07/tutorial-repeating-fills-in-graphics-2-0/
Very nice! It would also be cool to make it “re-fog” based on time since you last touched it…
WOW! Nice! Great job Paulo. Quick question, could you use this same technique for something like a scratching loto app? The player would scratch a ticket to reveal a prize (or lost).
Thanks for the share.
Mo
@david, I actually did that but re-fogging looked kind of cheap. The problem is that I use a mix or rectangles an circles to get the line smooth and when they are fading they show as circles and rectangles and don’t fade in an homogeneous way. I haven’t found a solution to that yet.
@mo, yes you can without modifications. Nice idea actually.
A very inventive use of the new texturing filter. I just assumed it was some sort of masking or filtering trick until you explained it - I couldn’t have been more wrong!
And this is the last one. Calligraphic precision. It looks more like ice now. Disclaimer: I have not tried on a device.
Please tell me you used a stylus to do that? No-one can be that precise with a mouse!
Nice! I can imagine little drops of condensation streaking from top to bottom.
Can you give a hint what G2.0 technique(s) you used?
Oh yes, you can do much better than this, but i do not have the patience to source textures. I have used this tutorial and the background picture as a texture for polilines. The background is the original background picture (the one used as a texture) with a Gaussian blur and a semitransparent white rectangle on top. That was just lazy of me, I could have found a nice foggy window texture and used the blend modes as explained in the tutorial.
http://www.coronalabs.com/blog/2013/11/07/tutorial-repeating-fills-in-graphics-2-0/
Very nice! It would also be cool to make it “re-fog” based on time since you last touched it…
WOW! Nice! Great job Paulo. Quick question, could you use this same technique for something like a scratching loto app? The player would scratch a ticket to reveal a prize (or lost).
Thanks for the share.
Mo
@david, I actually did that but re-fogging looked kind of cheap. The problem is that I use a mix or rectangles an circles to get the line smooth and when they are fading they show as circles and rectangles and don’t fade in an homogeneous way. I haven’t found a solution to that yet.
@mo, yes you can without modifications. Nice idea actually.
A very inventive use of the new texturing filter. I just assumed it was some sort of masking or filtering trick until you explained it - I couldn’t have been more wrong!
And this is the last one. Calligraphic precision. It looks more like ice now. Disclaimer: I have not tried on a device.
Please tell me you used a stylus to do that? No-one can be that precise with a mouse!
@Paulo
When you say you set _the background picture as a texture for polilines, _you mean stroke fill right?
When I set a large image as stroke fill for a line, the image is resized to the thickness of the line.
Is there anything I am missing here?