웹마스터 팁
자바로 만든 퍼즐 겜^^;
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>
글을 첨 올리는 거라서..
밑의 소스를 한 번 실행시켜 보셈^^;
나름대로 신경써서 만든건데...
이제 시간 재는 걸 추가시켜야져...ㅡ.ㅡ;
<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>
댓글 8
-
▩윤미
2002.05.15 10:56
-
지니하자
2002.05.31 08:11
다맞쳤따~~~~~~~ -
황명화
2002.06.07 17:55
우왕 신기하당 -
황명화
2002.06.07 18:01
원리를 모르겠넹... -
황명화
2002.06.07 18:05
그림퍼즐만드는 방법도 알려주세여......ㅠㅠ -
이준승
2002.08.06 22:12
그림 퍼즐... 만드는 방법 ^^;;
학교 레포트로 만든 건데... 그림 파일 불러서 사용한 것입니다.
큰 그림 파일 사용해서 나눠서 하는게 처음 목표였는데.. 분할된 파일로 구현한 겁니다.
한마디로 허접~~~^^;;
http://www.chollian.net/~but/home/apps/puzzle/15puzzle.html -
이준승
2002.08.06 22:16
http://www.chollian.net/~but/home/apps/package/package.html
하시면 비슷한 허접 게임 몇 개 더 있습니다. ㅡㅡㆀ
헉~~ 돌은 던지지 마시길..^^;;;; 후다닥~~333 http://junny.net -
에지
2002.12.09 17:57
엥-ㅁ-;; 수법이 안통하네-ㅁ-;;
왜 꼭 두개가 자리가 바뀌어서 나올까요? ^_^;;;
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 원하는시간에 팝업창을 띄우고 원하는 시간에 닫어뻐리는;; [2] | 키르(絶對) | 2002.06.13 |
| 부드럽게 스크롤바를 따라다니는..+_+ [6] | 키르(絶對) | 2002.06.13 |
| 플래쉬 효과나는 신비 메뉴 - -? *수정+카피라이터~ [17] | ▩윤미 | 2002.06.09 |
자바스크립트 이해하기...3
[1]
 | Eccen | 2002.06.05 |
| 서서히 이미지를 변경시켜주는 환상적인 룰오버효과 [7] | ▩윤미 | 2002.05.31 |
|
마우스에 축구공 따라다니는 자바 스크립트..
[6]
| MR.HMH | 2002.05.30 |
| 어설픈 링크방지[정확한 경로로 오세요] [5] | 이성영 | 2002.05.30 |
|
자바스크립트 이해하기...2
[1]
| Eccen | 2002.05.30 |
|
자바스크립트 이해하기...1
[13]
| Eccen | 2002.05.26 |
| 폼안의 텍스트 입력시 실시간 카운팅 ? [8] | 카멜롯™ | 2002.05.20 |
| 링크된 텍스르 마우스 오버시 그림이 변한다.(메뉴로도..) [1] | ▩윤미 | 2002.05.19 |
| 글자가 커졌다가 작아졌다가.. [1] | Anice | 2002.05.17 |
| 텍스트박스안에서 춤추는글자 [1] | Anice | 2002.05.16 |
| 자바로 만든 퍼즐 겜^^; [8] | ☆봄비ㆀ | 2002.05.11 |
| 타이틀바 도, 움직인다! 캬하! (상태바 아님) [10] | ▩윤미 | 2002.05.06 |
| 웹브라우저, 언어, 운영체제 보여주기.. [3] | 이동기 | 2002.04.29 |
| 이미지 오버랩 (속도 조절 가능, 이미지 갯수 제한 없음) [8] | 조해성 | 2002.04.25 |
| 자바스크립트 실행시점 | Jacylee | 2002.04.11 |
| 배너 링크를 바로 클립보드로 카피하기(Legend님꺼 보충) [3] | 카멜롯™ | 2002.04.04 |
| 조그만한창 열기. ^.^ [5] | 아이쿠 | 2002.04.02 |
단, 언제 사라질지는 모릅니다..
http://my.netian.com/~dong0987/study101.htm