Actualité informatique
Test comparatif matériel informatique
Jeux vidéo
Astuces informatique
Vidéo
Télécharger
Services en ligne
Forum informatique
01Business
  


  


  Code jeux de Reflection compiler en HTML / Javascript

 

LOISIRS : augusto, 2 utilisateurs anonymes et 212 utilisateurs inconnus
Ajouter une réponse

 Mot :  Pseudo :  
Vider la liste des messages à citer  
 Page :
1
Auteur
 Sujet :

Code jeux de Reflection compiler en HTML / Javascript

Prévenir les modérateurs en cas d'abus 
n°857203
smed79
Posté le 02-06-2008 à 20:24:35  answer
Prévenir les modérateurs en cas d'abus
 

Bonjour,  :hello:
 Code pour un jeux de Reflection compiler en HTML et Javascript.

 Démonstration:
 http://sebdou.freehyperspace2.com/Escapa/index.htm

 Code:
 



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <!-- saved from url=(0035)http://www.iol.ie/~d​luby/escape.htm -->
 <!-- saved from url=(0037)http://www.xeron.org​/cosas/escapa.htm --><HTML><HEAD>
 <meta http-equiv="Content-Language" content="fr">
 <TITLE>DownDz.com | Play Free Game Escape  ;-)</TITLE>

 <META http-equiv=Content-Type content="text/html; charset=utf-8">
 <SCRIPT language=JavaScript type=text/javascript>

 isNS4 = (document.layers) ? true : false;
 isIE4 = (document.all && !document.getElementById) ? true : false;
 isIE5 = (document.all && document.getElementById) ? true : false;
 isNS6 = (!document.all && document.getElementById) ? true : false;

 var curX, curY, curX2, curY2, boxX, boxY, moving=0, touch=0;
 var gametime=0, started=0, speed;
 var starttime, endtime, finaltime=0; //pass finaltime to popup window to ask for initials
 var enemyxdir = new Array(1,1,1,1);
 var enemyydir = new Array(1,1,1,1);

 if (isNS4 || isNS6){
 document.captureEvents(Event.M​OUSEUP|Event.MOUSEDOWN|Event.M​OUSEMOVE);
 }
 document.onmousedown = start;
 document.onmousemove = checkLocation;
 document.onmouseup = stop;

 function startclock() {var today = new Date(); starttime = today.getTime();}
 function endclock() {var today = new Date(); endtime = today.getTime();}
 function calctime() {var time = (endtime - starttime - 0)/1000; return time;}

 function giveposX(divname) {
  if (isNS4) var posLeft = document.layers[divname].left;
  else if (isIE4 || isIE5) var posLeft = document.all(divname).style.pi​xelLeft;
  else if (isNS6) var posLeft = parseInt(document.getElementBy​Id(divname).style.left + "" );
  return posLeft;
 }

 function giveposY(divname) {
  if (isNS4) var posTop = document.layers[divname].top;
  else if (isIE4 || isIE5) var posTop = document.all(divname).style.pi​xelTop;
  else if (isNS6) var posTop = parseInt(document.getElementBy​Id(divname).style.top + "" );
  return posTop;
 }

 function setposX(divname, xpos) {
  if (isNS4) document.layers[divname].left = xpos;
  else if (isIE4 || isIE5) document.all(divname).style.pi​xelLeft = xpos;
  else if (isNS6) document.getElementById(divnam​e).style.left = xpos;
 }

 function setposY(divname, ypos) {
  if (isNS4) document.layers[divname].top = ypos;
  else if (isIE4 || isIE5) document.all(divname).style.pi​xelTop = ypos;
  else if (isNS6) document.getElementById(divnam​e).style.top = ypos;
 }

 function givesize(divname, dimension) {
  var divsize = 0;
   if (dimension == 'y') {
    if (isNS4) divsize = document.layers[divname].clip.height;
    else if (isIE4 || isIE5) divsize = document.all(divname).style.pi​xelHeight;
    else if (isNS6) divsize = parseInt(document.getElementBy​Id(divname).style.height + "" );
   }
   else if (dimension == 'x') {
    if (isNS4) divsize = document.layers[divname].clip.width;
    else if (isIE4 || isIE5) divsize = document.all(divname).style.pi​xelWidth;
    else if (isNS6) divsize = parseInt(document.getElementBy​Id(divname).style.width + "" );
   }

  return divsize;
 }

 // check to see if 'box' is touching 'enemy1'
 function checktouching(num) {

  var enemy = "enemy" + num + ""
  var difX = giveposX('box') - giveposX(enemy) - 0; // -0 converts to integer
  var difY = giveposY('box') - giveposY(enemy) - 0;

  // set touch = 1 if it is touching an enemy
  if (difX > (-1 * givesize('box', 'x')) && difX < givesize(enemy, 'x') && difY > (-1 * givesize('box', 'y')) && difY < givesize(enemy, 'y')) {
   touch = 1;
  }
  else touch = 0;

 }

 function movenemy(num,step_x,step_y){

  var enemy = "enemy" + num + ""
  var enemyx = givesize(enemy, 'x');
  var enemyy = givesize(enemy, 'y');

  if (giveposX(enemy) >= (450 - enemyx) || giveposX(enemy) <= 0) {
   enemyxdir[num] = -1 * enemyxdir[num];
   }
  if (giveposY(enemy) >= (450 - enemyy) || giveposY(enemy) <= 0) {
   enemyydir[num] = -1 * enemyydir[num];
   }

  var newposx = giveposX(enemy) + (step_x*enemyxdir[num]) + 0;
  var newposy = giveposY(enemy) + (step_y*enemyydir[num]) + 0;

  setposX(enemy, newposx);
  setposY(enemy, newposy);

  checktouching(num + "" );
  if (touch == 1) {
   stop(); reset();
   }
 }

 function movenemies() {

  gametime = gametime + 1

  if (gametime >= 0 && gametime < 100) speed = 80;
  else if (gametime >= 100 &&  gametime < 200) speed = 60;
  else if (gametime >= 200 &&  gametime < 300) speed = 40;
  else if (gametime >= 300 &&  gametime < 400) speed = 30;
  else if (gametime >= 400 &&  gametime < 500) speed = 20;
  else speed = 10;
  // window.status = "speed:  " + speed + "   gametime: " + gametime;

  movenemy(0,-10,12);
  movenemy(1,-12,-20);
  movenemy(2,15,-13);
  movenemy(3,17,11);

  setTimeout(movenemies,speed);
 }

 function start(e) {

  if (started == 0) { movenemies();  startclock();  started = 1; }

  curX = (isNS4 || isNS6) ? e.pageX : window.event.x ;

curY = (isNS4 || isNS6) ? e.pageY : window.event.y ;

  curX2 = eval(curX - 40);
  curY2 = eval(curY - 40);

  boxX = eval(curX - 20);
  boxY = eval(curY - 20);

  var boxleft = giveposX('box');
  var boxtop = giveposY('box');

  if (curX > boxleft && curX2 < boxleft && curY > boxtop && curY2 < boxtop) {

   moving = 1;
   setposX('box', boxX);
   setposY('box', boxY);

   if (isNS4 || isNS6){
   document.captureEvents(Event.M​OUSEMOVE);
   }
  }
 }

 function stop(e){

moving=0;
  if (isNS4 || isNS6){
  document.releaseEvents(Event.M​OUSEMOVE);
  }
 }

 function reset(e){

endclock();
  moving=0;
  if (isNS4 || isNS6){
   document.releaseEvents(Event.M​OUSEMOVE);
   }
  if (finaltime == 0) {
   finaltime = calctime();
   window.alert('Votre score est ' + finaltime + ' Segond !');
 //  var entername = window.confirm('Enter your name?');
 //   if (entername) {
 //   window.open("?" + finaltime,'winwin','width=300,​height=500,left=40,top=40,stat​us=1,resizable');
 //   document.location.reload();
 //   }
 //   else document.location.reload();
    document.location.reload();
   }
 }

 function checkLocation(e){

   curX = (isNS4 || isNS6) ? e.pageX : window.event.x ;

curY = (isNS4 || isNS6) ? e.pageY : window.event.y ;

   boxX = eval(curX - 20);
   boxY = eval(curY - 20);

  checktouching('1');

  if (moving == 1 && touch == 0){

    setposX('box',boxX);
    setposY('box',boxY);

    if (curY > 69 && curX > 69 && curY < 381 && curX < 381) return false;
    else stop(); reset();
  }

  else if (touch == 1){
  stop(); reset();
  }

 }

 </SCRIPT>

 <META content="MSHTML 6.00.2900.3268" name=GENERATOR></HEAD>
 <BODY text=#000000 bgColor=#cccccc leftMargin=0
 topMargin=0 marginheight="0"
 marginwidth="0">
 <DIV id=box
 style="LEFT: 205px; WIDTH: 40px; POSITION: absolute; TOP: 205px; HEIGHT: 40px; BACKGROUND-COLOR: #990000; layer-background-color: #990000">
 <TABLE height=40 width=40>
 <TBODY>
 <TR>

