ÁöÁ¤µÈ ½Ã°£ ¿¤·¹¸àÆ® 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 ½Ã°£À» »ç¿ëÇÏ´Â ¹®¼­¿¡¸¸ ÇÊ¿äÇÏ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶
onOffBehavior, timelineBehavior HTML+time

ÀÌ ¼Ó¼ºÀº 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>