プロキシーライクなゲームを作成するjavascript「Blocks.js」

ブロック崩しの進化版のような「プロキシー(?)」というゲームがあります。
それをjavascriptで作成したPrototype/Scriptaculous Version of Same Gameです。
proGame

使用方法
Prototype/Scriptaculous Version of Same Gameからsound.jsとblocks.jsを、script.aculo.usからscript.aculo.usの1.8.0をダウンロードします。
*prototypeは同梱の1.6を使用してください。
<script src="http://yourdomain/prototype" type="text/javascript"></script>
<script src="http://yourdomain/scriptaculous18/effects.js" type="text/javascript"></script>
<script src="http://yourdomain/sound.js" type="text/javascript"></script>
<script src="http://yourdomain/blocks.js" type="text/javascript"></script>
<script type="text/javascript">
var sameGame = null;
Event.observe(window, "load", function(event){ sameGame = new SameGame('blocks') });
</script>
<link rel="stylesheet" href="game.css" style type="text/css" media="screen">

上記のように書き込むとともにゲームを表示したい場所に以下を記述します。
<div id="game">
<div id="blocks" style="position: absolute; top: 15px; left: 15px; width: 300px; height: 300px;"></div>
<div id="new_game">
<a href="javascript:try{ sameGame.newGame(); }catch(e){ alert('Looks like we have an error.'); }">New Game</a>
</div>
<div id="score"> 0 </div>
<div id="hover_points"> 0 </div>
</div>

プロキシーライクなゲームを作成するjavascript「Blocks.js」サンプル

sponsors

「プロキシーライクなゲームを作成するjavascript「Blocks.js」」をシェアする

記事作成:
記事URL:

TOP > > > プロキシーライクなゲームを作成するjavascript「Blocks.js」