[JavaScript] 3次ベジェ曲線をCanvasã«å¼•ã„ã¦ã¿ãŸã„ | CreateJS, EaselJS « ãã‚“ãã¾ãƒ‡ã‚¶ã‚¤ãƒ³ã“ã‚“ã«ã¡ã¯ã€‚ãã‚“ãã¾ã§ã™ã€‚ 今回ã¯3次ベジェ曲線をCanvasã«å¼•ã„ã¦ã¿ãŸã„ã§ã™ã€‚ ベジェ曲線ã£ã¦ã„ã†ã®ã¯ã€ãã†ã§ã™Illustratorãªã‚“ã‹ã§ãƒ‘スをæ“作ã™ã‚‹ã¨ãã®ã‚„ã¤ã§ã™ã。 ã“ã‚“ãªæ„Ÿã˜ã® 実ã¯ä»¥å‰ActionScript3ã§ã‚‚書ã„ãŸã“ã¨ãŒã‚ã‚‹ã‚“ã§ã™ãŒã€ä»Šå›žã¯JavaScriptã§æ›¸ã„ã¦ã¿ãŸã‹ã£ãŸã®ã§ã€‚ >> [AS3] Illustratorã®ã‚ˆã†ãª3次ベジェ曲線を書ã（5å¹´ã‚‚å‰ã®è¨˜äº‹ã§ã™ã‚ˆï¼ã³ã£ãり） 実際ã«ã§ããŸã‚‚㮠イメージã¯ã“ã‚“ãªæ„Ÿã˜ï¼ˆä¸‹ã®ç”»åƒã¯å‹•ãã¾ã›ã‚“） å‹•ã‹ã›ã‚‹ã‚„ã¤ã¯ã€ã“ã‚Œã§ã™ 赤丸ãŒå§‹ç‚¹ã¨çµ‚点。緑ãŒã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ï¼ˆã‚¢ãƒ³ã‚«ãƒ¼ï¼‰ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ã©ã†ã‚„ã£ã¦ã‚„ã‚‹ã®ã‹ã¨ã„ã†ã¨å…¬å¼ãŒã‚ã‚Šã¾ã™ã€‚ >> Cubic Bézier curves ã“ã‚Œã ã¨ã‚ˆãã‚ã‹ã‚“ãªã„ï¼ã£ã¦ã“ã¨ã§ã€ã‚‚ã£ã¨ã‚ã‹ã‚Šã‚„ã™ã解説ã•ã‚Œã¦ã„るサイトãŒã‚ã‚Šã¾ã—ãŸã€‚ã©ã†ã‚‚ã§ã™ã€‚ Hakuhin先生ã§ã™ãï¼AS1ã‹2ã§æ›¸ã‹
![[JavaScript] 3次ベジェ曲線をCanvasã«å¼•ã„ã¦ã¿ãŸã„ | CreateJS, EaselJS « ãã‚“ãã¾ãƒ‡ã‚¶ã‚¤ãƒ³](https://cdn-ak-scissors.b.st-hatena.com/image/square/dfa3048d2db6ab8c57c861c83ab8437e1f560831/height=288;version=1;width=512/http%3A%2F%2Fwww.kuma-de.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Fbezier_snapshot.png)
TweenJSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã¿ã‚‹2（EaselJSも使ã£ã¦ã¿ã‚‹ï¼‰ | æ ªå¼ä¼šç¤¾ã‚¨ã‚¤ãƒãƒ»ã‚ªãƒ¼ãƒ»ã‚¨ã‚¹
CreateJS WebFont テã‚ストアニメーション｜javascript｜POPSブãƒã‚°ï½œPOPS WEB KOUBOU
FN1210005 - EaselJSã®Matrix2Dクラスを使ã£ãŸã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®å¤‰å½¢ - HTML5 : テクニカルノート
FN1501003 | EaselJS 0.8.0: Matrix2Dクラスã®åŸºæœ¬çš„ãªãƒ¡ã‚½ãƒƒãƒ‰ã¨è¡Œåˆ—演算 | HTML5 : テクニカルノート
EaselJS 0.8.0ã®Matrix2Dクラスã«ãŠã‘る座標変æ›ã®ãƒ¡ã‚½ãƒƒãƒ‰ã®æ¼”算仕様ãŒå¤‰ã‚ã£ãŸ
FN1308001 | EaselJSã®Matrix2Dオブジェクトã®å¤‰æ›è¡Œåˆ—ã‚’é©ç”¨ã™ã‚‹ | HTML5 : テクニカルノート
EaselJS v1.0.0 API Documentation : SpriteSheetBuilder
EaselJS Example: SpriteSheetBuilder
CreateJSã§éŠã‚“ã§ã¿ã‚‹ 1日目 EaselJS - WebDelog
EaselJS ã® SpriteSheetBuilder クラス - .Lab
{{#tags}}- {{label}}
{{/tags}}