JavaScript/Library/Effects/JSTween http://www.ark-web.jp/sandbox/wiki/278.html

JavaScript/Library/Effects/JSTween

[edit]

JAVASCRIPT MOTION TWEEN

http://jstween.blogspot.com/

[edit]

Tween

[edit]

»È¤¤Êý

new Tween(object, property, easing, start, end, duration, suffixe);
[edit]

ÍÑ°Õ¤µ¤ì¤Æ¤¤¤ëeasing

¤³¤ì¤é¤Ï¥¢¥Ë¥á¡¼¥·¥ç¥ó¤Î¥¿¥¤¥×¤òɽ¤·¤Þ¤¹(¥Ú¡¼¥¸¤ÎºÇ¸å¤Ë¥µ¥ó¥×¥ë¤¬¤¢¤ê¤Þ¤¹)
̾Á°¤ÎºÇ½é¤¬¥¨¥Õ¥§¥¯¥È¤Î¥¿¥¤¥×¤òɽ¤·¤Þ¤¹
Ease°Ê¹ß¤¬¥¨¥Õ¥§¥¯¥È¤Î°ÌÃÖ¤òɽ¤·¤Þ¤¹
¡¡EaseIn: ¥¢¥Ë¥á¡¼¥·¥ç¥ó³«»Ï»þ¤Ë¥¨¥Õ¥§¥¯¥È¤¬ÉÕ¤­¤Þ¤¹
¡¡EaseOut: ¥¢¥Ë¥á¡¼¥·¥ç¥ó½ªÎ»»þ¤Ë¥¨¥Õ¥§¥¯¥È¤¬ÉÕ¤­¤Þ¤¹
¡¡EaseInOut: ¥¢¥Ë¥á¡¼¥·¥ç¥ó³«»Ï»þ¤È½ªÎ»»þ¤Ë¥¨¥Õ¥§¥¯¥È¤¬ÉÕ¤­¤Þ¤¹

¤³¤ì¤é¤Ï´Ø¿ô¤Ç¤¹
easing¤Î°ú¿ô¤Ï(t, b, c, d)¤Ç¤¹
t: ¥¢¥Ë¥á¡¼¥·¥ç¥ó³«»Ï¤«¤é¤Î·Ð²á»þ´Ö
b: ³«»ÏÃÍ
c: ½ªÎ»Ãͤȳ«»ÏÃͤȤκ¹
d: duration
Ìá¤êÃÍ: ¿·¤·¤¤ÃÍ

[edit]

ÍÑ°Õ¤µ¤ì¤Æ¤¤¤ë¥á¥½¥Ã¥É

[edit]

ÍÑ°Õ¤µ¤ì¤Æ¤¤¤ë¥¤¥Ù¥ó¥È

´Ø¿ô¤Ê¤Î¤Çvar t=new Tween()¤Ê¤É¤·¤¿¸å¤Ët.onMotionStarted=function¤Î¤è¤¦¤Ë¤·¤Æ»ØÄꤷ¤Þ¤¹
eventObject¤ÏeventObject.target¤ÈeventObject.type¤ò»ý¤Ä¥ª¥Ö¥¸¥§¥¯¥È¤Ç¤¹
tartget¤Ïtween¥ª¥Ö¥¸¥§¥¯¥È¤Ç¤¹¡¡type¤Ï¥¤¥Ù¥ó¥È¥¿¥¤¥×¤Ç¤¹(onMotionFinished¤Ê¤É¤Îʸ»úÎó)
addListener¤ò»È¤¦¾ì¹ç¤Ïobject.onMotionStarted=function¡¡¤Î¤è¤¦¤Ë´Ø¿ô¤ò»ý¤¿¤»¤¿¥ª¥Ö¥¸¥§¥¯¥È¤òaddListener¤Î°ú¿ô¤ËÅϤ·¤Þ¤¹
addListener¤ò»È¤¦¤ÈÊ£¿ô¤ÎeventObject¤òÅÐÏ¿¤Ç¤­¤Þ¤¹¡¡ÅÐÏ¿¤·¤¿½ç¤Ë°ì¤Ä¤º¤Ä¼Â¹Ô¤µ¤ì¤Þ¤¹
onMotionChanged¤Ï¥¢¥Ë¥á¡¼¥·¥ç¥ó¤¬¹¹¿·¤µ¤ì¤ëÅ٤˸ƤФì¤Þ¤¹
onMotionStopped¤Ïstop()¤¬¸Æ¤Ð¤ì¤¿»þ¤Ë¸Æ¤Ð¤ì¤Þ¤¹¤¬¡¢rewind()¤È½ªÎ»½èÍý¤Çstop()¤ò¸Æ¤Ó½Ð¤·¤Æ¤¤¤ë¤Î¤Èstart ()¤¬ÆâÉô¤Çrewind()¤ò¸Æ¤Ó½Ð¤·¤Æ¤¤¤ë´Ø·¸¤Çrewind()¤ò¸Æ¤ó¤À»þ¡¢onMotionStarted¤ÎľÁ°¡¢ onMotionFinished¤ÎľÁ°¤Ç¤â¸Æ¤Ð¤ì¤Þ¤¹

