skuare.net

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

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

使用方法
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」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：Appleライクなサイトを作るためのJavaScript 19+1
次の記事：テキストを複製できなくするjavascript「jQuery Disable Text Select Plugin」

関連記事

• パスワード強度を視覚的に明示するjavascript「Password Strength」
• プロキシーをiPhone&iPod touchでも可能にしたjavascript「iFreecell」
• 星形投票システムを実現するjavascript「StarBox 」
• 画像ギャラリーの定番javascript「LightBox」
• 「prototype Plugins」開設