How to: Animate an Embossed Visual Effect

Article
11/03/2006

This example shows how to animate an embossed visual effect.

Example

The following example animates the LightAngle property of an EmbossBitmapEffect so that artificial light orbits the embossed edge of the image. When the light orbits the image, the shadows that are cast by the embossing shift accordingly.

<Page xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml" >

  <StackPanel>

    <Image Source="/images/WaterLilies.jpg" Width="600"  Margin="10" >
      <Image.BitmapEffect>
        <EmbossBitmapEffect x:Name="myEmbossBitmapEffect"  Relief="0.8" LightAngle="0" />
      </Image.BitmapEffect>
      <Image.Triggers>
        <EventTrigger RoutedEvent="Image.Loaded">
          <BeginStoryboard>
            <Storyboard>

              <!-- Animate the LightAngle so that the artificial light
                   orbits around the embossed image which makes the
                   shadows cast by the emboss shift accordingly. -->
              <DoubleAnimation
               Storyboard.TargetName="myEmbossBitmapEffect"
               Storyboard.TargetProperty="LightAngle"
               From="0" To="360" Duration="0:0:3" />

            </Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Image.Triggers>
    </Image>

  </StackPanel>

</Page>

For the complete sample, see Bitmap Effects Gallery Sample.

Partager via

How to: Animate an Embossed Visual Effect

Example

See Also

Tasks

Reference

Concepts

Other Resources

Ressources supplémentaires