requestAnimationFrame ã§ãƒ•ãƒ¬ãƒ¼ãƒ ã¨å†æ画更新を制御ã™ã‚‹ | Yomotsu netCanvas ã‚„ SVG ãªã©ã‚’用ã„ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã†å ´åˆã®æ画繰り返ã—ã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚ æç”»ã®ç¹°ã‚Šè¿”ã—アニメーションã«ã¯ requestAnimationFrame ã‚„ setTimeout ãªã©åˆ©ç”¨ã—ã€ãã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å†æ画を繰り返ã™ã¨ã„ã†æ‰‹æ³•ãŒä¸€èˆ¬çš„ã§ã™ã€‚ ã“ã‚Œã¾ã§ã€ setTimeout を利用ã™ã‚‹ã“ã¨ãŒä¸»æµã§ã€60 FPS ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å ´åˆã¯ä¾‹ãˆã°ä»¥ä¸‹ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã§å®Ÿç¾ã™ã‚‹ã“ã¨ã‚‚多ã‹ã£ãŸã‹ã¨æ€ã„ã¾ã™ã€‚ var x = 0; ( function loop(){ setTimeout( loop, 1000 / 60 ); x += 1; console.log( x ); } )(); ãŸã ã—ã€setTimeout ã‚„ setInterval ã¯ã€ãƒ–ラウザーå´ã§å†æç”»ã®æº–å‚™ãŒæ•´ã£ã¦ã„ã‚‹ã‹å¦ã‹ã«ã‹ã‹ã‚らãšã€å¿…ãšå®Ÿè¡Œã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ã¾ãŸã€ãƒ–ラウザーã®ã‚¿ãƒ–ãŒéžè¡¨ç¤º (ãƒ
{{#tags}}- {{label}}
{{/tags}}