GYAOS_sample Tomo Follow 2010-12-14 17:33:28 License: MIT License Fork49 Fav3 View6214 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 17 lines HTML 12 lines CSS 4 lines GYAOS_sample jQuery v1.4.4 var hpMax=120; var hp=hpMax $("#hp").text(hp+"/"+hpMax); $("#atc").click(function(){ var r = Math.floor(Math.random() * 10)+10; hp-=r; if(hp>0){ $("#hp").text(hp+"/"+hpMax); $("#main img").fadeOut(10).delay(80).fadeIn(10).fadeOut(10).delay(80).fadeIn(10); }else{ $("#main").html("<p>win</p>"); $("#hp").text("0/"+hpMax); } }); <div id="hp"></div> <div id="main"><img src="http://www.cyberagent.co.jp/img/media/kayac/monster01.png"></div> <!-- http://www.cyberagent.co.jp/img/media/kayac/monster01.png http://www.cyberagent.co.jp/img/media/kayac/monster02.png http://www.cyberagent.co.jp/img/media/kayac/monster03.png //---> <div id="atc">攻撃する</div> GYAOS_sample #hp{margin:0 auto;width:240px;height:20px;text-align:center;} #main{margin:0 auto;width:240px;height:320px;} #main p{font-size:5em;text-align:center;margin:0 auto;} #atc{margin:0 auto;background:#FF0000;width:100px; height:30px;text-align:center;cursor:pointer;} var hpMax=120; var hp=hpMax $("#hp").text(hp+"/"+hpMax); $("#atc").click(function(){ var r = Math.floor(Math.random() * 10)+10; hp-=r; if(hp>0){ $("#hp").text(hp+"/"+hpMax); $("#main img").fadeOut(10).delay(80).fadeIn(10).fadeOut(10).delay(80).fadeIn(10); }else{ $("#main").html("<p>win</p>"); $("#hp").text("0/"+hpMax); } }); <div id="hp"></div> <div id="main"><img src="http://www.cyberagent.co.jp/img/media/kayac/monster01.png"></div> <!-- http://www.cyberagent.co.jp/img/media/kayac/monster01.png http://www.cyberagent.co.jp/img/media/kayac/monster02.png http://www.cyberagent.co.jp/img/media/kayac/monster03.png //---> <div id="atc">攻撃する</div> #hp{margin:0 auto;width:240px;height:20px;text-align:center;} #main{margin:0 auto;width:240px;height:320px;} #main p{font-size:5em;text-align:center;margin:0 auto;} #atc{margin:0 auto;background:#FF0000;width:100px; height:30px;text-align:center;cursor:pointer;} use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか? Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/rQ0z/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/Tomo/rQ0z" title="GYAOS_sample">GYAOS_sample - jsdo.it - share JavaScript, HTML5 and CSS</a></p> Tweet twitter Favorite by takishiki calmbooks fingaholic Forked sort new page view favorite forked forked: GYAOS_sample kongchenglon.. 00 17views 18/12/4 forked: GYAOS_sample eeg 00 26views 18/12/4 forked: GYAOS_sample abe.ryusuke 00 44views 18/12/4 forked: GYAOS_sample fumito.sasak.. 00 74views 18/12/4 1 2 3 4 5 6 7 8 9 10NEXT>>