Book Image

Instant Silverlight 5 Animation

By : Nick Polyak
Book Image

Instant Silverlight 5 Animation

By: Nick Polyak

Overview of this book

Silverlight is a Web technology that allows you to create both large business applications and little ads for your web page. Silverlight's main advantage is the ability to create rich UIs easily. In this book we will show how to build animations for different types of Silverlight applications in order to create great user experience."Instant Silverlight 5 Animation" is a practical guide to creating great user experiences in Silverlight. This book will clear Silverlight/WPF concepts needed for creating animations as well as practical examples of creating animations that will help you become an efficient developer for creating animations with Silverlight.This book provides a number of hands on examples of creating Silverlight animations in order to improve the user experience whether you are building a Silverlight Business application or a Silverlight banner ad. We also talk about ways to integrate Silverlight animations with business logic quickly and in the least invasive way. This book can be of help to both beginners and advanced developers. It starts talking about Silverlight concepts like dependency/attached properties and bindings. Then it goes into nitty-gritty detail of creating different animations for different application types. We explain how to animate custom controls, page navigation, how to imitate animation of random processes like fire or moving clouds. We talk about creating 3-D animations and building banner ads for your web page. Every concept, we describe in this book, is supported by small, detailed and easy to understand samples.
Table of Contents (16 chapters)

Fire simulation


Here we want to simulate a bonfire rising up from the ground. This differs from simulating clouds in the following respects:

  • Fire has a shape with the highest flame concentrated near the center while the sides of the fire are usually lower.

  • Fire has colors changing from bright yellowish to orange, to red from the bottom to the top.

  • The fire pattern is different from the clouds in terms of its texture. Perlin called noise producing fire texture – turbulence flow . The Multi-scale Perlin noise algorithm for calculating turbulence flow is different in the sense that it sums up the absolute values of basic Perlin noise at different octaves (see http://www.noisemachine.com/talk1/22.html).

The fire simulation code is located under project PerlinFire within the PerlinFire.sln solution. Just like the cloud project, it refers to PerlinNoise and ImageProcessing projects.

Here is the XAML code for the PerlinFire project:

<UserControl 
    x:Class="PerlinFire.MainPage"
    xmlns="http:...