Shine Draw

Silverlike.net – A Free Silverlight Controls Directory

admin — Thu, 01 Oct 2009 07:03:02 +0000

Today, Shinedraw will surprise you!!!

It is a Free Silverlight Directory powered by Shinedraw.com

We believe Silverlight, which is used in more websites everyday, has several beautiful free controls, components and tools that will help you develop websites faster and better.

It is not easy to find the free controls as they are hidden inside the blogs of Silverlight developers or .NET products websites and there are still not so many resources where you can read about Silverlight.

Silverlike.net have collected more than 100 free Silverlight controls, components & tools for you. You can see the Demo directly and download the code there. A reference website is also added in the Controls.

Hope you enjoy it and please kindly leave comments

Silverlight 3 and Flash: iPhone Dragging Effect

admin — Mon, 28 Sep 2009 04:32:45 +0000

Here is a Flash vs Silverlight comparison on the fantastic iPhone Dragging Effect.

it is a Text Dragger like the well-known dragging effect from iPhone or iPod touch. Simply drag the text up and down by holding down the mouse button.

Let’s enjoy it and leave comments!!

Comparison

Flash implementation: 35 minutes

Silverlight implementation: 1 hour 40 minutes (Implemented First)

Source codes

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Flash

Silverlight

Please visit the original post to view this demonstration.

Silverlight 3 and Flash: XML Image Gallery2

admin — Mon, 21 Sep 2009 08:57:50 +0000

Here is a Flash vs Silverlight comparison on the XML Image Gallery2!

It is a revised image Gallery based on the last post of XML Image Gallery.

The following features are added in the new Gallery

Loading animation
Sliding effect

Images used in the application is another Top Model from Tai Wan

Let’s enjoy it and leave comments!!

Comparison

Flash implementation: 30minutes

Silverlight implementation: 20minutes (Implemented First)

Source codes

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Flash

Silverlight

Please visit the original post to view this demonstration.

Silverlight 3 and Flash: XML Image Gallery

admin — Tue, 15 Sep 2009 07:36:50 +0000

Here is a Flash vs Silverlight comparison on the XML Image Gallery!

It is a new image Gallery! The Gallery is an xml driven slideshow which supports multiple galleries, thumbnails and lot more. You are able to add more images by just modifying the XML only. You are also able to see how I use XAMLReader (in Silverlight) in loading the XML easily.

Images used in the application is a Top Model from Hong Kong

Let’s enjoy it and leave comments!!

Comparison

Flash implementation: 60 minutes

Silverlight implementation: 30 minutes (Implemented First)

Source codes

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Flash

Silverlight

Please visit the original post to view this demonstration.

Silverlight 3 vs Flash: Digital Clock Demonstration

admin — Fri, 11 Sep 2009 06:10:27 +0000

Here is a Flash vs Silverlight comparison on the Digital Clock Demonstration.

The effect is an all-vector, scalable sliding clock based on the user’s system clock.

It can also be customized to count down to your next event with this easy-to-use Digital Clock system.

How do you think about the effect of this Digital Clock?

Please enjoy it and leave comments!!

Comparison

Flash implementation: 60 minutes

Silverlight implementation: 2 hours (Implemented First)

Source codes

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Flash

Please visit the original post to view this demonstration.

Silverlight

Please visit the original post to view this demonstration.

Silverlight 3 vs Flash 10: Sliding Image Gallery

admin — Tue, 08 Sep 2009 07:48:44 +0000

Today, I would like to show you a Flash vs Silverlight comparison on the Sliding Image Gallery!

The effect is a simple and dynamic Sliding Gallery.

It is very easy to customize. We can add as many images and descriptions we like .

And the effect is very good for fast photo gallery, scrolling banner, website and so on.

Let’s enjoy it and leave comments!!

Comparison

Flash implementation: 40 minutes

Silverlight implementation: 30 minutes (Implemented First)

Source codes

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Flash

Please visit the original post to view this demonstration.

Silverlight

Please visit the original post to view this demonstration.

Silvelight Resources Directory Update (28 Aug)

admin — Thu, 27 Aug 2009 17:17:52 +0000

driving game with Farseer Physics

A very interesting example implemented using Farseer Physics Engine. No programming is needed.
Let’s experience the power of behaviors.

Original Post
Old Movie Pixel Shader

An old Movie Pixel Shader effect on UIElement. The author also provided a sample to shader effect on top of a video. You are able to modify some of the properties of the shader effect.

Original Post
Working with Path

A very comprehensive article teaching you all the basisc about path:
1. The terminology of path syntax
2. Using Geometry
3. Create path using coding
4. Path formatting with colorbrush, image and opacity

Original Post
Create Path in C#

An article showing you the identical way to create Path in C# and XAML.

Original Post
3D Wall

A very nice way to orgnize your photos. The 3D effect is implemented using perspective 3D.

Original Post
tangent.ux Media Platform

