PHPã§å‹•çš„ã«è¡¨ç¤ºã§ãã‚‹HTML5グラフアニメーション (1/2)アニメーションãªã©ã®HTML5コンテンツを手軽ã«åˆ¶ä½œã§ãるオーサリングツール「Adobe Edge Animateã€ã€‚å‰å›žã¯ã€Edge Animateã§åˆ¶ä½œã—ãŸãƒˆãƒƒãƒ—ãƒãƒŠãƒ¼ã‚’æ—¢å˜ã®ã‚µã‚¤ãƒˆã«åŸ‹ã‚込む方法を紹介ã—ã¾ã—ãŸã€‚ 今回ã¯ã€Edge Animateã§ã‚°ãƒ©ãƒ•ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’制作ã—ã¾ã™ã€‚Edge Animateを使ãˆã°ã€ç°¡å˜ã«ãƒªãƒƒãƒãªã‚°ãƒ©ãƒ•ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’作れã¾ã™ã€‚ã¾ãŸã€PHPã§ä½œæˆã—ãŸæ—¢å˜ã®ãƒšãƒ¼ã‚¸ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’埋ã‚込んã§ã€ã‚°ãƒ©ãƒ•ã®å€¤ã‚’å‹•çš„ã«å¤‰åŒ–ã•ã›ã‚‹æ–¹æ³•ã‚‚解説ã—ã¾ã™ã€‚ 完æˆã‚µã‚¤ãƒˆã¯ä»¥ä¸‹ã®ãƒªãƒ³ã‚¯ã‚’å‚ç…§ã—ã¦ãã ã•ã„。 グラフアニメーションを制作ã™ã‚‹ 最åˆã«ã€Edge Animateã§å…ƒã«ãªã‚‹ã‚°ãƒ©ãƒ•ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’制作ã—ã¾ã™ã€‚ Step 1. ステージをè¨å®šã™ã‚‹ Edge Animateã‚’èµ·å‹•ã—ã€æ–°è¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’作æˆã—ã¾ã—ょã†ã€‚ステージã®å¤§ãã•ã¯ã€å¹…880×高ã•320pxã§ã™ã€‚
Edge Suite
{{#tags}}- {{label}}
{{/tags}}