15. 1. Canvasã®æºå // Canvasã¨ã¬ã¡ã³ããåå¾ var canvas = document.getElementById("myCanvas"); // æç»å½ä»¤ãè¡ãçºã®ã³ã³ããã¹ããåå¾ var ctx = canvas.getContext("2d");
ã½ã¼ã·ã£ã«ã²ã¼ã ã®éçºä¸ã«éè·ããå¾æ¥å¡ããï¼ä¼ç¤¾ããéçºé æ«ã®è²¬ä»»ã追åãããäºä¾ã äºæ¡ã®æ¦è¦ Xã¯ï¼ã½ã¼ã·ã£ã«ã²ã¼ã ï¼æ¬ä»¶ã²ã¼ã ï¼ã®éçºãç®çã¨ãã¦è¨ç«ãããä¼ç¤¾ã§ãããYãã¯ï¼Xã®è¨ç«åããï¼Xã®ã°ã«ã¼ãä¼ç¤¾ã®ä¾é ¼ãåãï¼æ¬ä»¶ã²ã¼ã ã®éçºã«é¢ããï¼Xãè¨ç«ãããå¾ã«ã¯ï¼Xã®å¾æ¥å¡ã¨ãªã£ã¦ï¼æ¬ä»¶ã²ã¼ã ã®éçºã«å¾äºããã æ¬ä»¶ã²ã¼ã ã®ãªãªã¼ã¹ã¯ï¼å½åå®ãããã¦ããææã«ã¯éã«åããï¼å»¶æãããã ãã®å¾ï¼Yããï¼ããããæ¬ä»¶ã²ã¼ã ã®ãªãªã¼ã¹åã«éè·ããã¨ããï¼Xã¯ï¼Yããéçºè¨è¨ä»æ§æ¸ãä½æããï¼çªç¶ã®éè·ã«ãã£ã¦æ¬ä»¶ã²ã¼ã ã®éçºãé æ«ãã¦æ害ã被ã£ãã¨ãã¦ï¼ä¸»ä½çã«ä¸æ³è¡çºã«åºã¥ãæå®³è³ åã¨ãã¦ï¼äºåçã«å´åå¥ç´ä¸ã®åµåä¸å±¥è¡ã«åºã¥ãæå®³è³ åã¨ãã¦ï¼5400ä¸åã®è³ åãæ±ããã ããã§åãä¸ããäºç¹ Yãã¯ï¼ä¿¡ç¾©åä¸ï¼ãããã¯å´åå¥ç´ä¸ã®ç¾©åã¨ãã¦ï¼éçºè¨è¨ä»æ§æ¸ãä½æãã義åããã£
é£è¼ç®æ¬¡ ã²ã¼ã ä½æåãã®APIãå å®ããiOS 9å ¬éãââtvOSãçºè¡¨ 2015å¹´9æ16æ¥ï¼ç±³å½æéï¼ã«iOS 9ãå ¬éããã¾ãããiOS 9ã§ã¯ããã¾ãã¾ãªæ©è½è¿½å ãããã¾ããããSDKã§ã¯ããã«ã²ã¼ã ä½æåãã®APIï¼ãã¬ã¼ã ã¯ã¼ã¯ãå å®ããã¢ããã«ã®ã²ã¼ã ã³ã³ãã³ãã«å¯¾ããåã®å ¥ããããããããã¾ãã ã¢ããã«ãæ¨æºã§ç¨æãã¦ãããiOS 9ã¾ã§ã®ã²ã¼ã éçºåãAPIï¼ãã¬ã¼ã ã¯ã¼ã¯ãã¾ã¨ããã¨ä¸è¨ã®ããã«ãªãã¾ãã GameKitï¼ã¢ããã«ã®ã²ã¼ã åãSNSã§ãããGame CenterããBluetoothã使ã£ãPtoPéä¿¡ã®æ©è½ãªã©ãã²ã¼ã ã«çµã¿è¾¼ãï¼ SceneKitï¼3Dã²ã¼ã ä½æç¨ï¼ MetalKitï¼GPUã¢ã¯ã»ã©ã¬ã¼ã·ã§ã³ã§ããé«åº¦ãªã°ã©ãã£ãã¯ï¼ SpriteKitï¼2Dã²ã¼ã ä½æç¨ãå¾è¿°ï¼ GameplayKitï¼ã«ã¼ãæ¢ç´¢ãç¶æ 管çã¨ãã£ãAIã®ä½ææ©
é£è¼ç®æ¬¡ ååã®ãåå¿è ã§ãiOS 9ï¼tvOSåã2Dã²ã¼ã ãä½ããæ¨æºãã¬ã¼ã ã¯ã¼ã¯SpriteKitã®åºç¤ç¥èã¨ãã¥ã¼ããªã¢ã«ãã§ã¯SpriteKitã®ãµã³ãã«ãåããã¦SpriteKitã®å¤§æ ãææ¡ãã¾ããã ä»åããã¯å®éã«ã¿ã¯ã¼ãã£ãã§ã³ã¹ãä½ã£ã¦ããã¾ãã ã¾ãã¯ã©ããªã²ã¼ã ãä½ãããèãã¾ããã¿ã¯ã¼ãã£ãã§ã³ã¹ã®ã«ã¼ã«ã調ã¹ã¦ã¿ã¾ããããWikipediaã«ããã¨ã¿ã¯ã¼ãã£ãã§ã³ã¹ã®åºæ¬çãªã«ã¼ã«ã¯ä¸è¨6ç¹ã§ãã ãã¬ã¼ã¤ã¼ã¯éå§åã«ä¸ããããææéãå ã«ãæµãæ»æããã¦ããããè¨ç½®ãã ã²ã¼ã ã¯ãWaveï¼ã¦ã§ã¼ãï¼ãã¨ããåä½ã§è¡ããããåºæ¬çã«ã¯1ã¤ã®Waveã§ç»å ´ããæµã®ç¨®é¡ã¯1種é¡ã®ã¿ã¨ãªã£ã¦ãããWaveãå§ã¾ãã¨æµã¯å ¥å£ããç»å ´ããç®çå°ã«åãã£ã¦è¡é²ããããã¬ã¼ã¤ã¼ãè¨ç½®ããã¦ãããã¯æ»æå¯è½ç¯å²ã«å ¥ãã¨èªåçã«æ»æãè¡ã 1Waveã®æµãå ¨ã¦å ¨æ» ãããã¨W
æ¦è¦ ãã©ã¦ã¶ä¸ã§å®è¡å¯è½ãªHTML5+JavaScriptãªã²ã¼ã ã¨ã³ã¸ã³ãããããåºã¦ã¾ããã ã©ããå®é使ããããã®ãåããããã¨ãããã触ã£ã¦ã¿ãææ³ãã¾ã¨ãã¦ã¿ã¾ããã ããªããã£ããï¼éã«â¦ï¼è§¦ã£ã¦ãã®ã§ãã¢ãã¯ãä½ã£ããã®ãããã°ã ãµã³ãã«åãããã ãã®ãã®ãªã©ãå ¥ãä¹±ãã¦ã¾ãã ãããªãã®ã§ãåèã«ãªãã°å¹¸ãã§ã è¦ä»¶ ãªã¼ãã³ã½ã¼ã¹ã§ããã㨠ãããããè©ä¾¡é ç® å¦ç¿ã³ã¹ã å®ç¸¾ ãã©ã¼ã©ã ã®æç¡ã»æ´»çºã å¦ç¿ã³ã¹ãã¯å°å ¥ããéçºã»éç¨ã¾ã§å«ãã¦èãã¦ã¾ãã ã¾ããå®ç¸¾ãããã°ããã¸ã§ã¯ãã«å°å ¥ããããã¨ãããã¨ã§ãå®ç¸¾ã®æç¡ãè¼ãããã¨æãã¾ãã ãã©ã¼ã©ã ã¯ããããªããã¨ãããæã«èããç°å¢ã å ¬å¼ã§æä¾ããã¦ããã¨å®å¿ããã®ã§ãããã¦ãããã¨æãã¾ããã â»å®éã«ãã©ã¼ã©ã ã«æ¸ãè¾¼ã¿ãããã®ã¯Cocos2d-jsã®ã¿ã§ã â»è©ä¾¡ã¯âã»âã»â³ã»âã®4段éè©ä¾¡ã«ãªã£ã¦
HTML5ã®ã²ã¼ã éçºåããã¬ã¼ã ã¯ã¼ã¯ã®ä¹±ç« æ¨ä»ãHTML5ã®Canvas, WebGL, WebAudioAPiãªã©ãWebããã³ãã¨ã³ãæè¡ã§ã®ã²ã¼ã éçºã«åããæè¡ãå¢ãã¦ãWebãã©ã¦ã¶åãã®ã²ã¼ã éçºçéãçãä¸ãããè¦ãã¦ãã¾ãã ããã«åããã¦ãJavaScriptã«ããã²ã¼ã éçºåããã¬ã¼ã ã¯ã¼ã¯ãåºãããè¦ããã©ããé¸ã¹ã°ãããè¿·ã£ã¦ãã¾ãã»ã©ãå¤ãã®ãã¬ã¼ã ã¯ã¼ã¯ãç»å ´ãã¦ãã¾ãã ç¿çã®é ããããHTML5ã²ã¼ã ã®éçºãããéã«ãããã£ããã¬ã¼ã ã¯ã¼ã¯ã使ç¨ãããã¨ãé¸æããå ´åãCanvasãWebGLãªã©ã®ç¹æ§ãå¦ã¶ä»ããã®ãã¬ã¼ã ã¯ã¼ã¯ã®ä½¿ç¨æ¹æ³ãè¨è¨ç念ãå¦ã¶å¿ è¦ããããç®ã®åã«ç»å ´ãã大ããªè¦å¡ã«ç«ã¡ããã¿ãè¦ãã人ãå± ããã¨æãã¾ãã ãããã¼ä½é¨ãã¨ããèãæ¹ããããæè¡ã®ç¿çã«ããã¦ã¯ãèªåã®ç¾å¨ã®ç¿çã¬ãã«ã«åããã¦æè¡ãå¦ç¿ããå¿ è¦ãããã¾ã
JavaScript製ã¨ã¯æããªãã²ã¼ã ãenchant.jsã§ç°¡åã«ä½ãã«ã¯ï¼enchant.jsã§HTML5ï¼JavaScriptã²ã¼ã éçºå ¥éï¼4ï¼ï¼1/3 ãã¼ã¸ï¼ 大人æ°ã®HTML5ï¼JavaScriptãã¼ã¹ã®ã²ã¼ã ã¨ã³ã¸ã³ãenchant.jsãã使ã£ã¦ã²ã¼ã ã¢ããªãä½ãæ¹æ³ã解説ãã¦ããé£è¼ãä»åã¯ãæ軽ã«ã¢ãã¡ã¼ã·ã§ã³ãä½ããtl.enchant.jsã®ä½¿ãæ¹ããã¹ããåãã¢ãã¡ã¼ã·ã§ã³ã®ãã¥ã¼ãã³ã°ãã¤ã³ã6ã¤ã解説ããã ããããJavaScriptã®ã²ã¼ã â¦â¦ ã ã¨â¦â¦ï¼ ååã®ãenchant.jsã§éè¦ãªã¹ãã©ã¤ãã¨ã·ã¼ã³ã使ãã«ã¯ãã§ã¯ãã²ã¼ã ã®æµãã¨ãªãé¨åãé§ã足ã§è§£èª¬ãããã¾ããã ä»åã¯ãããã²ã¼ã ããªããã«è¦ãããè¤éãªã¢ãã¡ã¼ã·ã§ã³ã®ä½ãæ¹ãç解ãã¦ããã¾ãããããã®æ©è½ã使ãã¨ããããªãã®ï¼ãµã³ãã«ï¼ãç°¡åã«ä½ããã¨ãã§ãã¾ãããã²ãJavaSc
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}