超カンタンï¼HTML5 㧠GIF アニメを作る方法Posted: August 2, 2013 / Last updated: August 2, 2013 知ã£ã¦ã„る人ã¯çŸ¥ã£ã¦ã„る方法ã ã¨æ€ã„ã¾ã™ãŒã€å®Ÿéš›ã«ã‚„ã£ã¦ã¿ãŸã®ã§ãƒ¡ãƒ¢ã€‚ ※ デモã®ç”»åƒã¯ã“ã¡ã‚‰ã‹ã‚‰ãŠå€Ÿã‚Šã—ã¾ã—ãŸã€‚特ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨˜è¿°ã•ã‚Œã¦ã„ãªã‹ã£ãŸã®ã§ã™ãŒã€å•é¡ŒãŒã‚ã‚Œã°å·®ã—替ãˆã¾ã™ã€‚ ライブラリã¯Â jsgif ã¨ã„ã†ã®ã‚’使ã‚ã›ã¦é ‚ãã¾ã—ãŸã€‚ æ‰‹é †ã¯ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã¿ã€ç”»åƒã‚’ã²ã¨ã‚³ãƒžåˆ†ãšã¤ canvas ã«ãƒãƒ¼ãƒ‰ã€ãƒ©ã‚¤ãƒ–ラリã«è¿½åŠ 。終ã‚ã£ãŸã‚‰ãƒã‚¤ãƒŠãƒªã‹ã‚‰ gif ファイルを生æˆã€ã¨ã„ã†æ„Ÿã˜ã€‚ ã‚‚ã†å°‘ã—詳ã—ã„解説ã¯ä»¥ä¸‹ã€‚ LZWEncoder.js NeuQuant.js GIFEncoder.js をèªã¿è¾¼ã‚€ é©åˆ‡ãªã‚µã‚¤ã‚ºã® canvas ã‚’ç”¨æ„ GIFEncoder ã‹ã‚‰ã‚¨ãƒ³ã‚³ãƒ¼ãƒ€ã‚’作るvar encoder = new GIFEncoder(); アニメーションã®æ™‚é–“é–“éš”ãªã©
{{#tags}}- {{label}}
{{/tags}}