We empower your content with amazing user experience while helping you manage and publish to the widest possible audience with minimal effort.

Original Post
Silverlight 3 Drag and Drop

A Silverlight 3 Drag and Drop sample to use the latest Tim Heuer’s Floatable Window.

Original Post
Fluid Behavior Container

A very useful behaviors to simulate water, waves and also objects inside the water medium. Very funny example. Do you have any good game idea based on these behaviors?

Original Post
Farseer Physics Engine Sample

You may Click and drag on any of the objects in this example to start the chaos, collisions!
The sample doesn’t need any C#, it is all done by using the Farseer Physics Engine Behaviors.

Original Post

Flash vs Silverlight: Blur Animation Effect

admin — Mon, 24 Aug 2009 18:04:57 +0000

It has been a long long time that I haven’t implemented any Flash vs Silverlight comparison. Today, I would like to introduce you the Blur Animation Effect!

The effect is simple, the star icon in the application will follow your mouse position. While star icon is moving, the residue image will fade out steadily. Traditionally, this kind of effect is done by creating a lot of instances with different opacity. The consequence of this method is that it will consume you a lot of computer resources and hence limiting the level of effect.

However, by using the Bitmap library (WriteableBitmap in Silverlight, BitmapData in Flash), calculations can be made within a single bitmap object and rendering is done using bitwise computation. This greatly enhanced the performance of effect and the ease of programming.

Many particles engine effect are making use of this approach.

Can you think of any other effect which can apply this kind of approach?

Comparison

Flash implementation: 40 minutes

Silverlight implementation: 30 minutes (Implemented First)

Source codes

Note: There is a file embedded within this post, please visit this post to download the file.
Note: There is a file embedded within this post, please visit this post to download the file.

Flash

Please visit the original post to view this demonstration.

Silverlight

Please visit the original post to view this demonstration.

Silveright Resource Directory Update (21 Aug)

admin — Thu, 20 Aug 2009 20:23:50 +0000

3D Menu Carousel using PlaneProjection

An 3D Menu Carousel effect using Plane Projection (Perspective 3D). The author also explained how this application is implemented.

Original Post
Hit Test (Get all objects in a specific point)

Most of the time, when you are creating games, you will have to find out all the UIElement in a specific coordinate. (Or we can this hittest). In such circumstance, you will need to use the method VisualTreeHelper.FindElementsInHostCoordinates.
Please view the C# coding for more details.

Original Post
Fluid Dynamics

Awesome!!!! That’s my only comment.

Original Post
Image Transition Animations

Do you feel bored with the way Silverlight display image? Try to apply some animations on it.
The application demonstrated various way to show up an images: Fade In/Fade out, Grow, Wipe In, etc.

Original Post
Create Storyboard using C# and XAML

This sample demonstrated how to create Storyboard either using C# or XAML. A good article for you to reference how to create your first animation.
The application comes with a very cute duck!

Original Post
Writeable Bitmap - Plasma

Silverlight has a new feature called WritableBitmap. You can not only capture the snapshot of the Silverlight, but also manipulate the generated graphics.
You are able to generate various kind of graphic pattern using some simple Mathematics. For details, please take a look on the reference link.

Original Post
Customizing Data From Look

DataForm is a powerful controls in Silverlight 3 Toolkit. It enables you generate a from table by a given entity class.
The reference articles cover the following area in using DataForm:
1. Binding the data (OneWay or TwoWay)
2. Operation methods when saving and editing the data
3. Form Label
4. Data validation
5. Data form navigation control

Original Post
Animated 3D Text (using XAML only)

The effect is achieved by manipulating the plane projection of a UI Element. It’s not difficult to be achieved by code. However, this can be done without writing any C# as well.

Original Post
ASCII Table

This utility helps you to figure out the ASCII code of special characters. Very useful when you want to add some special character in your XAML.
Text Strike Through

The follow XAML let you to add a "strike though" effect on your text. It works for single line text and you are able to customize the font size and color.
Syntax Highlighting TextBox

Color highlight your coding and XML for much better readability. You are also able to define your own syntax color using an external xml file.
The author also explained all the details on the implementation.

Original Post
Apply Transition Animation on Frame

When you are using the Frame control, you will find out that the transition between elements isn’t very nice. Here comes with a solution, you are able to use Writeable Bitmap to create nice transitions effects.
Please go to the reference link for more details.

Original Post

UX Passion – Silverlight / WPF

admin — Tue, 18 Aug 2009 07:34:53 +0000

Today, I would like to introduce you a site called “UX Passion”.

Vibor Cipan, who is the site author and Microsoft MVP, demonstrated a lot of hands on and useful resources on Microsoft Expression technology. He is also passionate on enhancing the user experience using the Silverlight and WPF technology.

So far, he has published more than 70 articles. All of the them come with details explanation and numerous screenshots. It is absolutely a good site for beginners.

Some of his tutorial includes:

Take a look on his site. I am sure you can feel the passion of his devotion.