HTML5ã§ãƒ†ã‚ストã®ã‚·ãƒ£ãƒƒãƒ•ãƒ«æ¼”出ãŒã§ãã‚‹JSライブラリ「ShuffleText.js〠| ClockMaker BlogFlashã§ã‚ˆã見ã‹ã‘るテã‚ストシャッフル演出(æ–‡å—列ãŒãƒ©ãƒ³ãƒ€ãƒ ã§åˆ‡ã‚Šæ›¿ã‚る演出ã€æ£ã—ã„呼ã³åã¯ã‚ã‹ã‚Šã¾ã›ã‚“ï½—)ã‚’HTML5ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚HTMLã®ã‚¿ã‚°(pã‚¿ã‚°ã¨ã‹)ã«ä½¿ã†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã€HTML5ã®æ–°è¦ç´ Canvasを使ã†ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®äºŒç¨®é¡žã‚’用æ„ã—ã¾ã—ãŸã€‚ ã€2017å¹´4月26æ—¥ 追記】 ã€é‡è¦ã€‘JSライブラリーã¯GitHubã§æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚使用ã—ãŸã„æ–¹ã¯æ¬¡ã®GitHubã®ãƒªãƒã‚¸ãƒˆãƒªã‚’御覧ãã ã•ã„。 Canvas版ã¯CreateJS 2015年版ã§ã‚‚動作ã™ã‚‹ã‚ˆã†æ›´æ–°ã—ã¾ã—ãŸã€‚ デモ demo (HTMLエレメント版) demo (Canvas版) ソースコードã¯MITライセンスã§å…¬é–‹ã—ã¦ã—ã¾ã™ã®ã§ã€å€‹äººãƒ»å•†ç”¨å•ã‚ãšã”自由ã«ãŠä½¿ã„ãã ã•ã„。 ShuffleText.js (HTMLエレメント版) ShuffleEaselText.js (Canvas版) ãã‚Œã§ã¯ä»¥ä¸‹ã§ä½¿ã„方を紹介ã—ã¦
HTML5ã®canvasを使ã£ãŸãŠçµµã‹ãツール詳説
Chrome Experiments
ã„ã‚ã‚“ãªHTML5 canvasã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを試ã—ã¦ã¿ãŸ
{{#tags}}- {{label}}
{{/tags}}