웹마스터 팁

  2. Support
  3. 웹마스터 팁

자바로 만든 퍼즐 겜^^;

2002.05.11 11:04

☆봄비ㆀ

여기 html 안먹네요? 분명히 'html사용'으로 했는데 안되여...ㅡ.ㅡ^

글을 첨 올리는 거라서..

밑의 소스를 한 번 실행시켜 보셈^^;

나름대로 신경써서 만든건데...

이제 시간 재는 걸 추가시켜야져...ㅡ.ㅡ;


<html>
<head>
<title>puzzle</title>
<script type = "text/javascript">
<!--
var puz = [[1,2,3,4],[5,6,7,8],[9,10,11,12],[13,14,15,""]];
var x, y, i, j, s1, s2, s3, s4, tmp;
var c1,c2, c3, c4;


function go(){
        p1.innerText = "5";
}



function change(c1, c2, c3, c4){
        tmp = puz[c1][c2];
        puz[c1][c2] = puz[c3][c4];
        puz[c3][c4] = tmp;
        in_puz();
}        

function sort(){
        for(i=0;i<30;i++){
                s1 = Math.floor(Math.random()*4);
                s2 = Math.floor(Math.random()*4);
                s3 = Math.floor(Math.random()*4);
                s4 = Math.floor(Math.random()*4);
                tmp = puz[s1][s2];
                puz[s1][s2] = puz[s3][s4];
                puz[s3][s4] = tmp;
        }
        in_puz();        
}

function puzzle(x, y){
        if(x>0&&puz[x-1][y]=="") change(x,y,x-1,y);
        if(x<3&&puz[x+1][y]=="") change(x,y,x+1,y);
        if(y>0&&puz[x][y-1]=="") change(x,y,x,y-1);
        if(y<3&&puz[x][y+1]=="") change(x,y,x,y+1);
}

function in_puz(){
        p1.innerText = puz[0][0];
        p2.innerText = puz[0][1];
        p3.innerText = puz[0][2];
        p4.innerText = puz[0][3];
        p5.innerText = puz[1][0];
        p6.innerText = puz[1][1];
        p7.innerText = puz[1][2];
        p8.innerText = puz[1][3];
        p9.innerText = puz[2][0];
        p10.innerText = puz[2][1];
        p11.innerText = puz[2][2];
        p12.innerText = puz[2][3];
        p13.innerText = puz[3][0];
        p14.innerText = puz[3][1];
        p15.innerText = puz[3][2];
        p16.innerText = puz[3][3];
        test();                
}
function test(){
        var k=1, test_num=1;
        for(i=0;i<=3;i++){
                for(j=0;j<=3;j++){
                        if(puz[i][j] == k++) test_num++;
                }
        }
        if(test_num==16)
                if(confirm("축하합니다! 퍼즐을 완성시켰습니다.n다시 하시겠습니까?")) sort();
        
}        
        
//-->
</script>
<style>
p{font-size:20pt;text-align:center;font-weight:bold;}
td{width:40px;height:40px;cursor:hand}
</style>
</head>
<body>

<table border = "5" cellspacing = "3" bordercolorlight="ddddff" bordercolordark="000088">
<tr>
<td onclick="puzzle(0, 0)"><p id="p1">1</p></td><td onclick="puzzle(0, 1)"><p id="p2">2</p></td>
<td onclick="puzzle(0, 2)"><p id="p3">3</p></td><td onclick="puzzle(0, 3)"><p id="p4">4</p></td>
</tr>
<tr>
<td onclick="puzzle(1, 0)"><p id="p5">5</p></td><td onclick="puzzle(1, 1)"><p id="p6">6</p></td>
<td onclick="puzzle(1, 2)"><p id="p7">7</p></td><td onclick="puzzle(1, 3)"><p id="p8">8</p></td>
</tr>
<tr>
<td onclick="puzzle(2, 0)"><p id="p9">9</p></td><td onclick="puzzle(2, 1)"><p id="p10">10</p></td>
<td onclick="puzzle(2, 2)"><p id="p11">11</p></td><td onclick="puzzle(2, 3)"><p id="p12">12</p></td>
</tr>
<tr>
<td onclick="puzzle(3, 0)"><p id="p13">13</p></td><td onclick="puzzle(3, 1)"><p id="p14">14</p></td>
<td onclick="puzzle(3, 2)"><p id="p15">15</p></td><td onclick="puzzle(3, 3)"><p id="p16"> </p></td>
</tr>
</table>
<br />
<input type="button" value="시작" onclick="sort()" />

</body>
</html>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
자동 팝업창띠우기 소스 [4] 이슈™ 2002.03.13
:: DB 필요없는 일정관리 .. 거창하게.. -.- [2] file 고전지기 2002.03.15
[자바스트립트]bidoo님의 레벨메타식 체크박스 보강 탐그루 2002.03.20
다이나믹 HTML 스크립트 - 간편 공지사항에.... [1] ▩윤미 2002.03.28
레이어의 상대위치 지정 방법(position:absolute에서...) [2] Legend 2002.03.29
[v]운영 체제별 다른 페이지 보여주기 -_-;v [3] ┏ⓩZion┛ 2002.03.30
[v]하나더! 해상도별 다른 페이지 보여주기 :+:zZion:+: 2002.03.30
[v]최근 업데이트 시간을 자동으로 나타내 보자! [3] :+:zZion:+: 2002.03.30
배너 링크를 바로 클립보드로 카피하기 [5] Legend 2002.04.01
조그만한창 열기. ^.^ [5] 아이쿠 2002.04.02
배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] 카멜롯™ 2002.04.04
자바스크립트 실행시점 Jacylee 2002.04.11
이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] 조해성 2002.04.25
웹브라우저, 언어, 운영체제 보여주기.. [3] 이동기 2002.04.29
타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] ▩윤미 2002.05.06
자바로 만든 퍼즐 겜^^; [8] ☆봄비ㆀ 2002.05.11
텍스트박스안에서 춤추는글자 [1] Anice 2002.05.16
글자가 커졌다가 작아졌다가.. [1] Anice 2002.05.17
링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] ▩윤미 2002.05.19
폼안의 텍스트 입력시 실시간 카운팅 ? [8] 카멜롯™ 2002.05.20
태그 쓰기