第17回　アニメーションã®åŸºç¤Ž | gihyo.jpã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚3回ã»ã©JavaScriptã®åŸºç¤Žçš„ãªå†…容ãŒç¶šã„ãŸã®ã§ã€ä»Šå›žã¯ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚グラフィカルãªJavaScriptã¨ã„ã†ã¨ã€é›£ã—ã„・応用的ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€JavaScriptã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ã™ãªã‚ã¡CSSを段階的ã«æ“作ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€ãã®ãƒã‚¤ãƒ³ãƒˆã‚’抑ãˆã‚Œã°ä¸èº«ã¯å˜ç´”ãªã‚‚ã®ã§ã™ã€‚ アニメーションã®å‰æçŸ¥è˜ HTMLã«ãŠã‘る通常ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’構æˆã™ã‚‹ã®ã¯ã€ã€Œâ 特定ã®è¦ç´ ã€ã«å¯¾ã—ã¦ã€ã€Œâ ãã®CSSプãƒãƒ‘ティã€ã‚’「ã‚る時点ã‹ã‚‰ã‚る時点ã¾ã§ã€ã®æ™‚é–“ã®ä¸ã§ã€ã€Œâ ã‚る値ã‹ã‚‰ã‚る値ã«æ“作ã€ã™ã‚‹ã€ã¨ã„ã£ãŸè¦ç´ ã§ã™ã€‚ 特定ã®è¦ç´ ã¨ã€CSSプãƒãƒ‘ティã«ã¤ã„ã¦ã¯å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚å•é¡Œã¨ãªã‚‹ã®ã¯ã€Œæ™‚é–“ã¨å€¤ã®æ“作ã€ã§ã™ã€‚ ã¾ãšã€å˜ç´”ã«ã‚¤ãƒ³ã‚¯ãƒªãƒ¡ãƒ³ãƒˆã™ã‚‹ã ã‘ã¨ã„ã†ã‚µãƒ³ãƒ—ルを見ã¦ã¿ã¾ã—ょã†ã€‚ 良ããªã„アニメーション var y = 0;
{{#tags}}- {{label}}
{{/tags}}