<TD> </TD></TD></TR></TBODY></TABLE​></DIV>
 <DIV id=enemy0
 style="LEFT: 270px; WIDTH: 60px; POSITION: absolute; TOP: 60px; HEIGHT: 50px; BACKGROUND-COLOR: #008844; layer-background-color: #008844">
 <TABLE height=50 width=60>
 <TBODY>
 <TR>

<TD> </TD></TR></TBODY></TABLE></DI​V>
 <DIV id=enemy1
 style="LEFT: 282px; WIDTH: 100px; POSITION: absolute; TOP: 330px; HEIGHT: 20px; BACKGROUND-COLOR: #FFF000; layer-background-color: #FFF000">
 <TABLE height=20 width=100>
 <TBODY>
 <TR>

<TD> </TD></TR></TBODY></TABLE></DI​V>

 <DIV id=enemy2
 style="LEFT: 70px; WIDTH: 30px; POSITION: absolute; TOP: 320px; HEIGHT: 60px; BACKGROUND-COLOR: #880088; layer-background-color: #880088">
 <TABLE height=60 width=30>
 <TBODY>
 <TR>

<TD> </TD></TR></TBODY></TABLE></DI​V>
 <DIV id=enemy3
 style="LEFT: 70px; WIDTH: 60px; POSITION: absolute; TOP: 70px; HEIGHT: 60px; BACKGROUND-COLOR: #000099; layer-background-color: #000099">
 <TABLE height=60 width=60>
 <TBODY>
 <TR>

