[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 複数ã®Webフォントをサイトã«Uploadã—ã¦Canvasã§ä½¿ç”¨ã™ã‚‹ï½œjavascript｜POPSブãƒã‚°ï½œPOPS WEB KOUBOU
CreateJS WebFont テã‚ストアニメーション｜javascript｜POPSブãƒã‚°ï½œPOPS WEB KOUBOU
FN1501003 | EaselJS 0.8.0: Matrix2Dクラスã®åŸºæœ¬çš„ãªãƒ¡ã‚½ãƒƒãƒ‰ã¨è¡Œåˆ—演算 | HTML5 : テクニカルノート
EaselJS 0.8.0ã®Matrix2Dクラスã«ãŠã‘る座標変æ›ã®ãƒ¡ã‚½ãƒƒãƒ‰ã®æ¼”算仕様ãŒå¤‰ã‚ã£ãŸ
FN1308001 | EaselJSã®Matrix2Dオブジェクトã®å¤‰æ›è¡Œåˆ—ã‚’é©ç”¨ã™ã‚‹ | HTML5 : テクニカルノート
第12回　スプライトシートã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ãã‚‹ | gihyo.jp
EaselJS Example: SpriteSheetBuilder
SVG ã®ãƒ‘スを利用ã—ã¦ã€ãƒ‘ーティクルã§æ–‡å—を作り上ã’るよã†ãªã® - .Lab
高度ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‘ス(Advanced animation path)ä½œæˆ | 「SVG(ç”»åƒåŠ¹æžœ)ã€ã‚«ãƒ†ã‚´ãƒªãƒ¼ | JavaScriptデモ
AS3 Graphics 関数åçŸç¸®
CreateJSã§éŠã‚“ã§ã¿ã‚‹ 1日目 EaselJS - WebDelog
project-nya.jp - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - フラッシュ ã«ã‚ƒã‚ ã«ã‚ƒã‚“㓠プãƒã‚¸ã‚§ã‚¯ãƒˆ ウェブ ジェクト ã²ã‚ゆã リソースãŠã‚ˆã³æƒ…å ±
EaselJS 㮠SpriteSheetBuilder クラス - .Lab
FumioNonaka.com
アタリジャパンウェブサイト
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
Flashデベãƒãƒƒãƒ‘ーã®ãŸã‚ã®CreateJS：第1回　CreateJSã¨ã¯ä½•ã‹â”€â”€ãã®ãƒ¡ãƒªãƒƒãƒˆã‹ã‚‰Flashã¨ã®é•ã„ã¾ã§ | デベãƒãƒƒãƒ‘ーセンター
HTML5ã®Canvasã§ã¤ãるダイナミックãªè¡¨ç¾â€•CreateJSを使ㆠ記事一覧 | gihyo.jp
{{#tags}}- {{label}}
{{/tags}}