[edit]

Parallel

Ê£¿ô¤Îtween¥ª¥Ö¥¸¥§¥¯¥È¤òÅÐÏ¿¤·¤Æ¤ª¤­¡¢Æ±»þ¤Ë¼Â¹Ô¤·¤Þ¤¹

[edit]

»È¤¤Êý

new Parallel();

ÍÑ°Õ¤µ¤ì¤Æ¤¤¤ë¥á¥½¥Ã¥É

[edit]

ÍÑ°Õ¤µ¤ì¤Æ¤¤¤ë¥¤¥Ù¥ó¥È

´Ø¿ô¤Ê¤Î¤Çvar t=new Tween()¤Ê¤É¤·¤¿¸å¤Ët.onMotionStarted=function¤Î¤è¤¦¤Ë¤·¤Æ»ØÄꤷ¤Þ¤¹
eventObject¤ÏeventObject.target¤ÈeventObject.type¤ò»ý¤Ä¥ª¥Ö¥¸¥§¥¯¥È¤Ç¤¹
tartget¤Ïtween¥ª¥Ö¥¸¥§¥¯¥È¤Ç¤¹¡¡type¤Ï¥¤¥Ù¥ó¥È¥¿¥¤¥×¤Ç¤¹(onMotionFinished¤Ê¤É¤Îʸ»úÎó)
addListener¤ò»È¤¦¾ì¹ç¤Ïobject.onMotionStarted=function¡¡¤Î¤è¤¦¤Ë´Ø¿ô¤ò»ý¤¿¤»¤¿¥ª¥Ö¥¸¥§¥¯¥È¤òaddListener¤Î°ú¿ô¤ËÅϤ·¤Þ¤¹
addListener¤ò»È¤¦¤ÈÊ£¿ô¤ÎeventObject¤òÅÐÏ¿¤Ç¤­¤Þ¤¹¡¡ÅÐÏ¿¤·¤¿½ç¤Ë°ì¤Ä¤º¤Ä¼Â¹Ô¤µ¤ì¤Þ¤¹

tag: Effects?, JavaScript, Tween?


¥È¥Ã¥×   ÊÔ½¸ Åà·ë º¹Ê¬ ¥Ð¥Ã¥¯¥¢¥Ã¥× źÉÕ Ê£À½ ̾Á°Êѹ¹ ¥ê¥í¡¼¥É   ¿·µ¬ °ìÍ÷ ñ¸ì¸¡º÷ ºÇ½ª¹¹¿·   ¥Ø¥ë¥×   ºÇ½ª¹¹¿·¤ÎRSS
Last-modified: 2007-11-26 (·î) 12:48:54 (5967d)

¥¢¡¼¥¯¥¦¥§¥Ö¤Î¥µ¡¼¥Ó¥¹¤ä¥½¥ê¥å¡¼¥·¥ç¥ó¤Ï¤³¤Á¤é