<TD> </TD></TR></TBODY></TABLE></DI​V>
 
 
 <TABLE cellSpacing=0 cellPadding=0 border=0 width="458"><!-- row 1 -->

 <TBODY>
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD>
 </TD>

<TD>

</TD></TR><!-- row 2 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD></TR><!-- row 3 -->

 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD>

</TD></TR><!-- row 4 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD></TR><!-- row 5 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD>

  </TD></TR><!-- row 6 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD></TR><!-- row 7 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD>

 </TD></TR><!-- row 8 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD></TR><!-- row 9 -->
 <TR>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=50 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD width=57 bgColor=#000000 height=50>

<TABLE>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE>​</TD>

<TD>
 <P></P></B></B></B></BODY></HT​ML>




 Instruction:
 Cliquer sur le carré rouge et le déplacer
 aussi longtemps que possible sans
 touché par une forme et sans
 toucher les bords noir. ...

 regaler vous!

 Page :
1

Aller à :
Ajouter une réponse
  


  


  Code jeux de Reflection compiler en HTML / Javascript

 

Sujets relatifs
Email HTML.Une liste déroulante d'après une BDD en Javascript
Creation jeux videoquel est le rôle du caractère @ dans un code c/c++
Code pour repeter le menu, le corps etc.Demande d'un code
Probleme insertion code PHP.cherche code html fond texte
pb de code pour accéder à une BDD (ou un truc comme ça :D )Code html pour inserer une banière
le code de lecture video(avi,Mpeg)code html pour la musique on direct
pb pour compiler 
Plus de sujets relatifs à : Code jeux de Reflection compiler en HTML / Javascript

Les 5 sujets de discussion précédents Nombre de réponses Dernier message
Probléme d' installation Java 2 13-10-2008 à 20:59:58
demande aide pour theme Wordpress incomplet ! 3 02-06-2008 à 20:29:48
visual basic 1 02-06-2008 à 03:26:51
Problème pour mettre mon site en ligne 3 01-06-2008 à 17:47:33
CMS gestionnaire de contenu 5 07-06-2008 à 09:03:09

Recevez toute
l’actu du forum !