『Flashã§ä½œã‚‹ã‚¹ãƒžãƒ•ã‚©ãƒ–ラウザゲームå‘ã‘アニメーションã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚
グランブルーファンタジーã®ã‚³ãƒ¼ãƒ‰ã‚’ã¡ã‚‡ã£ã¨èªã‚“ã§ã¿ãŸ - mizchi's blog
ãªã‚“ã‹ã™ã”ã„無茶ã—ã¦ã¾ã™ã。 HTML5ã§æ™®é€šã«èªã‚ã‚‹ã®ã§ã€é©å½“ã«èªã‚“ã§ã¿ãŸã€‚都åˆãŒæ‚ªã‘ã‚Œã°è¨€ã£ã¦ãã ã•ã„ > Cygamesã•ã‚“ 大雑把ã«ã‚³ãƒ¼ãƒ«ã—ã¦ã‚‹ãƒ©ã‚¤ãƒ–ラリ㯠"jquery","underscore","backbone","easeljs","tweenjs","soundjs","movieclip","preloadjs","loadmanager","pex","typist", "flexslider","finger","socketio","subroute","uaparser" require.js 全体的ã«require.jsã«å¼·ãä¾å˜ã—ã¦ã„る。require.js㯠r.js使ã£ã¦ã¾ã¨ã‚ã¦minifyã§ãã‚‹ã‚“ã ã‘ã©ã€ä»Šå›žã¯ãれをã—ã¦ã„ãªãã¦ã€uglifyã‹ä½•ã‹ã§é›£èªåŒ–ã•ã‚Œã¦ã„ã‚‹ã ã‘。ãªã‚“ã ã‘ã©ã€åœ§ç¸®ã§ããªã„æ–‡å—列ベースã§ä¾å˜é–¢ä¿‚を表ç¾ã—ã¦ã„ã‚‹ãŸã‚ã€å¤–部ã‹ã‚‰éžå¸¸
Toolkit for CreateJSã®PixelRatioコンãƒãƒ¼ã‚¿æ›¸ã„ãŸã‚ˆ - blog::wnotes.net
ã‚‚ã¨ã‚‚ã¨ã¯ç¤¾å†…用ã®ãƒ„ールã¨ã—ã¦ä½œã£ãŸã‚“ã ã‘ã©ã€ã›ã£ã‹ããªã®ã§å…¬é–‹ã€‚ Toolkit for CreateJSã®PixelRatio変æ›ãƒ„ールã§ã™ Toolkit for CreateJS（以下ã€TFC）ã§ãƒ‘ブリッシュã—ã¦ã§ããŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¹ã‚¯ãƒªãƒ—トを任æ„ã®devicePixelRatioã«å¤‰æ›ã™ã‚‹ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ãƒ„ールã§ã™ã€‚ ãã‚‚ãã‚‚TFCã£ã¦ä½•ï¼Ÿã¨ã„ã†æ–¹ã¯ã“ã®ã‚ãŸã‚Šã‚’å‚考ã«ã—ã¦ãã ã•ã„。簡å˜ã«è¨€ã†ã¨ã€Flash IDEã§ä½œæˆã—ãŸã‚¿ã‚¤ãƒ ラインアニメーションをFlashã®å†ç”Ÿã§ããªã„スマートフォン用ã«Canvasアニメーションスクリプトã¨ã—ã¦æ›¸ã出ã›ã‚‹Adobe製ã®ãƒ„ールã§ã™ã€‚å†ç”Ÿã«ã¯CreateJS（EaselJS/TweenJS）を使ã„ã¾ã™ã€‚ Ratio対応çµæ§‹é¢å€’ãªã®ã§ Flashã§åˆ¶ä½œã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚µã‚¤ã‚º/ä½ç½®æŒ‡å®šã¯å›ºå®šå€¤ãªã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚ˆã†ãªè§£åƒåº¦ã®é•ã„ã«å¯¾å¿œã™ã‚‹ã«ã¯
Toolkit for CreateJSã®manifestデータを自動ã§base64化ã™ã‚‹gruntタスク | k-factory
Toolkit for CreateJSã‹ã‚‰publishã•ã‚ŒãŸhtmlã®ã€manifestã«è¨˜è¿°ã•ã‚ŒãŸimagesデータをbase64化ã™ã‚‹grunt task pluginを作æˆã—ã¾ã—ãŸã€‚Toolkit for CreateJSã‹ã‚‰publishã•ã‚ŒãŸhtmlã®ã€manifestã«è¨˜è¿°ã•ã‚ŒãŸimagesデータをbase64化ã™ã‚‹grunt task pluginを作æˆã—ã¾ã—ãŸã€‚ https://github.com/youtakanke/grunt-tfc-datauri Flashã®extensionã§ã‚ã‚‹ã€ã€ŒToolkit for CreateJSã€ï¼ˆâ€»ä»¥é™ TFC ）を使用ã—ãŸãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã€ imageç”»åƒã‚’大é‡ã«ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ç”»åƒã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ãŒå¢—ãˆã¦ã—ã¾ã„〠3G回線端末ãªã©ã§ã¯ãƒãƒ¼ãƒ‰ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã“ã§ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’datauriã§ä½¿ç”¨
Flash Toolkit for CreateJSã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§
21. var manifest = [ {src:"images/card.jpg", id:"card}"}, {src:"images/rea_gear1.png", id:"rea_gear1"}, {src:"images/rea_gear2.png", id:"rea_gear2"}, {src:"images/rea_gear3.png", id:"rea_gear3"}, {src:"images/rea_gear4.png", id:"rea_gear4"} ]; //複雑ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã»ã©ç”»åƒã®èªã¿è¾¼ã¿ãŒå¤šæ•°ç™ºç”Ÿã™ ã‚‹ HTML内ã«å‡ºåŠ›ã•ã‚Œã‚‹js記述（画åƒéƒ¨åˆ†ä¸€éƒ¨æŠœç²‹ï¼‰ 22. var imgStr64={ rea_gear1:“bace64化ã•ã‚ŒãŸæ–‡å—列â€, rea_gear2:“bace64化ã•ã‚ŒãŸæ–‡å—列â€, rea_gear3:“bace64化ã•ã‚ŒãŸæ–‡å—列†}
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://createjs.jp/?p=169
{{#tags}}- {{label}}
{{/tags}}