Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here a few steps to get started:</p> <ol> <li>Create the gradient. Could be: <ul> <li>a predefined image</li> <li>a circle, filled with an outer gradient color set to transparent. Maybe needs to be transformed into an ellipse.</li> </ul></li> <li>Mask the gradient with the area of the button.</li> <li>Listen for <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/MouseEvent.html#MOUSE_OVER" rel="nofollow">mouse over</a> and <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/MouseEvent.html#MOUSE_OUT" rel="nofollow">mouse out</a> events on the button's area. Update the position of the gradient to the mouse position (or only <code>mouse.y</code>) on <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/MouseEvent.html#MOUSE_MOVE" rel="nofollow">mouse move</a>.</li> </ol> <p>I can't promise that it will look exactly like in the windows 7 taskbar, as it depends on the button's background and the shape of the gradient. I'm no sure if there are additional effects used there. You can spice up things a little bit by adding more gradients that change their transparency according to the mouse distance and experimenting with <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/BlendMode.html#MULTIPLY" rel="nofollow">multiply blend mode</a> which gives nice effects.</p> <hr> <p><em><strong>Update</em></strong> - I think <code>this.overEffectRadialGradient.y = event.stageY;</code> is using the wrong coordinates. It may works if the button is at <code>0,0</code> though. The local coordinates should be the correct ones: <code>event.localY</code>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload