지에고

이제 처음 시작시 랜덤하게 배열시키도록하겠습니다.

아무렇게나 배열하게되면 안 풀리는 퍼즐이 될수도 있기때문에
MoveBlock을 반복문으로 돌려서 배열하도록 하겠습니다.

        private void setrandom()
        {
            for (int i = 0; i < 20; i++)
            {
                int ran = rand.Next(4);
                if (ran == 0)
                {
                    MoveBlock(1, 0);
                }
                else if (ran == 1)
                {
                    MoveBlock(-1, 0);
                }
                else if (ran == 2)
                {
                    MoveBlock(0, 1);
                }
                else if (ran== 3)
                {
                    MoveBlock(0, -1);
                }
            }
        }

    protected override void Initialize() 에 들어갈 함수입니다.
간단하게 20번 정도 랜덤으로 돌리게 해두었습니다.
총 0~4의 값을 랜덤으로 받아서 한칸씩 이동시키고 있습니다.

다음으로는 차례로 퍼즐이 맞았을경우 성공 창을 띄우겠습니다.
        Texture2D suc;
success시 나올 그림을 선언해주시구요~
            suc = Content.Load<Texture2D>("suc");
로드해주시구요~

이제 성공시 bool 자료형을 하나 사용하여 성공시에만 그림을 나타나게 하겠습니다.
먼저 그림이 완성되는 것을 판단하겠습니다.

        public void testsuccess()
        {
            int su =0;
            int suess = 0;
            for (int n = 0; n < 4; n++)
            {
                for (int m = 0; m < 6; m++)
                {
                    if (data[n, m] == su)
                    {
                        if (suess >= 22)
                        {
                            success = true;
                        }
                        suess++;
                    }
                    su++;
                }
            }
        }

protected override void Update(GameTime gameTime)
업데이트 부분에 위 함수를 추가 해줍니다.
매프레임 성공을 하였는지를 검사합니다
만약 성공했을 시에는 success = true ; 값으로 나타내줍니다.
이중 for 문을 이용해서 data배열 값이 차례대로 나열되어있는지를 검사하고
suess값을 1씩 더해서 그수가 차례대로 완성이된다면 true 값을 반환합니다.



success가 true가 되며 더이상 키 입력을 받지 않고 화면상에 성공창을 띄우도록 하겠습니다.
if (success)
{
spriteBatch.Draw(suc, new Vector2(20,50), Color.White);
}
Draw 부분에 위 if문을 추가하였습니다
success가 true 값이되면 20,50위치에 success그림을 호출합니다.
키입력 부분에는 if(!success) 거짓일 때만 먹히게 하면 됩니다. 한번해보세요^^

네 간단한 퍼즐게임을 만들어봤습니다.^^

다음에는 xna creators 있는 예제를 파보도록 하겠습니다.

MoveBlock(int dx, int dy) 함수를 이용해서 키보드에 따라 움직이는 퍼즐을 만들어보겠습니다.

가장먼저 키보드입력을 받아오도록 합시다.

protected override void Update(GameTime gameTime)
{
  // Allows the game to exit
   if (GamePad.GetState(PlayerIndex.One).Buttons.Back == ButtonState.Pressed)
      this.Exit();
   KeyboardState KeyboardState = Keyboard.GetState();//키보드상태
   if (KeyboardState.IsKeyDown(Keys.Left) && stopkeyboard.IsKeyUp(Keys.Left))
                {
                    MoveBlock(-1, 0);
                }
  if (KeyboardState.IsKeyDown(Keys.Right) && stopkeyboard.IsKeyUp(Keys.Right))
                {
                    MoveBlock(1, 0);
                }
   if (KeyboardState.IsKeyDown(Keys.Up) && stopkeyboard.IsKeyUp(Keys.Up))
                {
                    MoveBlock(0, -1);
                }
   if (KeyboardState.IsKeyDown(Keys.Down) && stopkeyboard.IsKeyUp(Keys.Down))
                {
                    MoveBlock(0, 1);
                }

키 입력에 따라 MoveBlock() 함수를 호출 합니다.
각 수에따라 위아래로 셀을 움직일 예정입니다.

키 입력 부분이 완성 되었습니다. 그럼 이제 MoveBlock 함수를 만들어 봅시다.

        public void MoveBlock(int dx, int dy)
        {
            bool bFind = false;//빈블럭 찾기
            int ex = 0;//빈블럭 좌표값
            int ey = 0;//빈블럭 좌표값
            for (int n = 0; n < 4 && !bFind; n++)
            {
                for (int m = 0; m < 6 && !bFind; m++)
                {
                    if (data[n,m] < 0)
                    {
                        bFind = true;
                        ex = m;
                        ey = n;
                    }
                }
            }
            if (ex + dx >= 6 || ex + dx < 0 || ey + dy >= 4 || ey + dy < 0) return;
            //만약 좌우 위아래 끝에 도달하면 움직이지 말고 리턴하라//
            data[ey, ex] = data[ey + dy, ex + dx];//
            data[ey + dy, ex + dx] = -1;//빈블럭과 움직인 셀을 바꿔줍니다.
        }

-1의 값을 가진 data[n,m] 의 값을 찾습니다.
찾은후 좌표값을 저장하고 MoveBlock시 들어온 인수를 더해서
-1을 가진 셀과 바꿔버리는 것입니다.

이렇게 하면 -1을 값을 가진 것은 그리지 않게 되고
data 값에 의해서 그림영역이 정해지기때문에 그림이 바뀌지 않고 그 위치로 바뀌게 됩니다.

네 다음 #3에서는 랜덤으로 배열하고 완성 시에 success 글을 출력하도록 하겠습니다.


%보너스

        private void setdivise()
        {
            graphics.PreferredBackBufferWidth = 240;
            graphics.PreferredBackBufferHeight = 160;
            graphics.ApplyChanges();
        }
화면 크기를 바꾼 함수입니다. 초기화 부분에 넣어두시면 됩니다.^^

간단한 퍼즐게임을 하나 만들어 보겠습니다.^^

조각 맞추기 퍼즐게임을 다들 잘 아시죠^^?
이미지는 이걸로 하겠습니다
가로 6칸 세로 4칸으로 구현하겠습니다.

게임을 어떻게 구현할지 간단하게 생각해보겠습니다.
1. 그림파일을 가져와 일정한 크기로 나열합니다.
2. 각 그림들을 내열할때 다중배열로 저장합니다.
3. Rectangle, vector2, int[][] 만 잘사용하면 금방 끝납니다^^

시작 하겠습니다.

가장먼저 초기 선언을 하겠습니다.

    public class Game1 : Microsoft.Xna.Framework.Game
    {
        GraphicsDeviceManager graphics;
        SpriteBatch spriteBatch;
        Texture2D bk;//배경그림
        const int bw = 40;//각 셀 사이즈 40*40
        int[,] data = new int[4, 6];//가로 6 세로 4사이즈
        int count = 0;//data배열에 값을 저장할 변수
        KeyboardState stopkeyboard;//키보드 중복 인식 방지



주석 참고 해주시구요~
가로 셀 6개 세로 셀 4개의 조각 퍼즐을 만들 생각입니다.
data[0,0] = 0; data[0,1] = 1;.... 이런식으로 지정할 생각입니다.




        protected override void LoadContent()
        {
            // Create a new SpriteBatch, which can be used to draw textures.
            spriteBatch = new SpriteBatch(GraphicsDevice);
            bk = Content.Load("bk");
            // TODO: use this.Content to load your game content here
        }

위와 같이 그림파일 불러와 주세요

다음으로는 초기화 부분입니다 각 셀의 정보를 가지고 있을 data 녀석에게 수치를 부여합시다.
각 수치에 따라 그림 위치가 정해질 것 입니다.

        protected override void Initialize()
        {
            // TODO: Add your initialization logic here
            for (int i = 0; i < 4; i++)
            {
                for (int j = 0; j < 6; j++)
                {
                    if (i == 3 && j == 5) data[i, j] = -1;
                    else data[i, j] = count++;
                }
            }
            setdivise();//화면크기 변경 무시하셔도 됩니다.
            base.Initialize();
        }

이중 for문을 이요해서 data[0,0]~data[3,5] 까지 0~22 의 수치와
마지막 셀에는 -1의 수치를 넣어주도록 합시다.
-1을 넣은 이유는 나중에 그릴때 빈 블럭(퍼즐조각의경우 빈블럭있음)을
그리기 위함입니다.

네 키보드 입력을 받아 이동할 MoveBlock(int x, int y)는 두번째 블로깅에서
올리도록 하고 이번에는 일단 지금 까지 작성한걸 출력해보도록 하겠습니다.
>

        protected override void Draw(GameTime gameTime)
        {
            GraphicsDevice.Clear(Color.CornflowerBlue);
            spriteBatch.Begin();
            for(int n=0; n<4; n++)
                {
	           for(int m=0; m<6; m++)
		  {
		    if(data[n,m] < 0)//-1은 그리지않음(빈블럭)
		      {
	              }
		    else{
	                   int cx = data[n,m]%6;(x셀의 좌표는 0~5까지)
	                   int cy = data[n,m]/6;(y셀의 좌표는 0,1,2,3까지)
                            Rectangle Clip = new Rectangle(cx * bw, cy *bw ,bw, bw);
                  spriteBatch.Draw(bk, new Vector2(m * bw,n *bw), Clip, Color.White);
			}
                    }
                }
             spriteBatch.End();
        }

draw 부분에 위와같이 작성하도록 합시다.
for문으로 각 셀의 데이터를 조사합니다
-1 일 경우 아무것도 하지 않고 else 일 경우에 그리도록합니다.
x좌표는 총 0~5까지니 6으로 나눈 나머지가 되겠구요
y좌표는 몫이 0~3 까지 나오게 합니다.
그림내부에 그릴 영역을 설정합니다(rectangle)
bw 는 각 셀의 크기 입니다.
cx,cy 좌표에 bw크기만큼 곱합니다. 그림의 좌표 값이 되겠구요 이미지 영역은 bw,bw 만큼 설정합니다.
마지막 이제 그리도록 하겠씁니다
spriteBatch.Draw(bk, new Vector2(m * bw,n *bw), Clip, Color.White);

아까 저장한 bk의 이미지에 위치는 각 셀의 data[n,m] 값을 가져와 설정하고
그림 영역은 셀이 저장하고있는 수치정보로 Clip(rectangle)을 설정합니다.

자 위와 같이 입력하셨으면 출력해보도록 하겠습니다.

다음은 키보드 입력을 받아 이동하는 함수를 하나 제작해보도록 하겠습니다.
3#에서는 랜덤으로 퍼즐을 나열하도록 해보겠습니다.