こんにちは(^O^)
今日は前回のプログラムの説明をしたいと思います。
難しいことはわからないので、
自分がわかる範囲でわかりやすくをモットーにしていきたいと思います(°∀°)b
では早速、はじめていきましょう。
１ typedef enum{
２ PlayStateChoose, //パネルの選択という状態
３ PlayStateChange //パネルの交換という状態
４ } PlayState;
５ @interface PlayViewController : UIViewController {
６ IBOutlet UIImageView *backView;
７ IBOutlet UIImageView *frontView;
８ IBOutlet UILabel *scoreLabel;
９ IBOutlet UILabel *timeLabel;
１０ PlayState state;
１１ BOOL isFinished;
１２ }
１３ @end
まず、１～４の列挙体の宣言の部分ははなにかというと、
コメントに書いてあるとおり、
PlayStateChoose はパネルの選択という状態
PlayStateChange はパネルの交換という状態
で、１０ではそれを使うために、PlayState型の変数stateを用意してます。
必要なときにstateを設定したり、参照したりしましょうね(^O^)
続きまして、BOOL型の変数のisFinishedは、このゲームは時間制限がありますので、
残り時間がなくなったときにここに「時間切れ」をあらわす値をいれてゲームが終了したことがわかるようにします。
時間がなくなったときに「YES」にします。
１ - (void)viewWillAppear:(BOOL)animated{
２ srand((unsigned)time(NULL));
３ state = PlayStateChoose;
４ isFinished = NO;
５ for(int y=0;y<6;y++){
６ for(int x=0;x<6;x++){
７ CALayer *layer = [CALayer layer];
８ layer.bounds = CGRectMake(0,0,42,42);
９ layer.position = CGPointMake(59+(42+1)*x,53+(42+1)*y);
１０ int dice = rand() % 5;
１１ NSString *layerName = [NSString stringWithFormat:@"panel-%d",dice];
１２ NSString *imageName = [layerName stringByAppendingPathExtension:@"png"];
１３ layer.contents = (id)[UIImage imageNamed:imageName].CGImage;
１４ layer.name = layerName;
１５ [backView.layer addSublayer:layer];
１６ }
１７ }
１８ }
さて、次はviewWillAppear:メソッドです。
２ のsrand～っていうのは、他の言語でもよく使われている。乱数を発生させるもの。
現在時間をtime()で取得して、乱数を作っています。毎回パネルをランダムに置くために使います。
３ は、さっき言ってたパネルの状態をあらわ数変数「state」は最初なので、パネルを選択するという状態にしてます。
４ isFinished は当然始めたばかりなので「Flase」です。
５，６は縦方向と横方向にパネルを敷き詰めていく、ループになってます。
７～１５は実際にパネルを置いていってる部分です。
そのうち、７～９はCALayer クラスのlayer メソッドを使って、レイヤを作成していて、
８はその位置と大きさをを設定してます。位置のｘ座標とｙ座標ははあとから設定していくので0にしてます。
パネルの画像は42ピクセルの正方形でしたね。それを設定してます。
９はループの変数ｘ、ｙを使ってlayerのpositionプロパティ（中心の座標）を設定していってます。
１０で０～４の５種類の数字がランダムで生成されるので、
１１では、"panel-1"やら、"panel-4"とかの文字列が作られるので、
１２でpngというのを見ればわかると思いますが、対応する画像ファイル名を生成してます。
１３ではそれをもとにして、UIImage オブジェクトを作って、layerのcontentsに設定しています。
１４で最後にレイヤの名前を設定します。初期ではレイヤの名前が付いていないようなので、ここで設定しています。
あとで、隣どおしが同じパネルかどうかチェックするためにつけてます。
１７はちょっと難しいんですが、backViewはマス目があるビューです。
backViewのlayerに対して、addSublayerメソッドを呼び出し、新しく作成したレイヤを追加することで表示できるようになるみたいです。
なんどかパネルを敷き詰めることが出来ました。
乱数を使ってるんで起動ごとに、パネルの配置がいろいろかわってることがわかると思います。
次回は、パネルを選択したり交換できるようになればいいなと思ってます。
次回もよろしくです。
ランキングに参加しています。下のクリックお願いしますー(*ﾟｰﾟ*)
今日は前回のプログラムの説明をしたいと思います。
難しいことはわからないので、
自分がわかる範囲でわかりやすくをモットーにしていきたいと思います(°∀°)b
では早速、はじめていきましょう。
１ typedef enum{
２ PlayStateChoose, //パネルの選択という状態
３ PlayStateChange //パネルの交換という状態
４ } PlayState;
５ @interface PlayViewController : UIViewController {
６ IBOutlet UIImageView *backView;
７ IBOutlet UIImageView *frontView;
８ IBOutlet UILabel *scoreLabel;
９ IBOutlet UILabel *timeLabel;
１０ PlayState state;
１１ BOOL isFinished;
１２ }
１３ @end
まず、１～４の列挙体の宣言の部分ははなにかというと、
コメントに書いてあるとおり、
PlayStateChoose はパネルの選択という状態
PlayStateChange はパネルの交換という状態
で、１０ではそれを使うために、PlayState型の変数stateを用意してます。
必要なときにstateを設定したり、参照したりしましょうね(^O^)
続きまして、BOOL型の変数のisFinishedは、このゲームは時間制限がありますので、
残り時間がなくなったときにここに「時間切れ」をあらわす値をいれてゲームが終了したことがわかるようにします。
時間がなくなったときに「YES」にします。
１ - (void)viewWillAppear:(BOOL)animated{
２ srand((unsigned)time(NULL));
３ state = PlayStateChoose;
４ isFinished = NO;
５ for(int y=0;y<6;y++){
６ for(int x=0;x<6;x++){
７ CALayer *layer = [CALayer layer];
８ layer.bounds = CGRectMake(0,0,42,42);
９ layer.position = CGPointMake(59+(42+1)*x,53+(42+1)*y);
１０ int dice = rand() % 5;
１１ NSString *layerName = [NSString stringWithFormat:@"panel-%d",dice];
１２ NSString *imageName = [layerName stringByAppendingPathExtension:@"png"];
１３ layer.contents = (id)[UIImage imageNamed:imageName].CGImage;
１４ layer.name = layerName;
１５ [backView.layer addSublayer:layer];
１６ }
１７ }
１８ }
さて、次はviewWillAppear:メソッドです。
２ のsrand～っていうのは、他の言語でもよく使われている。乱数を発生させるもの。
現在時間をtime()で取得して、乱数を作っています。毎回パネルをランダムに置くために使います。
３ は、さっき言ってたパネルの状態をあらわ数変数「state」は最初なので、パネルを選択するという状態にしてます。
４ isFinished は当然始めたばかりなので「Flase」です。
５，６は縦方向と横方向にパネルを敷き詰めていく、ループになってます。
７～１５は実際にパネルを置いていってる部分です。
そのうち、７～９はCALayer クラスのlayer メソッドを使って、レイヤを作成していて、
８はその位置と大きさをを設定してます。位置のｘ座標とｙ座標ははあとから設定していくので0にしてます。
パネルの画像は42ピクセルの正方形でしたね。それを設定してます。
９はループの変数ｘ、ｙを使ってlayerのpositionプロパティ（中心の座標）を設定していってます。
１０で０～４の５種類の数字がランダムで生成されるので、
１１では、"panel-1"やら、"panel-4"とかの文字列が作られるので、
１２でpngというのを見ればわかると思いますが、対応する画像ファイル名を生成してます。
１３ではそれをもとにして、UIImage オブジェクトを作って、layerのcontentsに設定しています。
１４で最後にレイヤの名前を設定します。初期ではレイヤの名前が付いていないようなので、ここで設定しています。
あとで、隣どおしが同じパネルかどうかチェックするためにつけてます。
１７はちょっと難しいんですが、backViewはマス目があるビューです。
backViewのlayerに対して、addSublayerメソッドを呼び出し、新しく作成したレイヤを追加することで表示できるようになるみたいです。
なんどかパネルを敷き詰めることが出来ました。
乱数を使ってるんで起動ごとに、パネルの配置がいろいろかわってることがわかると思います。
次回は、パネルを選択したり交換できるようになればいいなと思ってます。
次回もよろしくです。
ランキングに参加しています。下のクリックお願いしますー(*ﾟｰﾟ*)