Search

Have fun!

Martin (LawBot / SilverLaw)

It moves the text up and rotates it at the same time resulting in a spiraling effect. It is done by giving the TextBlock elements a PlaneProjection each and animating the RotationY and GlobalOffsetY properties.

The TextBlock elements are positioned below the bottom of the Canvas. The Canvas has a Clipping Mask so no one will see them until the animation starts.

Perspective 3D Transforms were originally introduced in Silverlight 3, and allow 2D visual elements to be rotated in 3D space.[...] The problem in Silverlight 3 was that PlaneProjection’s were rendered using software instead of the video card (GPU), so you could quickly peg the CPU if you overused this transform effect.

Steps
1- Place an image on the stage
2- on the image add a PlaneProjection, this can easily be done by editing the Projection / Rotation / Y in the properties panel
3- name the PlaneProjection to x:Name=”rotater”[...]

Using some Silverlight effects, CrocusGirl has created one very colorful animation.

The Grid container is sometimes compared to the HTML Table; but  I’d rather consider the Grid as a matrix and with this in mind, I decided to add some matrix magic to it. [...] My initial plan was to create dynamic squares in each grid cell by moving along the edges of the grid until I would reach the center.

Gerard Leblanc continues his series of articles on plane projection for 3D, this time making carousels. Here are the first two parts: Part I and Part II:

Let's make use of PlaneProjection to program other 3D effects : carousels in this post.
First a simple one, to show how easy it is : just a few lines of code !

As usual, let's start with the easiest one. Please, note that all images have a red circle in the upper-left corner : whenever displaying an image and playing with rotations, it's important to be sure the image is correctly displayed and not the inverted one (the "back side" or mirrored image if you prefer) and it's so easy to be confused without a mark.

Silverlight 3 is not fully but somewhat 3D. It means you cannot expect the capabilities of Direct3D (though some libraries from 3rd parties are in progress and promising) but there is enough today in SL3 to easily implement eye-catching 3D effects. In this serie, we will implement a bunch of them.

But first, in this part one, the basis illustrated by two programs you can play with, to experiment. These two programs help you to visualize the rendering of perspective transforms. The first program helps in the understanding of the basic plane transformations while the second allows you to animate projections.

It is a long read, if you are already an expert, skip to the “3D scene” section to read the interesting details. The post comes with this application that I used to learn and illustrate the points.  Source for the app is here.