指数関数を使ã£ãŸãŠæ‰‹è»½ã‚¤ãƒ¼ã‚ºãƒ»ã‚¢ã‚¦ãƒˆï¼ˆã“ã®è¨˜äº‹ã«ã¯Processing.jsã«ã‚ˆã‚‹ã‚¹ã‚±ãƒƒãƒãŒã„ãã¤ã‹çµ„ã¿è¾¼ã¾ã‚Œã¦ã„ã¾ã™ã€‚環境ã«ã‚ˆã£ã¦ã¯æ£ã—ãå†ç”Ÿã•ã‚Œãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。Chrome, Safari, Firefoxç‰ã®ä½¿ç”¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚） 「丸ãŒï¼‘秒ãŠãã«å·¦å³ã«æ»‘らã‹å‹•ãã€ã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ を書ã„ã¦ã¿ã‚ˆã†ã€‚ã„ã¡ã°ã‚“ç°¡å˜ãªã®ã¯ã€ç·šå½¢ç§»å‹•ã‚’使ã†æ–¹æ³•ã 。 ã¾ã‚ã€ã“ã‚Œã§ã‚‚å分ã£ã¡ã‚ƒå分ãªã‚“ã ã‘ã‚Œã©ã€å‹•ãã¨ã—ã¦ã¯ã¡ã‚‡ã£ã¨å‘³æ°—ãªã„。 ã„ã‚ゆるイーズアウト(ease out)を使ãˆã°ã€ã“れを滑らã‹ã«ã™ã‚‹ã“ã¨ãŒã§ãる。 上ã®ã‚¹ã‚±ãƒƒãƒã§ã¯ã€æ¼¸åŒ–å¼ã‚’使ã£ãŸã‚¤ãƒ¼ã‚ºã‚¢ã‚¦ãƒˆã‚’実装ã—ã¦ã„る。ã“ã‚“ãªæ„Ÿã˜ã®å¼ã 。 pos += (target - pos) * 0.1; pos ã¯ç¾åœ¨åº§æ¨™ã€ target ã¯ç›®æ¨™ã®åº§æ¨™ã€‚ã“ã®å¼ã‚’1回ã®æ画毎ã«è©•ä¾¡ã™ã‚‹ã€‚目標座標ã¾ã§ã®å·®åˆ†ã‚’1割ã¥ã¤è©°ã‚ã¦ã„ãよã†ãªæ„Ÿã˜ã€‚差分ã¯æ¯Žå›žå°‘ãªããªã£ã¦ã„ãã‹ã‚‰ã€æœ€åˆã¯æ—©ãã€å¾ã€…ã«é…ã
{{#tags}}- {{label}}
{{/tags}}