Windowshape image as mask for second image

Sivakatirswami katir at hindu.org
Fri Dec 9 05:51:47 EST 2005


Scott:

I made a bit of progress... I wanted to "play" with the window shape  
to see if a feathered outer edge to the window shape was good (I'm  
not so sure now that I see it.. I mean it's "cool" and all, but a  
clean edge to probably a more solid design)

Any way I set that image as the window shape and put it all the way  
to the back, it's a PNG feathered on the outside and solid inside..  
then I created another PNG which is a dup of the first one, but this  
time with a transparent square hole in the center set this to the top  
layer -- this is the "picture frame" and put my world map underneath  
it...

Then I have a logo and a couple of titles that I wanted to show on  
top of the world map as it moves...

OK this all works pretty well as I want now. At least if everything  
is just static... But if we start adding animation using simple move  
and show with visual effects, --problems... big time...

We are not talking rocket science animation here:

on preopenstack
   set the windowshape of this stack to 1010
   set the loc of this stack to the screenloc
   set the loc of img "world_map.png" to 465,240
   hide img "ht_title.png"
   hide img "ht_logo.png"
   hide img "ht_digital.png"
   hide img"world_map.png"
end preopenstack

on openstack

   show img"world_map.png" with visual effect iris open fast
# the above actual pokes a hole momentarily in the interface
# and my desktop shows thru during the iris open action.
# not intended but an interesting effect...and possibly
# could be considered a "bug" since the windowshape image is
# not transparent in the middle....

   move img "world_map.png" from 465,240 to 195,240 in 3 seconds  
without waiting
# this is horrible, the map "jerks" across the window...

   show img "ht_logo.png" with visual effect reveal down slowly
   show img "ht_title.png" with visual effect wipe down slowly
# more incredibly bad results, flicker, double images, grey boxes  
appearing...

   show img "ht_digital.png"

end openstack

Results--disaster... I'm getting the world map jerking across the  
screen instead of moving in a smooth fluid motion over 3 seconds..  
and the  visual effects of the title images on top of the moving map  
underneath are, well, stunningly bad... flicker, double image, grey  
box appears, followed by the actual title image... I'm doing  
something terribly wrong.

I'll upload the stack to my space later today after our fire wall  
"wakes up" here (no http during off hours...)

I didn't implement the group but I do get that as a useful way to  
"mask" an img that moves around inside the group.... but I don't  
think it will solve the basic display problems.. Either I am  missing  
something simple... Or Rev simply doesn't do well with layered  
animation effects, animated images on top of animated images..??

Sivakatirswami





On Dec 08, 2005, at 8:51 PM, Scott Rossi wrote:

> Recently, Sivakatirswami wrote:
>
>
>> I have this "concept" and I'm not really sure it can be implemented
>> in Rev... at least I haven't found a way:
>>
>> 1) Establish a border that is like a picture frame, that is feathered
>> on the outer edges... and the inside is transparent....
>>
>> 2) use this as a windowshape
>>
>> 3) next we want to place an image inside this "frame" such that the
>> frame serves as a mask to the second image which is underneath...
>> then we would want the image underneath to be set to move across very
>> slowly... but only appear on the inside of the frame.
>>
>> Now, this doesn't work...
>>
>> Saving the window frame as PNG with transparency on.. we get a lowly
>> frame, and I can see right three the middle to my desktop and also
>> the outer edges are feathered. Lovely: caveat: the inside of the
>> frame is also completely knocking on the entire interface!
>>
>
> If I understand what you're trying to do, you don't even need a custom
> windowshape for this.  You can do this within a single window by  
> using a
> transparent PNG for the frame and placing whatever images you want  
> to move
> behind the frame in a group (with lockLoc enabled) behind the frame  
> that is
> set to the same width as the frame .  Thus when you slide the  
> images back
> and forth within the group, they will be masked by the group and  
> visible
> within the frame image.  But you will have a solid color (or  
> texture) in the
> center of the frame where photos are visible, since this is where  
> the card
> shows through the frame.
>
> Make sense?
>
> If you want to animate the mask of an image, it's possible by  
> repeatedly
> setting the alphadata of an image to a sequence of PNGs but this  
> will be a
> lot of work.
>
> Otherwise, yes, we need more elaborate masking options within Rev.   
> The
> current rectangle provided by groups is too limiting.
>
> Regards,
>
> Scott Rossi
> Creative Director
> Tactile Media, Multimedia & Design
> -----
> E: scott at tactilemedia.com
> W: http://www.tactilemedia.com
>
> _______________________________________________
> use-revolution mailing list
> use-revolution at lists.runrev.com
> Please visit this url to subscribe, unsubscribe and manage your  
> subscription preferences:
> http://lists.runrev.com/mailman/listinfo/use-revolution
>




More information about the use-livecode mailing list