ããã£ã5æ¥ã§ä½ãã§ãããã²ã¼ã ã ⣠åéºè ãã¡ Ver. 1.1.1 使è ï¼ç¬å¸ï¼ç°è²ã®æ£ï¼ ã¹ãã³ãµã¼ããªã³ã¯
ããã£ã5æ¥ã§ä½ãã§ãããã²ã¼ã ã ⣠åéºè ãã¡ Ver. 1.1.1 使è ï¼ç¬å¸ï¼ç°è²ã®æ£ï¼ ã¹ãã³ãµã¼ããªã³ã¯
Posted 2012å¹´12æ10æ¥ by fushimi & filed under Tips. ã¯ã©ã¹ã®ä½æã»ç¶æ¿ã¯ enchant.Class.create ã¨ãã颿°ãç¨ãã¦è¡ãã¾ãã第ä¸å¼æ°ã«æ¸¡ããããªãã¸ã§ã¯ãããã¯ã©ã¹ã®å®ç¾©ã®ããã«ä½¿ãã¾ããé常ã¯ã{} ã§å²ã£ããªãã¸ã§ã¯ããªãã©ã«ã渡ããã¨ã§å®ç¾©ãã¾ããã³ã³ã¹ãã©ã¯ã¿ã¡ã½ãã㯠initialize ã¨ãããã¼ã§å®ç¾©ãã¾ãã var myClass = enchant.Class.create({ initialize: function(name){ this.name = name; }, sayHello: function(){ alert('Hello! My name is' + this.name); } }); var me = new myClass('Jack'); // -> me.name == '
// [About] touchstart æã«è¦ªãã¼ãããã²ã£ãºãããã¨ã§ é表示ã£ã¨ãããåé¤ãããã¨ãã§ãã¾ã. æµãã¨ãã¦ã¯ this.parentNode ã§èªåã®è¦ªã«ã¢ã¯ã»ã¹ã parentNode ã® removeChild ã§èªåãæ¸¡ããã¨ã§åé¤ãã¦ãã¾ã. // [enchant.js] Official = http://enchantjs.com/ja/?s=ja (ja) || http://enchantjs.com/en/ (en) Blog = http://wise9.jp/ Dev Blog = http://blog.enchantjs.com/ja/ (ja) || http://blog.enchantjs.com/ (en) // [phi] ãã³ãã«ãã¼ã , æ°è»½ã«è³ªåãã¢ããã¤ã¹ä¸ãããªâª Blog = http://tmlife.net/ T
説æ ããã«ã§ãã¼ã«è·³ãè¿ããæã«ã¹ã³ã¢ãå ç®ã表示ã«ããã«ã¯ããããããã¹ã³ã¢ãå ¥ãã夿°ãããã¯ããããã£ãç¨æã0ã®æ°å¤ãå ¥ãã¦ããã¾ãã以ä¸ã®ãµã³ãã«ã§ã¯game.score=0ã¨ãã¦gameãªãã¸ã§ã¯ãã®scoreããããã£ã使ç¨ãã¦ãã¾ãããã¼ã«ã¨ããã«ãæ¥è§¦ãããã¹ã³ã¢ã10å¢ããã¾ãã ã¹ã³ã¢ã®è¡¨ç¤ºã¯ãããããã©ãã«æ©è½ã使ã£ã¦è¨å®ãã¦ããã¾ããã©ãã«ã¯ç»é¢ä¸ã«æåã表示ãããã¨ãã§ãããã®ã§ãå¾ããå 容ã夿´ãããã¨ãã§ãã¾ãã使ããã©ãã«ã®å 容ã夿´ããã«ã¯ã©ãã«ãªãã¸ã§ã¯ãã®textããããã£ã«æåãå ¥ãã¾ãããµã³ãã«ã§ã¯scoreLabelãã©ãã«ãªãã¸ã§ã¯ãã§ãã¹ã³ã¢ãå ç®ããããtextããããã£ã«SCOREã®æåã¨ç¹æ°ãå ¥ãã¦ãã¾ãã ãµã³ãã« ãµã³ãã«ãå®è¡ï½ãã¼ã¿ããã¦ã³ãã¼ã â HTML <!DOCTYPE html> <html> <head> <m
ããã§ã¯, å¶éæéã¨ã¹ã³ã¢ã表示ãã¾ã. ãã®ã¹ãããã¾ã§å®è£ ããã°ã²ã¼ã ã¨ãã¦éã¹ãããã«ãªãã¾ã. SAMPLE ãµã³ãã«ã¯ãã¡ãã§è¦ãããã§ãã¾ã. CODE çµéæéã®åå¾ var progress = parseInt(game.frame/game.fps); ã©ãã«ã表示 var label = new Label(); label.text = "表示ãããããã¹ã"; ã·ã¼ã³ãå ¥ãæ¿ãã var scene = new Scene(); scene.backgroundColor = 'rgba(0, 0, 0, 0.5)'; game.replaceScene(scene); ã³ã¼ãå ¨ä½ ååã®Stepãã追å , ä¿®æ£ããç®æã¯å¤ªåã«ãªã£ã¦ãã¾ã. /** * @author phi */ // enchant åæå(global é åã« enchant ã追å )
5åã§ããã enchant.js ã¢ãã¡ã¼ã·ã§ã³æ©è½ 1. 5åã§ãããenchant.js ã¢ãã¡ã¼ã·ã§ã³æ©è½@sidestepism2013/05/29v0.7 対å¿çæ´æ° 2. èªå·±ç´¹ä»ä¼è¦ é¼å¹³(æ ª)ã¦ããã¿ã¹ã¨ã³ã¿ã¼ãã¤ã¡ã³ãç§èåãªãµã¼ãã»ã³ã¿ã¼ (UEI/ARC)9leap ããã¸ã§ã¯ããªã¼ãã¼ 3. ãã¨ãã°ãã¯ããç§»åãããããã¨ããã⦠4. bear.addEventListener(âenterframeâ, function(){bear.x ++;});// -> 1ãã¬ã¼ã ã«1ãã¯ã»ã«ç§»åãã 5. åãã! 6. æ¢ã¾ããªã⦠7. bear.addEventListener(âenterframeâ, function(){if(bear.x < 100)bear.x ++;});// -> 100ãã¯ã»ã«ã ãç§»åããã 8. ä»åº¦ã¯ 9. æ¢ã¾ã£ã!
Let's start learning HTML5 + JavaScript with code9leap and enchant.js! Learning programming with fun! Let's make your own game with HTML5! With powerful game engine "enchant.js", you can build up your game in 9 minutes! If you are new to HTML5, don't worry about that. Start up your project with modifying sample code. Integrated Develpment/Learning Environment on Web Code9leap includes "CodeMi
enchant.jsã§ã¹ããåãã²ã¼ã ãä½ãå§ããããã®åºç¤ç¥èï¼enchant.jsã§HTML5ï¼JavaScriptã²ã¼ã éçºå ¥éï¼2ï¼ï¼1/4 ãã¼ã¸ï¼ 大人æ°ã®HTML5ï¼JavaScriptãã¼ã¹ã®ã²ã¼ã ã¨ã³ã¸ã³ãenchant.jsãã使ã£ã¦ã²ã¼ã ã¢ããªãä½ãæ¹æ³ã解説ãã¦ãããä»åã¯ãenchant.jsã§ã²ã¼ã ãä½ãããã®æºåã®ä»æ¹ãããµã³ãã«ã¢ããªã®ã½ã¼ã¹ã³ã¼ããå®ä¾ã«åºç¤ææ³ãªã©ãç´¹ä»
ecahnt.jsã使ãJavaScriptã®ã³ã¼ããå®éã«æ¸ãã¦ã¿ã ã¾ãã¯ãç»åã®è¡¨ç¤º main.jsãããã¹ãã¨ãã£ã¿ã§éããæ¬¡ã®ããã°ã©ã ãæ¸ãåãã¦ä¿åãã¦ãã ããã enchant(); // ãã¾ããªã window.onload = function() { // è¡ã®çµããã«ã¯ã;ï¼ã»ãã³ãã³ï¼ãä»ãã¾ãã var game = new Game(320, 320); // ã²ã¼ã æ¬ä½ãæºåããã¨åæã«ã表示ãããé åã®å¤§ãããè¨å®ãã¦ãã¾ãã game.fps = 24; // framesï¼ãã¬ã¼ã ï¼perï¼æ¯ï¼secondï¼ç§ï¼ï¼ã²ã¼ã ã®é²è¡ã¹ãã¼ããè¨å®ãã¦ãã¾ãã game.preload('./img/chara1.png'); // preï¼åï¼-loadï¼èªã¿è¾¼ã¿ï¼ï¼ã²ã¼ã ã«ä½¿ãç´ æããããããèªã¿è¾¼ãã§ããã¾ãã game.onload = functi
Index éçºã®åºæ¬ éå¼ããªãã¡ã¬ã³ã¹ 注æäºé enchant.js ã®åºæ¬çãªãã³ãã¬ã¼ã åºæ¬(æç») Scene ãä½ã/æ¶ãã«ã¯ ç»åãåºãã«ã¯ æåãåºãã«ã¯ é³ããªããã«ã¯ åºæ¬(å¶å¾¡) ç´ æãèªã¿è¾¼ãã«ã¯ ãã¬ã¼ã å¦çãããã«ã¯ ã¿ãã(ã¯ãªãã¯)ãå¦çããã«ã¯ ããã ãããã¨ã¯ ããããä½ãã«ã¯ ãããä¸ã«é害ç©ããããå¤å®ããã«ã¯ ã¹ãã©ã¤ã ã¹ãã©ã¤ããç§»åããã«ã¯ ã¹ãã©ã¤ããå転/æ¡å¤§ç¸®å°ããã«ã¯ ã¹ãã©ã¤ããéæã«ããã«ã¯ ã¹ãã©ã¤ãã«Canvasã使ãã«ã¯ ã¹ãã©ã¤ãã§è¡çªå¤å®ãè¡ãã«ã¯ æå(ã©ãã«) æåè²ã»ãã©ã³ããå¤ããã«ã¯ æåãç§»åããã«ã¯ æåãéæã«ããã«ã¯ ãã®ä» ã·ã¼ã³ã®èæ¯è²ãå¤ããã«ã¯ ã²ã¼ã ã®fpsãå¤ããã«ã¯ ã²ã¼ã ç»é¢ã®åçãå¤ããã«ã¯ ãã¼ãæã«è¡¨ç¤ºãããã·ã¼ã³ãå¤ããã«ã¯ ç´ æã®ããªãã¼ããè¡ãã«ã¯ éçºã®åºæ¬ ench
enchant.js is ⦠ã«ã³ã¿ã³ã«ã²ã¼ã ãã¢ããªãéçºã§ãã HTML5 + JavaScript ãã¬ã¼ã ã¯ã¼ã¯ã§ãã 2011å¹´ã«å ¬éããããã§ã«Â 1,000 æ¬ä»¥ä¸ã®ã²ã¼ã /ã¢ããªãå ¬éããã¦ãã¾ãã ãªã¼ãã³ã½ã¼ã¹ (MITã©ã¤ã»ã³ã¹) ã§ãç¡æã§å©ç¨ã§ãã¾ãã ããã¥ã¡ã³ãã»æ¸ç±ã»ãã¥ã¼ããªã¢ã«ãµã¤ããå å®ãã¦ãã¾ãã ããããã®ãã©ã°ã¤ã³ã§æ©è½ãæ¡å¼µã§ãã¾ãã UEI/ARC ãä¸å¿ã¨ããã¡ã³ãã«ãã£ã¦éçºã»ã¡ã³ããã³ã¹ããã¦ãã¾ãã ããã°ã©ãã³ã°æè²ã®ããã«ãå©ç¨ããã¦ãã¾ãã Features ãªãã¸ã§ã¯ãæå: 表示ããã¦ãããã®ã¯ãã¹ã¦ãªãã¸ã§ã¯ãã§ãã ãã«ããã©ãããã©ã¼ã : iOS, Android, Mac, Windows ã®ãã©ã¦ã¶ã§åä½ãã¾ãã Windows 8: Windows 8 対å¿ã®HTML5ã¢ããªã±ã¼ã·ã§ã³ãéçºã§ãã¾ã ã¤ãã³ãé§å
1. 使ç¨ä¾ã§ãã [HTML] <span id="targetBox">ãã®Spanã®CSS屿§å¤ãå¤ãã</span> ï¼ ï¼ [JavaScript] var box = document.getElementById('targetBox'); // CSSã®backgroundColor屿§ãå¤ãã¦èæ¯ãéããã box.style.backgroundColor = "#BBCCDD";
ææ°ç å¤ããã¼ã¸ã§ã³ã®ã¹ã¯ãªãããå©ç¨ãã¦ããæ¹ã¯ã対å¿ããé¡ããã¾ã â»ç¾å¨æ²è¼ãã¦ãããã®ã¯ä¿®æ£æ¸ã¿ã§ãã ã«ãã´ãªã«é¢ä¿ããã¨ã³ããªãããããã¦èªã¿ãããã¨ãã¦è¡¨ç¤º id:FFCCEoT_NESS ããã«ä¾é ¼ããã¦ãã«ãã´ãªãã¨ã®ãªã³ã¯ãä½ãä»¶ã«ã¤ãã¦ã調ã¹ã¦ãã¦ãid:splicomããã®ããã¹ãã表示ã«å¯¾å¿ãã¯ã¦ãªããã°ã§åãã«ãã´ãªã¼ã®è¨äºã¸ã®ãªã³ã¯ã表示ãã - Sprint Lifeããç¥ãã¾ããããã¡ãã®ä»çµã¿ãå ã«ããã¦é ãã¦ä»¥ä¸ã®ã¦ã£ã¸ã§ããã使ãã¾ããã æåã®ã«ãã´ãªã«é¢é£ããã¨ã³ããªãè¨äºä¸ã«è¡¨ç¤º ã¹ã¯ã¬ã¤ãã³ã°ãYahoo Pipesã«å§è²ãã¦ã¯ã©ã¤ã¢ã³ããã¨ã®åãæ¿ãå¦çããªã¹ã¯ãæ¸ãã ä¸è¨ã«ä¼´ãã¯ã©ã¤ã¢ã³ãåç·å´ã§ã®éä¿¡éãæä½éã«ãã 表示ã¹ã¿ã¤ã«ã¯ãåã®èããæå¼·ã®ããããã¦èªã¿ãããã¯ã¦ãªããã°ãã¼ã - 太é½ãã¾ã¶ããã£ããããã«æºæ ãµã ã
jQueryã¨ã¯ãJavaScriptã®ã³ã¼ãã£ã³ã°ãå¼·åã«æ¯æ´ããã©ã¤ãã©ãªã§ãã $('.semooh a').hover( function(){ $(this).text('ãï¼'); }, function(){ $(this).text('ãã¼'); } );
Googleã«ãã¹ãããã¦ããã©ã¤ãã©ãªããjQueryãã¡ã¤ã«ãèªã¿è¾¼ãæ¹æ³ãç´¹ä»ãã¾ãã jQueryãMicrosoftã®CDNã使ã£ãjQueryãã¡ã¤ã«ã®èªã¿è¾¼ã¿æ¹æ³ã¯ãã¡ããåèã«ãã¦ãã ããã CDNã«ãã¹ãããã¦ããjQueryãã¡ã¤ã«ã®èªã¿è¾¼ã¿ãã¦ã³ãã¼ãããjQueryãã¡ã¤ã«ãèªã¿è¾¼ãæ¹æ³ã¯ãã¡ããåèã«ãã¦ãã ããã jQueryãã¡ã¤ã«ã®èªã¿è¾¼ã¿ Google Hosted Libraries ã¨ã¯Google Hosted Librariesã§ã¯ããã¾ãã¾ãªã©ã¤ãã©ãªï¼jQueryãjQuery UIãMooToolsãPrototypeãªã©ï¼ãææ©ãç°¡åã«å©ç¨ã§ããããã«ã©ã¤ãã©ãªãã¡ã¤ã«ããã¹ãã£ã³ã°ãã¦ãã¾ãã ããã便å©ã§ã1è¡ã®ã³ã¼ãã§ã©ã¤ãã©ãªãèªã¿è¾¼ããã¨ãã§ãã¾ãããã¦ã³ãã¼ããã¢ãããã¼ãã®ä½æ¥ããªãã®ã§ç°¡åã§ãããããã¤ãã³ã¼ãä¾ãæ²è¼ãã¾ã
ã¹ããã§ãåãç¡é横ã¹ã¯ãã¼ã«ã¢ã¯ã·ã§ã³ã®ãã©ã¦ã¶ã²ã¼ã ãä½ãï¼enchant.jsã§HTML5ï¼JavaScriptã²ã¼ã éçºå ¥éï¼çµï¼ï¼1/5 ãã¼ã¸ï¼ 大人æ°ã®HTML5ï¼JavaScriptãã¼ã¹ã®ã²ã¼ã ã¨ã³ã¸ã³ãenchant.jsãã使ã£ã¦ã²ã¼ã ã¢ããªãä½ãæ¹æ³ã解説ãã¦ããé£è¼ãæçµåã¯ãç·éç·¨ã¨ãã¦ãç¡éã«æ¨ªã¹ã¯ãã¼ã«ããã¢ã¯ã·ã§ã³ã²ã¼ã ãã10ã¹ãããã§ä½ãã¾ãããããã¢ã¯å½ããå¤å®ã§ãã
æ©ã ã®ãè¿ä¿¡ãããã¨ããããã¾ãã ç¾å¨FC2ããã°ã§ã¢ã³ãããä½ããã¨ãã¦ãã¾ãã¦ã å ã«ãä¼ãããããµã¤ãã§å ¬éããã¦ããRSS表示ããã°ã©ã ã使ããã¨ãã¦ãã¾ãã å ·ä½çã«ã¯ä¸è¨ã®å¦çã§ãã â ââââââââ google.load(âfeedsâ, â1â); var entryArray = new Array(); var entryNum = 0; function initialize() { feedAdd(â***************â,0); feedAdd(â***************â,1); } function feedAdd(rssUrl, boolNum) { var feed = new google.feeds.Feed(rssUrl); feed.setNumEntries(4); feed.load(function(result) {
ã©ã³ãã³ã°
ãç¥ãã
ã©ã³ãã³ã°
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}