HTML5対å¿Webãã©ã¦ã¶ç¨ã®ãããã¯å´©ãã§ãã ã²ã¼ã ç»é¢ä¸ã®æ¹ã®ã¡ãã¥ã¼ã§ã¬ãã«ã鏿ããéå§ãã¿ã³ãã¯ãªãã¯ãã¦ã²ã¼ã ãå§ãã¦ãã ãããå¼¾ä¿æä¸ã¯ãä¸ãã¼ã§çºå°ããã¼ã®ä¸é¢ã«å¼¾ãæ¥è§¦ããç¶æ ã§ä¸ãã¼ãæ¼ãã¨å¼¾ãä¿æãããã¨ãã§ãã¾ãã å¼¾ã¯ãæ¥è§¦ãç¹°ãè¿ãã¨ã¹ãã¼ãã¢ããããã®ã§ã追ããããªããªã£ã¦ãããä¸åº¦ä¿æããã¨è¯ãã§ããããä¿æããä½ç½®ã«ãã£ã¦ãå¼¾ã®çºå°è§åº¦ãç°ãªãã¾ãã å¼¾ãä¸ã®æ¹ã«è½ã¨ãã¨ã²ã¼ã ãªã¼ãã¼ããã¹ã¦ã®ãããã¯ãå´©ãã¨ã¯ãªã¢ã§ãã ãããã¯å´©ãæä½æ³ ä¸ãã¼ï¼ä¿æä¸ã®å¼¾ãçºå° ä¸ãã¼ï¼ãã¼ã«æ¥è§¦ãã¦ããå¼¾ãä¿æ æ¬ã½ããã¯ãHTML5対å¿Webãã©ã¦ã¶ç¨ã«JavaScriptã§è¨è¿°ãããããªã¼ã½ããã§ããç¡æã§èªç±ã«ãå©ç¨ããã ãã¾ãã ãããã¯å´©ãéçºã¡ã¢
ä»å¹´ã®é ã«ã¡ããã¡ããæ¸ãã¦ãã canvasã§ã®ãã¼ãã£ã¯ã«ã·ãªã¼ãºã ãã æè¿ã¾ãã¡ãã³ã¡ãã³ããã£ã¦ããã®ã§ãä¹ æ¹ã¶ãã«ããã°ã«æ¸ãã¦ããã æ°ããä½ã£ãã®ã¯ä»¥ä¸ã®2ã¤ã ã particle6 particle7 particle6ã«ã¤ãã¦ã¯å£ã¨ãã¼ã«ãparticle7ã«ã¤ãã¦ã¯ ããã«å ãã¦ãã¼ã«ã¨ãã¼ã«ã®è¡çªãããã¦ããã ã¾ããåç §ã«ããã¦ããã ãããµã¤ãã¯ä»ã¾ã§ã¨åã以ä¸ã®ãµã¤ãã«ãªãã è¡çªå¤å®ç·¨ å¹³é¢å¹¾ä½ã«ããããã¯ãã«æ¼ç® Flashã²ã¼ã è¬åº§ï¼ASãµã³ãã«éãè¡çªã®è¨ç®ã«ã¤ãã¦ã ããã¾ã§ã®ç©ã§æ°ã«ãªã£ã¦ããããè¾¼ã¿è£æ£ãããã¨æ¥½è¦³çã«èãã¦ããã®ã ããã©ã åãªãç·åã§ã太ãã¨ããèæ ®ããã¨ãçµå±åè§å½¢ã¨ãªã4辺ãã©ã¹é ç¹ããã®90度åã 調æ´ããªããã°ãªãããäºæ³ä»¥ä¸ã®ãã£ãããã ã£ãã ä»åãããã¾ã§ã«å¼ãç¶ãå£ã¥ããã¯ãã«ã使ç¨ãããã ãã¡ãã«ãã£ããã¼ã«
ãã®è¨äºã§ã¯ãEaselJSã使ã£ã¦ããã¼ã«ãè·³ããåä½ã®ç°¡æç©çã·ãã¥ã¬ã¼ããããªãããEaselJSã¨ã¢ãã¡ã¼ã·ã§ã³ã®ããã°ã©ãã³ã°ã®åºæ¬ããªãã£ã¦ã¿ã¾ãã ä»è¨äºã®ãç®æãã¹ã宿形ã¯ãã¡ãã§ãã 宿形ãã¢ãã¼ã¸ ãã¼ã«ããã¼ã³ã¨è·³ããåãã使ãã¦ããã¾ãã ç®æ¬¡ EaselJSã«ã¤ã㦠EaselJSã®åºæ¬çãªæ±ã 1.ãã¼ã«ã®ä½æã¨çéç´ç·éå 2.ãã¼ã«ã®è·³ãè¿ã 3.éåãä¸ãã 4.æ©æ¦ãä¸ãã ã¾ã¨ã EaselJSã«ã¤ã㦠EaselJSã«ã¤ãã¦ã¯ããããã®ããã°ã§è©³ç´°ã«èª¬æããã¦ãã¾ãããç°¡æ½ã«è¨ãã°ãCanvasã®2Dã¢ãã¡ã¼ã·ã§ã³ããã使ãããããªãã©ã¤ãã©ãªãã¨è¨ã£ãæãã§ããããã Flashã®AS3ãã£ã¦ããæ¹ã¯åã¯ã©ã¹ã®æ§æãªã©æ¸ãæ¹ãæ±ãæ¹ãé¡ä¼¼ãã¦ããã®ã§é¦´æã¿ããããã¨æãã¾ãã å ¬å¼ããã¥ã¡ã³ãã大å¤è¦ããããåèã«ãªãã¾ãã
ååã«å¼ãç¶ãCreateJSã試ãã¦ã¿ã¦ãã¾ãã ä»åã¯ãååããã²ã¼ã ã£ã½ããã®ãã¨ãããã¨ã§ãã£ã©ã¯ã¿ãé ç½®ãã¦ãã¼ãã¼ãã§åãããããã«ãã¦ã¿ã¾ããã âãµã³ãã« PCéå®ã§ãããã«ã¼ã½ã«ãã¼ã§ç§»åã§ãã¾ãã ç´ æã¯FirstSeedMaterialããã®ç´ æãééé¨åãªã©ä¸é¨å å·¥ãã¦ä½¿ç¨ãã¦ãã¾ã(äºæ¬¡ä½¿ç¨ç¦æ¢)ã(RPGãã¯ã¼ã«ããã£ã¦ããæ¹ãªãã馴æã¿ï¼ã§ããã) âFirst Seed Material ç´ æãåãåã£ã¦é ç½®ããæ¹æ³ã¯ä»¥ä¸ã®ããã«ãã¦ãã¾ãã var el = $("#stage").get(0); _stage = new createjs.Stage(el); createjs.Ticker.setFPS(24); createjs.Ticker.addEventListener("tick", loop); var charData = { image
ã©ã³ãã³ã°
ãç¥ãã
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}