数字順押しゲームを作ってみよう1

   2013/01/13

2013年が明け、早12日となりました。
毎度、管理人イガジーです。今年も当ブログのご愛読よろしくお願いします。

スマホの脳トレゲームで、数字順押し(数字探しとか、タッチナンバー等
呼び名は色々あるようです)が人気だそうです。
1から順に、数字をタッチしてゆくもので、その速度を競うようです。
↓のようなイメージのものです。これをJavaで作ってみましょう。

スマホアプリでは、5×5のものが多いようですが、まずは4×4で作ってみます。

画面の構成は、上部(BorderLayout.NORTH)にメッセージを表示するための
Labelを置き、中央部(BorderLayout.CENTER)には4×4のGridLayoutの
Panelを置いて、そこにクリック用のボタンを並べます。
下部(BorderLayout.SOUTH)には、再度プレイするためのボタンを置きます。
下部全体をボタンにするのが簡単ですが、見栄えを(少し)意識して
パネルを置いてから、その中にボタンを置くことにします。

レイアウトだけ作ると次のような感じになります。

import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.Frame;
import java.awt.GridLayout;
import java.awt.Label;
import java.awt.Panel;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

// 順押し、数字探し、Touch the Numbers
// https://play.google.com/store/apps/details?id=jp.tekunodo.ttn&hl=ja


public class ClickNumber extends Frame {
	private static final long serialVersionUID = 1L;
	Label sc;
	Button []nb = new Button[16];
	ClickNumber(){
		this.setTitle("Click N");
		this.addWindowListener(new WindowAdapter(){
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
		sc=new Label("click 1");
		Panel p1=new Panel();
		Panel bp=new Panel(new GridLayout(4,4));
		for (int i=0;i<16;++i) {
			nb[i]=new Button(Integer.toString(i+1));
			bp.add(nb[i]);
		}
		Button rst=new Button("Reset");
		p1.add(rst);
		this.add(p1,BorderLayout.SOUTH);
		this.add(bp,BorderLayout.CENTER);
		this.add(sc,BorderLayout.NORTH);
		this.setSize(200,250);
		this.setVisible(true);
	}
	public static void main(String[] args) {
		new ClickNumber();
	}
}

これを元に、処理を追加してゆきましょう。
続きは、明日。

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。