<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tweened &#187; Tweened</title>
	<atom:link href="http://www.tweened.org/en/category/tweened/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tweened.org</link>
	<description>powered by Silverlight</description>
	<lastBuildDate>Thu, 17 Jun 2010 13:10:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A new PieProgressBar Control</title>
		<link>http://www.tweened.org/en/2009/12/16/a-new-pieprogressbar-custom-control/</link>
		<comments>http://www.tweened.org/en/2009/12/16/a-new-pieprogressbar-custom-control/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 07:34:35 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tweened]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/2009/12/16/a-new-pieprogressbar-custom-control/</guid>
		<description><![CDATA[
French version

For the purposes of a recent production, I had to design a control named PieProgressBar. This class inherits RangeBase and as such has all the capabilities inherent in this type of control. It behaves in the end like any type ProgressBar control with a few more things. The hard part was to create dynamically [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/fr/2009/12/16/a-new-pieprogressbar-custom-control/">French version</a></li>
</ul>
<p><span id="result_box" class="long_text"><span style="background-color: #ffffff;" title="Pour les besoins d'une production récente, j'ai du concevoir un contrôle de progression circulaire nommé PieProgressBar." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">For the purposes of a recent production, I had to design a control named PieProgressBar. </span><span style="background-color: #ffffff;" title="Ce dernier hérite de la classe RangeBase et bénéficie à ce titre de toutes les capacités inhérentes à ce type de contrôle." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">This class inherits <em>RangeBase </em>and as such has all the capabilities inherent in this type of control. </span><span style="background-color: #ffffff;" title="Il se comporte au final comme n'importe quel contrôle de type ProgressBar avec quelques petites choses en plus." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">It behaves in the end like any type ProgressBar control with a few more things. </span><span style="background-color: #ffffff;" title="La petite difficulté fut de créer dynamiquement le camembert de progression via C#." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">The hard part was to create dynamically pie in C #. </span><span style="background-color: #ffffff;" title="Contrairement à WPF, Silverlight ne permet pas de surcharger de méthode permettant de créer de nouveaux genres de Shape." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">Unlike WPF, Silverlight does not allow to override method to create new kinds of Shape. </span><span style="background-color: #ffffff;" title="Autrement dit, même si Shape est une classe abstraite, il ne sert à rien d'en hériter car la méthode de conception du tracé ne peut être surchargée." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">In other words, even if Shape is an abstract class, it is useless to inherit because the method of route design can not be overloaded.<br />
</span><span style="background-color: #ffffff;" title="L'autre technique consiste à utiliser le &quot;Path mini language&quot; qui permet de créer des figures géométriques en XAML." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">The other technique is to use the "Path mini language" for creating geometric shapes in XAML. </span><span style="background-color: #ffffff;" title="J'ai du utiliser 3 segments dont un ArcSegment afin de réaliser ce contrôle." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">I had to use 3 segments with a ArcSegment to achieve this control. </span><span style="background-color: #ffffff;" title="comme je ne pouvais pas créer de primitive Pie pour le graphiste sous Blend, il a fallu ruser..." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">as I could not create primitive Pie for the designer in Blend, it took cunning ... </span><span style="background-color: #ffffff;" title="La technique consiste a créer dynamiquement le camembert lors de l'assignation d'une partie de contrôle (ControlPart)." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">The technique involves creating a pie chart dynamically when assigning a control part (ControlPart). </span><span style="background-color: #ffffff;" title="En interne, les propriétés de remplissage du tracé généré, sont liées aux propriétés du contrôle via une simple liaison de données créées cote C#." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">Internally, the properties of filling the route generated, are related to properties of the control via a simple data binding created in C #.<br />
</span><span style="background-color: #ffffff;" title="Vous pouvez en voir des exemplaires ci-dessous et télécharger la librairie tweenedcontrols ici." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">You can see some examples below and download the library </span></span> <a href="http://www.tweened.org/wp-content/files/tweenedcontrols.dll">tweenedcontrols here</a><span id="result_box" class="long_text"><span style="background-color: #ffffff;" title="Vous pouvez en voir des exemplaires ci-dessous et télécharger la librairie tweenedcontrols ici." onmouseover="this.style.backgroundColor='#ebeff9'" onmouseout="this.style.backgroundColor='#fff'">. </span></span></p>
<p><div id="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="320" height="120"><param name="source" value="http://www.tweened.org/wp-content/uploads/applis/TestControls.xap"/><param name="windowless" value="true"/><param name="background" value="#00FFFFFF" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoupgrade" value="true" /><param name="enableHtmlAccess" value="true" /><param name="initParams" value="3.0.40818.0" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156" style="text-decoration: none;"><img src="http://storage.timheuer.com/sl4wp-ph.png" alt="Install Microsoft Silverlight" style="border-style: none; width:400px; height:200px"/></a></object><iframe style="visibility:hidden;height:0;width:0;border:0px" id="_sl_historyFrame"></iframe></div><br /></p>
<p><span id="result_box" class="medium_text"><span style="background-color: #ffffff;" title="Une fois la dll référencée, vous pouvez instancier des contrôle PieProgressBar dans Blend via le panneau Assets comme montré ci-dessous :">Once the dll referenced, you can instantiate the control </span></span><span id="result_box" class="medium_text"><span style="background-color: #ffffff;" title="Une fois la dll référencée, vous pouvez instancier des contrôle PieProgressBar dans Blend via le panneau Assets comme montré ci-dessous :">PieProgressBar </span></span><span id="result_box" class="medium_text"><span style="background-color: #ffffff;" title="Une fois la dll référencée, vous pouvez instancier des contrôle PieProgressBar dans Blend via le panneau Assets comme montré ci-dessous :"> in Blend through the Assets panel as shown below:</span></span></p>
<p><a href="http://www.tweened.org/wp-content/files/accespieprogressbar.jpg" title="accespieprogressbar" rel="lightbox[403]"><img class="alignleft size-full wp-image-411" title="accespieprogressbar" src="http://www.tweened.org/wp-content/files/accespieprogressbar.jpg" alt="" width="500" height="281" /></a></p>
<p><span id="result_box" class="medium_text"><span style="background-color: #ffffff;" title="Ce composant va être sans doute inclu comme d'autres dans le projet CodePlex SLExtensions que Thierry Bouquain met à jour en ce moment et que je salue au passage :)">This component will probably be included as others in the CodePlex project SLExtensions. Thierry Bouquain updates it at this time and I welcome the move <img src='http://www.tweened.org/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/en/2009/12/16/a-new-pieprogressbar-custom-control/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CPU and memory Optimizations concerning shaders in Silverlight</title>
		<link>http://www.tweened.org/en/2009/11/18/optimisation-deffets-shaders-sous-silverlight/</link>
		<comments>http://www.tweened.org/en/2009/11/18/optimisation-deffets-shaders-sous-silverlight/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 18:01:12 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tutos Docs]]></category>
		<category><![CDATA[Tweened]]></category>
		<category><![CDATA[Silverlight 3]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=368</guid>
		<description><![CDATA[
French version


Recently, I had to use Silverlight shaders for my personal needs, that article explains memory and CPU usage when you define shaders on objects.
First, each time you apply one of the shaders provided by default (DropShadow and Blur)  on a UIElement, actually you generate two bitmaps into RAM at runtime. The first bitmap is [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/fr/2009/11/18/optimisation-deffets-shaders-sous-silverlight/">French version</a></li>
</ul>
<p style="text-align: center;"><a href="http://www.tweened.org/wp-content/files/tweenedeffect1.jpg" title="tweenedeffect1" rel="lightbox[368]"><img class="aligncenter size-full wp-image-375" style="border: 0pt none; margin: 5px;" title="tweenedeffect1" src="http://www.tweened.org/wp-content/files/tweenedeffect1.jpg" alt="" width="540" height="89" /></a></p>
<p>Recently, I had to use Silverlight shaders for my personal needs, that article explains memory and CPU usage when you define shaders on objects.</p>
<p>First, each time you apply one of the shaders provided by default (DropShadow and Blur)  on a UIElement, actually you generate two bitmaps into RAM at runtime. The first bitmap is a simple rasterization of the UIElement, the second bitmap is that bitmap with the effect applied to it. In terms of performance, that behavior, wich is logic, can lead to some issues if you don't take care about few points :</p>
<p>First, we can calculate the memory used by an effect applied to a 200 * 200 UIElement. We consider that each pixel (40000) are encoded into 4 bytes :</p>
<ul>
<li> Alpha is coded on 1 byte (called octet in french) and 8 bits, leads to 256 possible values from 0 to 255 or 0x00 to 0xFF in Hexadecimal</li>
<li> Red | 1 byte | 8 bits | 0xFF | 0-255</li>
<li> Green | 1 byte | 8 bits | 0xFF | 0-255</li>
<li> Blue  | 1 byte | 8 bits | 0xFF | 0-255</li>
</ul>
<p>The first rasterized bitmap is contained by the RAM as it is made at runtime. As there's no compression for it you can calculate his weight with the formula below :<br />
PixelsWidth * PixelsHeight * 4 Bytes = total weight of the intermediate bitmap in RAM</p>
<p>In our case the bitmap is about 160 Kbyte, but it's just the first bitmap. The second will at least take 160 kBytes plus extra size needed to render effect. The total size is about 400 kbyte if you consider that these effect create a bigger  rendered surface area than the original bounding box does.</p>
<p>Concerning customs pixels shaders, the behaviors is slighty different as there's a direct rasterisation wich creates by the way, a single bitmap into memory. This is a pretty good advantage in terms of memory usage but CPU usage increases. Indeed, the intermediate bitmap is here to aleviate CPU as it avoid to calculate it each time for translate transforms. When you translate an UIElement wich displays an effect, the intermediate bitmap is not recreated. For other operations, it is always regenerated. For example, if you decide to animate the scale or rotation or skew of a rectangle, the intermediate bitmap will be recreated each time. For a 60 max fps, Silverlight will create about 60 intermediate bitmaps and 60 bitmaps with final effect. Designers and developers must take care about that, as memory and CPU charge could increase drasticly and reduce performances... To avoid or limit that behavior, Microsoft has limited the max size of an effect to 2048 pixels for width and height.</p>
<p class="MsoNormal">All bitmaps, including intermediates, hang around for the life of the Effect+UIElement pairing. When the Effect is removed or a UIElement destroyed, all surfaces are released at once. CacheMode (bitmap cache) or 3D usage will create intermediate bitmaps in every way.</p>
<p>Jason Prado in charge at Microsoft on that topic kindly helps me to clarify some Silverlight behaviors concerning shaders. You will find some best practices below :</p>
<p>* Smaller area is better.</p>
<p>* The most important thing is to not trigger rerasterization of a UIElement. Rerasterization means we have to run the effect again, and both of these steps are expensive. Many changes, e.g. changing the color of a Rectangle, trigger rerasterization.</p>
<p>* Don't run effects on elements that change every frame. Trigger rerasterization as rarely as possible..</p>
<p>* BlurEffect is slow. It's a separated two-pass gaussian blur, but it is still an inherently slow operation if you want visual quality that is at all passable. Keep the radius low. At Radius &gt;= 10, you start to notice serious performance degradation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/en/2009/11/18/optimisation-deffets-shaders-sous-silverlight/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CustomControl ColorChooser and ColorPicker</title>
		<link>http://www.tweened.org/en/2009/10/30/customcontrol-colorchooser-and-colorpicker/</link>
		<comments>http://www.tweened.org/en/2009/10/30/customcontrol-colorchooser-and-colorpicker/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 11:34:04 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Actus]]></category>
		<category><![CDATA[Composants]]></category>
		<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tutos Vidéos]]></category>
		<category><![CDATA[Tweened]]></category>
		<category><![CDATA[Silverlight 3]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=354</guid>
		<description><![CDATA[
French version


Hi, I recently have to find a solution create two customs controls
I recently needed controls customizable type ColorPicker ColorChooser and, finding none, I have designed from scratch, here's a demo.

They are in beta but I think provide a final version by November 15. In the meantime, if you want to test those controls and [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/fr/2009/10/30/customcontrol-colorchooser-and-colorpicker/">French version</a></li>
</ul>
<p><a href="http://www.tweened.org/wp-content/files/capture21.jpg" title="capture21" rel="lightbox[354]"><img class="alignnone size-full wp-image-365" style="border: 0pt none; margin-top: 5px; margin-bottom: 5px;" title="capture21" src="http://www.tweened.org/wp-content/files/capture21.jpg" alt="" width="580" height="184" /></a></p>
<p>Hi, I recently have to find a solution create two customs controls</p>
<p>I recently needed controls customizable type ColorPicker ColorChooser and, finding none, I have designed from scratch, here's a demo.</p>
<p><div id="silverlightControlHost"><object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="540" height="330"><param name="source" value="http://www.tweened.org/wp-content/uploads/applis/colorPicker.xap"/><param name="windowless" value="true"/><param name="background" value="#00FFFFFF" /><param name="minRuntimeVersion" value="3.0.40818.0" /><param name="autoupgrade" value="true" /><param name="enableHtmlAccess" value="true" /><param name="initParams" value="3.0.40818.0" /><a href="http://go.microsoft.com/fwlink/?LinkID=149156" style="text-decoration: none;"><img src="http://storage.timheuer.com/sl4wp-ph.png" alt="Install Microsoft Silverlight" style="border-style: none; width:400px; height:200px"/></a></object><iframe style="visibility:hidden;height:0;width:0;border:0px" id="_sl_historyFrame"></iframe></div><br /></p>
<p>They are in beta but I think provide a final version by November 15. In the meantime, if you want to test those controls and download the dll to test in SL3 is <a href="http://www.tweened.org/wp-content/uploads/applis/TweenedControls.dll">here</a>.</p>
<p>Ps: the Silverlight plugin for wordpress provided by  <a href="http://timheuer.com/blog/" target="_blank">Tim Heuer</a>, is powerful and useful, so thank you to him, I will only use this solution from now.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/en/2009/10/30/customcontrol-colorchooser-and-colorpicker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Penner&#8217;s Equations Tweened show</title>
		<link>http://www.tweened.org/en/2008/12/03/penners-equations-tweened-show/</link>
		<comments>http://www.tweened.org/en/2008/12/03/penners-equations-tweened-show/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 11:04:26 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tweened]]></category>

		<guid isPermaLink="false">http://www.tweened.org/fr/?p=157</guid>
		<description><![CDATA[
French version

You can find here the visual behavior of penner's equations, you will notice that some missing. You can find TweenedEquations here.

]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/fr/2008/12/03/penners-equations-tweened-show/">French version</a></li>
</ul>
<p>You can find here the visual behavior of penner's equations, you will notice that some missing. You can find TweenedEquations <a href="http://library.tweened.org/category/classes/" target="_blank">here</a>.</p>
<p><iframe src="http://silverlight.services.live.com/invoke/33374/EquationShow/iframe.html" scrolling="no" frameborder="0" style="width:530px; height:810px"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/en/2008/12/03/penners-equations-tweened-show/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tweened Library for Silverlight 2 is released</title>
		<link>http://www.tweened.org/en/2008/12/01/tweened-library-released-for-silverlight-2/</link>
		<comments>http://www.tweened.org/en/2008/12/01/tweened-library-released-for-silverlight-2/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 16:00:44 +0000</pubDate>
		<dc:creator>Eric Ambrosi</dc:creator>
				<category><![CDATA[Silverlight]]></category>
		<category><![CDATA[Tweened]]></category>
		<category><![CDATA[c#]]></category>
		<category><![CDATA[Silverlight 2]]></category>

		<guid isPermaLink="false">http://www.tweened.org/?p=121</guid>
		<description><![CDATA[
French version

I put online Version 2 of Tweened. Tweened is an open-source CSharp 3 Animations generation library more oftenly called Tweens. Tweened is licensed under GNU General Public Licence v3.




The main purpose of this project is to provide a very simple way to animate any Xaml Objects you want in Silverlight 2. To reach this [...]]]></description>
			<content:encoded><![CDATA[<ul class="#dtreecatwrapper">
<li class="#dtreecatwrapper"><a href="http://www.tweened.org/fr/2008/12/01/tweened-library-released-for-silverlight-2/">French version</a></li>
</ul>
<p>I put online Version 2 of Tweened. Tweened is an open-source CSharp 3 Animations generation library more oftenly called Tweens. Tweened is licensed under GNU General Public Licence v3.</p>
<table border="0">
<tbody>
<tr>
<td><a href="http://www.tweened.org/wp-content/files/tweeneddiag.jpg" title="illustweened" rel="lightbox[121]"><img class="size-full wp-image-126 alignnone" style="border: 0pt none; margin-left: 5px; margin-right: 5px;" title="illustweened" src="http://www.tweened.org/wp-content/files/illustweened.jpg" alt="" width="149" height="856" /></a></td>
<td>The main purpose of this project is to provide a very simple way to animate any Xaml Objects you want in Silverlight 2. To reach this goal you just have to Reference <a href="http://code.google.com/p/tweened/downloads/list" target="_blank">Tweened.dll</a> in a Silverlight 2 project. You will have access to color, RenderTransform and simple propertie Animation easily with many options like AutoReverse , BeginTime , SpeedRatio,etc...</p>
<div class="entry-content">
<p>It's released and maintained for Silverlight 2 or higher. In layman's terms, Tweened helps you move things around on the screen using only code, instead of the timeline. The general idea of a tweening Class is that dynamic animation and transitions (created by code) are easier to maintain and control, and more stable than animation based on the regular Silverlight timeline. The Tweened syntax is created with simplicity of use in mind, while still allowing access to more advanced features.</p>
<p>the general idea is to make doable the automatic creation of Storyboards resources type. Internally class Tween operates two Storyboards, the first is used for animation to go, the other is used if necessary to animation back. Storyboards Each of these contains a number of objects DoubleAnimation XAML. They serve as animated sequences. Each DoubleAnimation refers to an Xaml object and a lively targeted property, for example X or ScaleX. So a tween can animate lot of objects in several different equation of movement with different duration and behavior. For example a double animation could loop.</p>
<p style="text-align: center;"><a class="aligncenter" href="http://www.tweened.org/wp-content/files/example1.jpg" title="one example" rel="lightbox[121]"><img class="size-full wp-image-123 aligncenter" title="one example" src="http://www.tweened.org/wp-content/files/example1.jpg" alt="" width="357" height="118" /></a></p>
<p style="text-align: center;"><a class="aligncenter" href="http://www.tweened.org/wp-content/files/example2.jpg" title="another example" rel="lightbox[121]"><img class="size-medium wp-image-124 aligncenter" title="another example" src="http://www.tweened.org/wp-content/files/example2.jpg" alt="" width="298" height="217" /></a></p>
<p style="text-align: center;">URL :: <a rel="nofollow" href="http://library.tweened.org">http://library.tweened.org/</a><br />
Online Documentation :: <a rel="nofollow" href="http://library.tweened.org/doc/html/">http://library.tweened.org/doc/html/</a><br />
Chm Documentation :: <a rel="nofollow" href="http://library.tweened.org/doc/Tweened.chm">http://library.tweened.org/doc/Tweened.chm</a></p>
</div>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.tweened.org/en/2008/12/01/tweened-library-released-for-silverlight-2/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
