Please don't take that as a complaint. It's just that I was looking around and saw there were other libraries out there that I had never heard of: Prototype, Yahoo, Scriptaculous, Rico and some others. Maybe they're something different than what Atlas is supposed to be. I don't know. I just didn't see anything "Cinematic" on Atlas. I don't really want to have more than one framework installed on the server to get the Cinematic either.
Thanks for any thoughts.
Hi,
Atlas incorporates a framework for visual effects (like opacity, fading) and animations called AtlasUIGlitz.
Garbin:
Hi,
Atlas incorporates a framework for visual effects (like opacity, fading) and animations called AtlasUIGlitz.
Does that have things like moving stuff across the screen and the like?
Hi,
sure, check the following example of a layout animation:
<%@. Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><script runat="server"></script><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"> <title>Untitled Page</title> <style type="text/css"> .box { position:absolute; left:10px; top:10px; height:200px; width:200px; border:solid 3px Blue; background-color:Lime; } </style></head><body> <form id="form1" runat="server"> <atlas:ScriptManager id="scriptManager" runat="server"> <Scripts> <atlas:ScriptReference ScriptName="AtlasUIGlitz" /> </Scripts> </atlas:ScriptManager> <div id="theBox" class="box"></div> </form> <script type="text/xml-script"> <page> <components> <control id="theBox"> <behaviors> <layout id="theBox_layout" /> </behaviors> </control> <compositeAnimation id="anim" duration="1" fps="60"> <animations> <lengthAnimation target="theBox_layout" property="height" startValue="200" endValue="400" /> <lengthAnimation target="theBox_layout" property="width" startValue="200" endValue="400" /> <lengthAnimation target="theBox_layout" property="left" startValue="10" endValue="100" /> <lengthAnimation target="theBox_layout" property="top" startValue="10" endValue="100" /> </animations> </compositeAnimation> <application> <load> <invokeMethod target="anim" method="play" /> </load> </application> </components> </page> </script></body></html>
No comments:
Post a Comment