ÁöÁ¤µÈ ½Ã°£ ¿¤·¹¸àÆ® DirectAnimationÀÇ ÇöÀç ÁøÇà »óŸ¦ ¹ÝȯÇÑ´Ù.
HTML+time1.0 ±â´ÉÀ¸·Î ºÒ·®ÈµÇ¾ú´Ù. HTML+time2.0À» »ç¿ëÇ϶ó.
¼Ó¼º°ªÀº ºñÇìÀ̹öÀÇ ÁøÇàÀ» ³ªÅ¸³»´Âµ¥ »ç¿ëµÇ´Â DirectAnimation ¼öÄ¡(DANumber class)¸¦ ³ªÅ¸³»´Â °³Ã¼ÀÌ´Ù.
DANumber °³Ã¼´Â ºÎµ¿¼Ò¼öÁ¡ ¼öÄ¡¸¦ Æ÷ÇÔÇÏ°í ±× ¹üÀ§´Â À¯È¿ÇÑ ¼Ó¼º°ªÀÇ ¹üÀ§´Â 0.0¿¡¼ 1.0 »çÀÌÀÌ´Ù. ÀÌ ¼öÄ¡´Â ¾ó¸¶³ª ¸¹ÀÌ ºñÇìÀ̹ö°¡ ¿Ï¼ºµÇ´Â°¡¸¦ ³ªÅ¸³½´Ù.
ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
ÀÌ ¼Ó¼ºÀº ºÒ·®ÈµÇ¾ú´Ù.
ÀÌ ¼Ó¼ºÀº 2-D¿Í 3-D ¾Ö´Ï¸ÞÀÌ¼Ç À̹ÌÁö³ª »ç¿îµå¿Í °°Àº ¸ÖƼ¹Ìµð¾î ¿¤·¹¸àÆ®¸¦ HTML ¹®¼¿¡ anim:DA¿¤·¹¸àÆ®¸¦ »ç¿ëÇÏ¿© Æ÷ÇÔ½ÃÅ°°Ô ÇÒ ¼ö ÀÖ´Ù. ÀÌ ¼Ó¼ºÀÌ Àû¿ëµÇ´Â °³Ã¼´Â À¯È¿ÇÑ HTML+time(Timed Interactive Multimedia Extensions) ½Ã°£À» °®´Â HTML °³Ã¼ÀÌ´Ù. ÀÌ ¼Ó¼ºÀº HTML+time¿Í ÇÔ²² DirectAnimation ³»¿ëÀ» Á¦¾îÇϴµ¥ »ç¿ëµÈ´Ù. ÀÌ ¼Ó¼ºÀº HTML+time ±Ô°ÝÀÇ ÀϺδ ¾Æ´Ï´Ù.
ÀÌ´Â DirectAnimation ³»¿ëÀ» Á¦¾î¸¦ À§ÇÑ HTML+time ½Ã°£À» »ç¿ëÇÏ´Â ¹®¼¿¡¸¸ ÇÊ¿äÇÏ´Ù.
°³Ã¼ | script | HTML | ±Ô°Ý | IE |
---|
ÀÌ ¼Ó¼ºÀº HTML+time 1.0¿¡¼ Á¤ÀǵǾú´Ù.
ÀÌ ¼Ó¼ºÀº (¿µ¹®)SMIL 2.0(Synchronized Multimedia Integration Language)¿¡ Microsoft°¡ È®ÀåÇÑ °ÍÀÌ´Ù.
¹®¼ ·Îµù 2ÃÊÈÄ À̹ÌÁö°¡ 5Ãʵ¿¾È¿¡ Á¡Â÷ »ç¶óÁø´Ù. 2ȸ ¹Ýº¹ÇÑ´Ù.
progressBehavior ¼Ó¼ºÀº ¾Ö´Ï¸ÞÀ̼ÇÀÇ À̹ÌÁö Åõ¸íµµ¿¡ »ç¿ëµÈ´Ù.
<HTML> <HEAD> <XML:namespace prefix="anim"/> <SCRIPT> <!-- function playAnim(){ imgLib=DAobj.statics; // DA statics library¿¡ º¯¼ö ÇÒ´ç. img1=imgLib.ImportImage('../../gif/solarsys.gif'); // DAImage »ý¼º img2=img1.OpacityAnim(imgLib.Sub(imgLib.DANumber(1),spanImg.progressBehavior)); // À̹ÌÁö Åõ¸íµµ¸¦ 100%¿¡¼ 0%·Î º¯È¯, Åõ¸íµµ¸¦ ¾ò±â À§ÇØ (1-progress). DAobj.image=img2; // µð½ºÇ÷¹À̸¦ À§ÇÑ ÇÒ´ç } //--> </SCRIPT> <STYLE> .time { behavior: url(#time); } anim\:DA { behavior: url(#default#anim); } </STYLE> </HEAD> <BODY onload="playAnim()"> <OBJECT id="time" classid="CLSID:476c391c-3e0d-11d2-b948-00c04fa32195"></OBJECT> <P>¹®¼ ·Îµù 2ÃÊÈÄ À̹ÌÁö°¡ 5Ãʵ¿¾È¿¡ Á¡Â÷ »ç¶óÁø´Ù. 2ȸ ¹Ýº¹ÇÑ´Ù.</P> <SPAN id="spanImg" class="time" t:timeaction="visibility" t:begin="2" t:dur="5" t:repeat="2"></SPAN> <P align="center"><ANIM:DA id="DAobj" style="width:504;height:126;z-index: -1;"/></P> <BUTTON onclick="spanImg.beginElement();">´Ù½Ã ½ÃÀÛ</BUTTON> </BODY> </HTML>