JavaScript製の、一人遊び用
JavaScriptがOFFになっているか、ブラウザが対応していません。
ピラミッドは、カードを七段のピラミッド状に並べ、そこからルールに従ってカードを取り除いてゆき、全てのカードを取り除けば成功(クリア)となるゲームです。
下記のファイルをDLして拡張子を「js」に変更し、設置したいHTMLファイルと同じディレクトリに置いてください。文字コードはSJISです。外部JSファイルを利用する際には、HTMLファイルと文字コードと合わせる必要がありますので、HTMLファイルをEUCで記述しているなどという場合には、適宜変換してお使いください。
Pyramid.txt
TableCard.txt
あとは以下のような感じでテキトーに記述してください。デフォルト設定で表示させる一例です。
<html> <head> <meta http-equiv="content-script-type" content="text/javascript"> <!-- 外部JSファイルとして読み込む --> <script type="text/javascript" src="Pyramid.js"></script> <script type="text/javascript" src="TableCard.js"></script> </head> <body> <!-- ピラミッド書き出し用の要素 --> <p id="pyramid"> JavaScriptがOFFになっているか、ブラウザが対応していません。 </p> <!-- ピラミッドのセット --> <script type="text/javascript"><!-- cardPyramid = new Pyramid('pyramid'); //--> </script> </body> </html> |
ピラミッド書き出し用の要素は、divでもspanでもなんでもいいですが、必ずそのページ内でユニークなidをつけてください。同じidが複数あると、まともに動作しません。
ピラミッドのセットをする際には、ピラミッドをセットしたい要素のidを引数として「Pyramid」クラスのインスタンスを生成し、それを変数「cardPyramid」(固定)に格納します。
要するに、ピラミッドをセットしたい要素のidを「setId」とすると、
インスタンス生成時の引数によってサイズや色を変更することが出来ます。設置要素のid以外は省略可能です。
引数 = (設置要素のid, サイズ基本値, 背景色) |
id以外の引数を省略した場合のデフォルト設定は以下の通りです。
設置要素のidをsetIdとした場合、設置要素内の要素に、下記のようなidが複数指定されます。
遊び方よくわかんねーよとか、設置してえんだけどよぐわがんねとか、あとはバグがあったぜってな場合は掲示板にでも書いたってください。メールでもいいけども。