<?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>*drawlogic &#187; DHTML</title>
	<atom:link href="http://drawlogic.com/category/dhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://drawlogic.com</link>
	<description>interactive and game development technologies for the web - flash, flex, unity3d, silverlight, javascript</description>
	<lastBuildDate>Sun, 14 Mar 2010 07:50:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>JSTweener: Javascript Tweener for Animation</title>
		<link>http://drawlogic.com/2007/09/30/jstweener-javascript-tweener-for-animation/</link>
		<comments>http://drawlogic.com/2007/09/30/jstweener-javascript-tweener-for-animation/#comments</comments>
		<pubDate>Mon, 01 Oct 2007 04:25:16 +0000</pubDate>
		<dc:creator>drawk</dc:creator>
				<category><![CDATA[AJAX]]></category>
		<category><![CDATA[APPLICATIONS]]></category>
		<category><![CDATA[ARCHITECT]]></category>
		<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[DYNAMIC]]></category>
		<category><![CDATA[GAMEDEV]]></category>
		<category><![CDATA[INTERFACE]]></category>
		<category><![CDATA[JAVASCRIPT]]></category>
		<category><![CDATA[LIBRARIES]]></category>
		<category><![CDATA[MOTION]]></category>
		<category><![CDATA[OPEN SOURCE]]></category>
		<category><![CDATA[PROGRAMMING]]></category>
		<category><![CDATA[TECHNOLOGY]]></category>

		<guid isPermaLink="false">http://drawk.wordpress.com/2007/09/30/jstweener-javascript-tweener-for-animation/</guid>
		<description><![CDATA[Zeh Fernando&#8217;s AS2 and AS3 Flash Animation Kit Tweener has inspired a JSTweener port to javascript, why thanks Yuichi Tateno (secondlife).
This actually could be used quite easily with Silverlight and an AgTweener could be very easily created from this.  The Tweener like syntax with an object and adding tweens of available properties as an [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://labs.zeh.com.br/blog/" target="_blank">Zeh Fernando&#8217;s</a> <a href="http://code.google.com/p/tweener/" target="_blank">AS2 and AS3 Flash Animation Kit Tweener</a> has inspired a <a href="http://d.hatena.ne.jp/secondlife/20070923/1190482393" target="_blank">JSTweener</a> port to javascript, why thanks <a href="http://d.hatena.ne.jp/secondlife/20070923/1190482393" target="_blank">Yuichi Tateno (secondlife).</a></p>
<p>This actually could be used quite easily with Silverlight and an AgTweener could be very easily created from this.  The <a href="http://labs.zeh.com.br/blog/?p=104" target="_blank">Tweener like syntax with an object and adding tweens of available properties as an object or array</a> is very simple and could make animation systems much more standard if everything used this not to mention easier for developers to animate in any presentation layer. The syntax makes for the best of the <a href="http://drawk.wordpress.com/2007/06/25/updated-list-of-best-animation-packages-for-as3/" target="_blank">Animation Packages currently available for AS3</a>. If this could be used in other kits it would make animation pretty standard and simple when changing platforms.</p>
<p><a href="http://docs.jquery.com/Effects/animate#paramsdurationeasingcallback" target="_blank">JQuery is very lightweight and has a similar syntax on their animate() call</a>. There are many animation javascript kits such as <a href="http://www.mootools.net/" target="_blank">mootools</a>, <a href="http://www.jquery.com/" target="_blank">jquery</a>, dojokit and prototype and others that have similar functionality but it is all handled differently.</p>
<h3>JSTweener <a class="keyword" href="http://d.hatena.ne.jp/keyword/%a5%e9%a5%a4%a5%d6%a5%e9%a5%ea"></a><span class="hatena-star-comment-container"><img class="hatena-star-comment-button" style="border:medium none;cursor:pointer;vertical-align:middle;display:none;margin:0;padding:0;" src="http://s.hatena.ne.jp/images/comment.gif" alt="Comments" /></span></h3>
<ul>
<li> <a href="http://coderepos.org/share/wiki/JSTweener">http://coderepos.org/share/wiki/JSTweener</a></li>
<li> <a href="http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/index.html">http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/index.html</a></li>
</ul>
<pre lang="javascript">
JSTweener.addTween(element.style, {
time: 3,
transition: 'linear',
onComplete: function() {},
width: 200,
height: 200,
left: 500,
top: 300
});
</pre>
<p><a href="http://coderepos.org/share/browser/lang/javascript/jstweener/trunk/src/JSTweener.js" target="_blank">JSTweener Source</a></p>
<p><a href="http://coderepos.org/share/wiki/JSTweener" target="_blank">JSTweenerRepo </a></p>
<p><strong>Samples:</strong></p>
<ul>
<li><a class="ext-link" href="http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/transitions.html" target="_blank"><span class="icon">transitions</span></a></li>
<li><a class="ext-link" href="http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo_bezier.html" target="_blank"><span class="icon">mtypo_bezier</span></a></li>
<li><a class="ext-link" href="http://svn.coderepos.org/share/lang/javascript/jstweener/trunk/examples/mtypo.html" target="_blank"><span class="icon">mtypo</span></a></li>
</ul>
<p><a href="http://labs.zeh.com.br/blog/?p=122" target="_blank"> Found via Zeh</a></p>
]]></content:encoded>
			<wfw:commentRss>http://drawlogic.com/2007/09/30/jstweener-javascript-tweener-for-animation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dojo Adds Silverlight Effects Support</title>
		<link>http://drawlogic.com/2007/08/21/dojo-adds-silverlight-effects-support/</link>
		<comments>http://drawlogic.com/2007/08/21/dojo-adds-silverlight-effects-support/#comments</comments>
		<pubDate>Tue, 21 Aug 2007 18:30:13 +0000</pubDate>
		<dc:creator>drawk</dc:creator>
				<category><![CDATA[.NET]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[ARCHITECT]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[CODE]]></category>
		<category><![CDATA[DEVELOPMENT]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[DLR]]></category>
		<category><![CDATA[DYNAMIC]]></category>
		<category><![CDATA[GAMEDEV]]></category>
		<category><![CDATA[GAMES]]></category>
		<category><![CDATA[JAVASCRIPT]]></category>
		<category><![CDATA[MICROSOFT]]></category>
		<category><![CDATA[PROGRAMMING]]></category>
		<category><![CDATA[TOOLS]]></category>
		<category><![CDATA[WIDGETS]]></category>
		<category><![CDATA[XAML]]></category>

		<guid isPermaLink="false">http://drawk.wordpress.com/2007/08/21/dojo-adds-silverlight-effects-support/</guid>
		<description><![CDATA[Dojo Toolkit, a robust javascript library similar to my favorite js kit mootools, recently update and added some support for Silverlight effects. This is one really cool aspect of Silverlight in that it allows you to script/code it in many languages in the DLR (Dynamic Language Runtime) including ironpython, C#, IronRuby, javascript and others. Where [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://dojotoolkit.org/" target="_blank">Dojo Toolkit</a>, a robust javascript library similar to my favorite js kit <a href="http://mootools.net/" target="_blank">mootools</a>, recently update and <a href="http://silverlight.net/" target="_blank"><img src="http://i81.photobucket.com/albums/j223/drawkbox/logo_main_sl.gif" align="right" height="159" width="143" /></a>added some support for <strong><a href="http://ajaxian.com/archives/dojo-09-final-version-released" target="_blank">Silverlight effects</a></strong>. This is one really cool aspect of Silverlight in that it allows you to script/code it in many languages in the DLR (Dynamic Language Runtime) including ironpython, C#, IronRuby, javascript and others. Where as with Flash you only have Actionscript3 available.</p>
<p>Check out the Silverlight demos here:</p>
<table>
<tr>
<td valign="top"></td>
<td><a href="http://download.dojotoolkit.org/release-0.9.0/dojo-release-0.9.0-src/dojox/gfx/demos/butterfly.html">butterfly.html</a></td>
<td align="right">20-Aug-2007 18:19</td>
<td align="right">33K</td>
</tr>
<tr>
<td valign="top"></td>
<td><a href="http://download.dojotoolkit.org/release-0.9.0/dojo-release-0.9.0-src/dojox/gfx/demos/circles.html">circles.html</a></td>
<td align="right">20-Aug-2007 18:19</td>
<td align="right">4.0K</td>
</tr>
<tr>
<td valign="top"></td>
<td><a href="http://download.dojotoolkit.org/release-0.9.0/dojo-release-0.9.0-src/dojox/gfx/demos/clock.html">clock.html</a></td>
<td align="right">20-Aug-2007 18:19</td>
<td align="right">7.3K</td>
</tr>
<tr>
<td valign="top"></td>
<td><a href="http://download.dojotoolkit.org/release-0.9.0/dojo-release-0.9.0-src/dojox/gfx/demos/lion.html">lion.html</a></td>
<td align="right">20-Aug-2007 18:19</td>
<td align="right">22K</td>
</tr>
<tr>
<td valign="top"></td>
<td><a href="http://download.dojotoolkit.org/release-0.9.0/dojo-release-0.9.0-src/dojox/gfx/demos/tiger.html">tiger.html</a></td>
<td align="right">20-Aug-2007 18:19</td>
<td align="right">100K</td>
</tr>
</table>
<blockquote><p><strong>DojoX</strong></p>
<ul>
<li>high quality implementations of previously experimental features: gfx (portable 2D drawing), data wires, offline, storage, cometd, etc.</li>
<li><a href="http://ajaxian.com/archives/dojo-09-final-version-released" target="_blank"><strong>dojox.gfx now includes Sliverlight support</strong></a></li>
<li>many more features and improvements than there’s room for here.</li>
</ul>
<p><strong>Dijit</strong></p>
<ul>
<li>unified look and feel for all widgets</li>
<li>ambitious a11y and i18n features in every Dijit widget</li>
<li>a mature CSS-driven theme system with multiple, high-quality themes</li>
<li>huge improvements in system performance</li>
<li>data-bound widgets</li>
<li>Declarations for lightweight widget writing</li>
<li>a new page parser that allows instances of any class, not just widgets</li>
<li>no magic</li>
</ul>
<p><strong>Core</strong></p>
<ul>
<li>reduced API surface area (easier to remember and use)</li>
<li>dojo.query() always available, returns real arrays</li>
<li>from-scratch high-performance DnD system</li>
<li>Base (dojo.js) is 25K on the wire (gzipped)</li>
<li>dojo.data APIs finalized</li>
<li>new build system</li>
<li>new test harness for both CLI and browser use</li>
<li>dojo.behavior now marked stable and based on dojo.query</li>
<li>excellent animation APIs with Color animations in Base (always available)</li>
<li>all the features you’ve come to count on from Dojo (RPC, JSON-P, JSON, i18n, formatting utilities, etc.)</li>
</ul>
</blockquote>
<p>[ <a href="http://ajaxian.com/archives/dojo-09-final-version-released" target="_blank">source</a> ]</p>
]]></content:encoded>
			<wfw:commentRss>http://drawlogic.com/2007/08/21/dojo-adds-silverlight-effects-support/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaFX RIA Test Added to Bubblemark RIA Benchmarks (Flex/Silverlight/Javascript)</title>
		<link>http://drawlogic.com/2007/07/18/javafx-ria-test-added-to-bubblemarket-ria-benchmarks/</link>
		<comments>http://drawlogic.com/2007/07/18/javafx-ria-test-added-to-bubblemarket-ria-benchmarks/#comments</comments>
		<pubDate>Thu, 19 Jul 2007 02:15:59 +0000</pubDate>
		<dc:creator>drawk</dc:creator>
				<category><![CDATA[.NET]]></category>
		<category><![CDATA[ACTIONSCRIPT]]></category>
		<category><![CDATA[ACTIONSCRIPT3]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[ARCHITECT]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[BENCHMARK]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[FLEX]]></category>
		<category><![CDATA[GAMEDEV]]></category>
		<category><![CDATA[JAVA]]></category>
		<category><![CDATA[JAVASCRIPT]]></category>
		<category><![CDATA[PERFORMANCE]]></category>
		<category><![CDATA[SILVERLIGHT]]></category>
		<category><![CDATA[WPF/E]]></category>
		<category><![CDATA[XAML]]></category>

		<guid isPermaLink="false">http://drawk.wordpress.com/2007/07/18/javafx-ria-test-added-to-bubblemarket-ria-benchmarks/</guid>
		<description><![CDATA[Bubblemark has added a JavaFX version of his bubble animation test that spans now all of the RIA technologies out there. Bubblemark is a great site and has been a great site for comparing animation in the browser.  Alexey Gavrilov has kept the site up to date on all versions of Silverlight since when [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.bubblemark.com/" target="_blank">Bubblemark</a> has added a <a href="http://metalinkltd.com/?p=139" target="_blank">JavaFX version</a> of his <a href="http://www.bubblemark.com/" target="_blank">bubble animation test</a> that spans now all of the RIA technologies out there. Bubblemark is a great site and has been a great site for <a href="http://www.bubblemark.com/" target="_blank">comparing animation in the browser</a>.  <a href="http://metalinkltd.com/" rel="external nofollow">Alexey Gavrilov</a> has kept the site up to date on all versions of Silverlight since when it was WPF/E and it is a nice quick baseline test to check FPS performance across these new vector toolkits and scripting.</p>
<p><a href="http://metalinkltd.com/?p=139" target="_blank"><img src="http://i81.photobucket.com/albums/j223/drawkbox/jfx_bubblemark1.png" height="323" width="450" /></a></p>
<p>My results are very similar to Bubblemarks tests:</p>
<p>JavaFX — 14 fps<br />
Firefox + Silverlight (JavaScript) — 56 fps<br />
Firefox + Flex — 62 fps<br />
Adobe AIR — 62 fps<br />
Firefox + Silverlight (CLR) — 99 fps</p>
<p>Silverlight is not final and is quite light compared to Flex (I wonder if a vanilla Flash9/AS3 export has been done or if it would perform any different), but if Silverlight has a lead on FPS, where FPS is really success of any kit in RIA or vector, then it could be a rough battle.  Flash/Flex is really far far ahead due to the browser penetration and the development community but the better performance is always a good indicator of possible success. Plus, Microsoft controls the desktop market and any &#8220;benefits&#8221; it might give their own kit which includes distribution and performance in preloading or caching.</p>
]]></content:encoded>
			<wfw:commentRss>http://drawlogic.com/2007/07/18/javafx-ria-test-added-to-bubblemarket-ria-benchmarks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Comparing the Performance of WPF/E, Flash9/Flex, Javascript</title>
		<link>http://drawlogic.com/2007/04/16/comparing-the-performance-of-wpfe-apollo-javascript/</link>
		<comments>http://drawlogic.com/2007/04/16/comparing-the-performance-of-wpfe-apollo-javascript/#comments</comments>
		<pubDate>Mon, 16 Apr 2007 07:19:13 +0000</pubDate>
		<dc:creator>drawk</dc:creator>
				<category><![CDATA[ACTIONSCRIPT]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[APOLLO]]></category>
		<category><![CDATA[AS3]]></category>
		<category><![CDATA[DHTML]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[FLEX]]></category>
		<category><![CDATA[JAVASCRIPT]]></category>

		<guid isPermaLink="false">http://drawk.wordpress.com/2007/04/16/comparing-the-performance-of-wpfe-apollo-javascript/</guid>
		<description><![CDATA[This is a great site that developed a pretty simple animation in the top vector packages and tested it on all browsers.  Testing WPF/E, Flex/Flash9 and Javascript/DHTML

]]></description>
			<content:encoded><![CDATA[<p>This is a great site that developed a pretty simple animation in the top vector packages and tested it on all browsers.  Testing WPF/E, Flex/Flash9 and Javascript/DHTML</p>
<p><a target="_blank" href="http://bubblemark.com/flex.htm"><img border="0" src="http://i81.photobucket.com/albums/j223/drawkbox/ballsvector.png" alt="Photo Sharing and Video Hosting at Photobucket" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://drawlogic.com/2007/04/16/comparing-the-performance-of-wpfe-apollo-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
