Search

This is part 7 of the series “Silverlight in Action”:

1. Visuals staring at the mouse cursor.
2. Floating Visual Elements.
3. Flipping Panels.
4. Flying objects against you.
5. Smoke effect
6. Book Folding effect using Pixel Shader.
7. Navigation in 3D world of 2D objects 
8. Animated navigation between Pages

Here we’re sharing our experience from the amazing CompletIT web site.

Introduction

It’s always complicated, when you have to deal with 3D objects. No matter what environment and framework you choose, you’ll need to learn a lot of complicated structures and procedures in order to implement even a simple scenario.

This is part 6 of the series “Silverlight in Action”:

1. Visuals staring at the mouse cursor.
2. Floating Visual Elements.
3. Flipping Panels.
4. Flying objects against you.
5. Smoke effect
6. Book Folding effect using Pixel Shader.
7. Navigation in 3D world of 2D objects
8. Animated navigation between Pages

Here we’re sharing our experience from the amazing CompletIT web site.

Introduction

In this article, we’ll examine one very interesting approach for creating Rich UI. It’s a program that manipulates the UI just before the actual rendering on the screen – and it’s called PixelShader.

This is part 5 of the series “Silverlight in Action”:

1. Visuals staring at the mouse cursor.
2. Floating Visual Elements.
3. Flipping Panels.
4. Flying objects against you.
5. Smoke effect
6. Book Folding effect using Pixel Shader
7. Navigation in 3D world of 2D objects
8. Animated navigation between Pages

Here we’re sharing our experience from the amazing CompletIT web site.

Maybe the hardest feature to implement from the entire site was the Smoking menu effect. We’ve tried out a lot of ideas and I’m going to summarize some of them:

1. We thought to use a video as a background, but its performance was bad. Blending the video with the background washard to do.

This is part 4 of the series “Silverlight in Action”:

Here we’re sharing our experience from the amazing CompletIT web site.

This time we will cover how to build kind of particle system with flying “3D” objects against you. In our example the objects are thrown against you when you click to open a menu item.

Lets first see how it looks.

And double click on the surface to see ‘Flying Objects against you’ in action.

This is part 3 of the series “Silverlight in Action”:

1. Visuals staring at the mouse cursor.
2. Floating Visual Elements.
3. Flipping Panels.
4. Flying objects against you.
5. Smoke Effect
6. Book Folding effect using Pixel Shader
7. Navigation in 3D world of 2D objects
8. Animated navigation between Pages

Here we’re sharing our experience from the amazing CompletIT web site.

In this ‘”how to” session, we’ll cover one of the most interesting and hardest to implement part of the site - How to flip the menu item and simultaneously show the actual page behind. The result of the effect should be like the page text is on the back of the menu.

Lets first see how it looks.

Here we’re sharing our experience from the amazing CompletIT web site.

As you may already know, every Silverlight application “must” have some objects floating around in a quite 3D manner. For example, let’s make a panel with happy faces floating around the screen in a controlled way, like this one.

Floating in Action

Idea

The idea is to create an attached behavior for a panel, so that when enabled, through attached property it’ll make all panel’s children float around.

This is part 1 of the series "Silverlight in Action". Here we’re sharing our experience from the amazing CompletIT web site.

Let's suppose we want our visual objects to "watch" and "follow with eyes" the mouse cursor while it moves around. The idea is simply to define our visuals to be somehow on a different Z coordinate than the actual screen is. This way while moving the cursor around, the visual objects will look and follow the mouse. We'll use a simple PlaneProjection to achieve this.

This is very important part of the actual “look and feel” of the web site.

Creating your whole website using Silverlight isn't usually the approach you'll take--unless you happen to be a company specializing in Silverlight development.

At MIX10, I caught up with Emil Stoychev, founder of SilverlightShow. His company, CompletIT, located in Sofia, Bulgaria, created a very slick animated website entirely in Silverlight. It has everything from background animation, to cool folding effects, to a full portfolio to...flying pigs!