URLHunter를 만들어보자!!
정진경 ¶
http://joojis.net/urlhunter.php
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<script>
var maintimer=null;
var mop=new Array(40);
var hunter=20;
var time=0
var str;
function redraw(){
str="|||";
for(i=1; i<=40; i++){
if(mop[i]==1 || hunter==i){
if(mop[i]==1 && hunter==i){
str=str+'@';
}else if(mop[i]==1){
str=str+'a';
}else{ // hunter==i
str=str+'O';
}
}else{
str=str+'-';
}
}
location.href="./urlhunter.php#"+str+"||| time:"+(30-time);
}
function spawn(){
var temp=Math.floor(Math.random()*40)+1
if(mop[temp]!=0 && hunter!=temp){
mop[temp]=1;
}
}
function gametimer(){
var temp=Math.floor(Math.random()*10)+1;
if(temp<9){
spawn();
}
time++;
if(time<31){
redraw();
}else{
location.href="./urlhunter.php#Game Over";
pause();
}
}
function init(){
if(maintimer==null){
maintimer=setInterval("gametimer();", 1000);
}else{
alert("이미 실행중입니다.");
}
redraw();
}
function pause(){
clearInterval(maintimer);
maintimer=null;
}
function keyevent(){
switch(event.keyCode){
case 37: // Left
if(hunter>1){
hunter--;
}else if(hunter==1){
hunter=40;
}
break;
case 39: // Right
if(hunter<40){
hunter++;
}else if(hunter==40){
hunter=1;
}
break;
case 32: // Space Bar
if(mop[hunter]==1){
mop[hunter]=0;
}
break;
}
if(time<31){
redraw();
}
}
</script>
</head>
<body onload="init();" onkeydown="keyevent();">
<input type="button" value="pause" onclick="pause();"/>
<br/>
Hello, PHP On CentOS6! </body>
</html>
박정근 ¶
- The Hunter.html
<heml>
<head>
<title>The Hunter</title>
<script language ="Javascript" src ="URLHunterV1.js"></script>
</head>
<body onload ="replash()">
You should kill all the monsters.<br>
Your gun point is 'O' and Others are Monsters.
</body>
</html>
- URLHunterV1.js
MapLength = 50;
var replash = function(){
setInter = setInterval("URLChange();",100);
}
var CrtURL = (document.URL.indexOf('#') == -1)? document.URL+'#': document.URL.slice(0,document.URL.indexOf('#')+1);
var URLChange = function(){
if(map.peace){
clearInterval(setInter);
location.href = CrtURL + " You caught \'" + map.r.join('') + "\'";
alert("Press F5 to play again");
}else{
timer.templus();
map.makeS();
location.href = CrtURL + " "+timer.t +"|" + map.s.join('') + "|"+timer.t + " You caught \'" + map.r.join('') + "\'";
}
}
document.onkeydown = KeyInput;
function KeyInput(e){
var code = (window.event)? window.event.keyCode: e.which;
if(code == 39) map.H.right();
else if (code == 37) map.H.left();
else if (code == 32) map.kill();
}
function Timer(g){
this.t = g;
this.temp = 0;
this.templus = function(){
this.temp++;
if(this.temp%10 == 0)
this.t--;
if(this.t <= 0)
map.peace = true;
}
}
var timer = new Timer(30);
function Creature(){
this.right = function(){
this.where = (this.where+1)%MapLength;
}
this.left = function(){
this.where = (this.where-1<0)? (MapLength-1): this.where-1;
}
}
function Monster(w){
this.where = w;
this.alive = true;
this.randomMove = function(){
if (this.alive){
var t = (Math.floor(Math.random()*100)%3);
if(t==0)
this.right();
else if(t==1)
this.left();
}else{
this.where = -1;
}
}
}
function Hunter(w){
this.where = w;
}
Monster.prototype = new Creature();
Hunter.prototype = new Creature();
function Map(){
this.peace = false;
this.a1 = new Monster(Math.floor(Math.random()*MapLength));
this.a2 = new Monster(Math.floor(Math.random()*MapLength));
this.a3 = new Monster(Math.floor(Math.random()*MapLength));
this.a4 = new Monster(Math.floor(Math.random()*MapLength));
this.a5 = new Monster(Math.floor(Math.random()*MapLength));
this.H = new Hunter(Math.floor(Math.random()*MapLength));
this.r = new Array(5);
this.s = new Array(MapLength);
this.makeS = function(){
if((this.a1.where == -1)&&(this.a2.where == -1)&&(this.a3.where == -1)&&(this.a4.where == -1)&&(this.a5.where == -1)) this.peace = true;
this.a1.randomMove();
this.a2.randomMove();
this.a3.randomMove();
this.a4.randomMove();
this.a5.randomMove();
if (this.a1.alive) this.s[this.a1.where] = 'l';
if (this.a2.alive) this.s[this.a2.where] = 'i';
if (this.a3.alive) this.s[this.a3.where] = 'n';
if (this.a4.alive) this.s[this.a4.where] = 'u';
if (this.a5.alive) this.s[this.a5.where] = 's';
if(this.a1.alive) this.r[0] = '_'; else this.r[0] = 'l';
if(this.a2.alive) this.r[1] = '_'; else this.r[1] = 'i';
if(this.a3.alive) this.r[2] = '_'; else this.r[2] = 'n';
if(this.a4.alive) this.r[3] = '_'; else this.r[3] = 'u';
if(this.a5.alive) this.r[4] = '_'; else this.r[4] = 's';
if(this.H.where==this.a1.where)
this.s[this.H.where] = 'ⓛ';
else if(this.H.where==this.a2.where)
this.s[this.H.where] = 'ⓘ';
else if(this.H.where==this.a3.where)
this.s[this.H.where] = 'ⓝ';
else if(this.H.where==this.a4.where)
this.s[this.H.where] = 'ⓤ';
else if(this.H.where==this.a5.where)
this.s[this.H.where] = 'ⓢ';
else
this.s[this.H.where] = 'O';
var i=0;
for(i = 0; i<MapLength;i++){
if((i!=this.a1.where)&&(i!=this.a2.where)&&(i!=this.a3.where)&&(i!=this.a4.where)&&(i!=this.a5.where)&&(i!=this.H.where))
this.s[i] = '-';
}
}
this.deada1 = function(){ this.a1.alive = false; }
this.deada2 = function(){ this.a2.alive = false; }
this.deada3 = function(){ this.a3.alive = false; }
this.deada4 = function(){ this.a4.alive = false; }
this.deada5 = function(){ this.a5.alive = false; }
this.kill = function(){
if (this.H.where == this.a1.where) this.deada1();
else if(this.H.where == this.a2.where) this.deada2();
else if(this.H.where == this.a3.where) this.deada3();
else if(this.H.where == this.a4.where) this.deada4();
else if(this.H.where == this.a5.where) this.deada5();
}
}
var map = new Map()
map.makeS();
김수경 ¶
- url-hunter.html
<html>
<head>
<title>URL Hunter</title>
<script type="text/javascript" src="url-hunter.js"></script>
</head>
<body>
</body>
</html>
- url-hunter.js
var state = new Array();
var length = 50;
var time = 30;
var monsters = new Array();
var player;
var url;
var timer;
function init(){
//initialize map
for(var i = 0; i < length; i++){
state[i] = 0;
}
//create monsters
for(var i = 0; i < 4; i++){
monsters[i] = new Character((i*20)%length);
}
//create Player
player = new Character(length/2);
//getURL
url = location.href;
//Initialize timer
timer = setInterval("next()", 1000);
}
//Refactoring 필요
function next(){
for(var i = 0; i < )
time--;
draw();
}
function toString(){
var map = "";
//lenght 고칠것
for(var i = 0; i < length; i++){
switch(state[i]){
case 0:
map += "-";
break;
case 1:
map += "a";
break;
case 2:
map += "O";
break;
case 3:
map += "@";
break;
}
}
return map;
}
function draw(){
location.href= url + "#" + time + "|" + toString() + "|" + time;
}
function Character(index){
this.index = index;
}
Character.prototype.move = function(){
if(Math.random() > 0.5){
this.goLeft();
}else{
this.goRight();
}
}
Character.prototype.goLeft = function(){
this.index = (this.index == 0) ? length - 1 : this.index - 1;
}
Character.prototype.goRight = function(){
this.index = (this.index + 1) % length;
}
- url-hunter.css
아직 없음
김태진 ¶
<html>
<head>
<script>
var arr=new Array(40);
var hunter=20;
function firprint()
{
var i=0;
while(i<40)
{
arr[i]='-';
i++;
}
arr[hunter]='O';
makea();
continuePrint();
}
function continuePrint()
{
movea();
location.href="./URLHunter.html#|||"+arr.join('')+"|||time:";
}
function makea()
{
var a;
for(i=0;i<6;i++)
{
a=Math.floor(Math.random()*40);
if(arr[a]=='-') arr[a]='a';
}
}
function keyboard(){
switch(event.keyCode){
case 37: // Left
if(hunter>0){
hunter--;
if(arr[hunter]=='a') arr[hunter]='@';
else arr[hunter]='O';
if(arr[hunter+1]=='@') arr[hunter+1]='a';
else arr[hunter+1]='-';
}
continuePrint();
break;
case 39: // Right
if(hunter<40){
hunter++;
if(arr[hunter]=='a') arr[hunter]='@';
else arr[hunter]='O';
if(arr[hunter-1]=='@') arr[hunter-1]='a';
else arr[hunter-1]='-';
}
continuePrint();
break;
case 32: // Space Bar
if(arr[hunter]=='@'){
arr[hunter]='O';
}
continuePrint();
break;
}
}
function movea(){
var temp;
while(i<40)
{
temp=Math.floor(Math.random()*3)-1;
if(arr[i]=='a') {arr[i]='-'; arr[temp+i]='a';}
i++;
}
}
</script>
</head>
<body onload="firprint();" onkeydown="keyboard();">
<input type="button" value="pause" onclick="pause();"/>
<br/>
!!! 완성했다! </body>
</html>
