MyMouseRectifier - JavaScript

Cristina SichimColegiul National Ferdinand I, Bacau31 aug. 2020

Povestea noastră : Micul Felix vrea sa intre in "Clubul motanilor viteji". Pentru aceasta este supus unei incercari. Trebuie sa schimbe soarecii maro cu cei gri, urmând urmatoarele reguli: un şoarece maro poate face schimb cu pisica, numai daca aceasta este in dreapta lui si sunt separati de cel mult un soarece; un soarece gri poate face schimb cu pisica, numai daca aceasta este in stanga lui si sunt separati de cel mult un soarece. Click pe soarecele ce face schimb cu pisica.

Fereastra principală conţine gifuri în care şoarecii dansează şi două tabele. Primul tabel conţine patru colane:
Butonul HELP / NO HELP care permite afişarea/ ascunderea primei linii din cel de-al doilea tabel ce conţine indicaţii asupra modului de rezolvare
Lista derulantă din care alegem nivelul ( număr de forma 2k+1 reprezentând k şoareci maro, k şoareci gri şi o pisică)
Butonul Start joc ce nu poate fi apăsat decât dacă am ales nivelul
Ultimul buton poate se apasă atunci când dorim generarea soluţiei de către calculator.

Ultima linie din tabelul al doilea conţine o căsuţă text utilzată pentru afişarea numărului de mutări. Obiectele din fereastra principală sunt elemente HTML.

Intrucât trebuie să memorăm imaginile afişate pe ecran vom utiliza un vector de imagini.

MyMouseRectifier (implementare JavaScript)

<HTML><HEAD>
<TITLE>Catch the mouse</TITLE>
<SCRIPT>
foto=new Array();
a=new Array(22);
var i,j=0,soareci,inceput,p,gintervalid,gtime,poz=11,generez_eu=0;

foto[0]=new Image();
foto[0].src="E:/CRISTINA40/gifuri/mouse1.gif";
foto[1]=new Image();
foto[1].src="E:/CRISTINA40/gifuri/mouse2.gif";
foto[2]=new Image();
foto[2].src="E:/CRISTINA40/gifuri/felix1.gif";
foto[3]=new Image();
foto[3].src="E:/CRISTINA40/gifuri/felix2.gif";
foto[4]=new Image();
foto[4].src="E:/CRISTINA40/gifuri/felixanm.gif";
foto[5]=new Image();
foto[5].src="E:/CRISTINA40/gifuri/mouser.gif";

</SCRIPT>
<STYLE>
.bigcell {
BORDER-RIGHT: #aa9966 4px solid; BORDER-TOP: #aa9966 4px solid; BORDER-LEFT: #aa9966 4px solid; BORDER-BOTTOM: #aa9966 4px solid; BACKGROUND-COLOR: #aa9966; TEXT-ALIGN: center}

BODY {FONT-FAMILY: Verdana,Comic Sans MS,Arial}
H1 {FONT-FAMILY: Verdana,Comic Sans MS,Arial}
H2 {FONT-FAMILY: Verdana,Comic Sans MS,Arial}
H3 {FONT-FAMILY: Verdana,Comic Sans MS,Arial}
.msg {FONT-FAMILY: Verdana,Comic Sans MS,Arial}
capt1 {FONT-FAMILY: Verdana,Comic Sans MS,Arial}
capt2 {FONT-FAMILY: Verdana,Comic Sans MS,Arial}

BODY {MARGIN: 0px}

H1 {FONT-WEIGHT: bold; FONT-SIZE: 28pt; MARGIN-BOTTOM: 0px}
H2 {FONT-WEIGHT: bold; FONT-SIZE: 16pt; MARGIN: 0px}
H3 {FONT-WEIGHT: bold; FONT-SIZE: 8pt; MARGIN: 0px}
.msg {FONT-WEIGHT: bold; FONT-SIZE: 8pt}
.tab {CURSOR: hand}
.capt1 {FONT-WEIGHT: bold; FONT-SIZE: 10pt}
.capt2 {FONT-WEIGHT: bold; FONT-SIZE: 9pt}
.capt3 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: green; BACKGROUND-COLOR:white}
.capt4 {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: red}
.but{FONT-WEIGHT: bold; FONT-SIZE: 9pt; HEIGHT: 30px; BACKGROUND-COLOR: blue}

</STYLE>
</HEAD>
<BODY bgColor=#b0e080 onload=loadBoard(10)>

var gsize, gmoves;

function stopGame(){fldStatus.innerHTML = "";}

function tickTime(){ showStatus(); gtime++;}

function gata()
{// 1=gata, 2=blocaj, 0=nu-i gata
x=soareci;
nr=0;
for(i=11-x;i<=10;i++)
if(a[i]==1)nr++;
if(nr==soareci && a[11]==2) return 1;
else
    {
      //vezi daca nu te-ai blocat
      // caut pisica
       i=11-x;while(a[i]!=2)i++;
        return 0;}}

function showStatus()

{ if (inceput==0) fldStatus.innerHTML=" ";
else fldStatus.innerHTML = "Timp: " + gtime + " secunde Mutari: " + gmoves;
}

function animeaza(c,i,x)
{

   if(i<=10-x) {c.src=foto[2].src;a[i]=3;}
      else
          if(i<11) c.src=foto[0].src;
           else
               if(i<=11+x) c.src=foto[1].src;
                    else
                        if(i>11+x) {c.src=foto[3].src;a[i]=3;}

if(i==11) c.src=foto[4].src;

}

function Joaca(c,k)
{

if(inceput==0) alert("TREBUIE SA APASATI BUTONUL Start Joc");

else{ if( k<20 && a[k]==0 && a[k+1]==2)
             {
               a[k]=2;a[k+1]=0;
               p.src=c.src;c.src=foto[4].src;
               p=c;gmoves++;
             }
          else
              if( k<19 && a[k]==0 && a[k+2]==2)
               {
                 a[k]=2;a[k+2]=0;
                 p.src=c.src;c.src=foto[4].src;
                 p=c;gmoves++;
                     }
         else
             if(k>1 && a[k]==1 && a[k-1]==2)
                 {
                  a[k]=2;a[k-1]=1;
                  p.src=c.src;c.src=foto[4].src;
                  p=c;gmoves++;
                  }
       else
            if(k>2 && a[k]==1 && a[k-2]==2)
                 {
                  a[k]=2;a[k-2]=1;
                  p.src=c.src;c.src=foto[4].src;
                  p=c;gmoves++;          }
       }
if(gata()) {
            alert("Ai terminat! in "+gtime+" secunde"+" si "+gmoves+"mutari");loadBoard(10); p=s11;
            gtime = 0;
            gmoves = 0;
            ShowStatus();
            }}

function muta(k)
{
//soarecele de pe locul k face schimb cu pisica
switch(k)
{ case 1: Joaca(s1,1);break;case 2: Joaca(s2,2);break;
case 3: Joaca(s3,3);break; case 4: Joaca(s4,4);break;
case 5: Joaca(s5,5);break; case 6: Joaca(s6,6);break;
case 7: Joaca(s7,7);break; case 8: Joaca(s8,8);break;
case 9: Joaca(s9,9);break; case 10: Joaca(s10,10);break;
case 11: Joaca(s11,11);break; case 12: Joaca(s12,12);break;
case 13: Joaca(s13,13);break; case 14: Joaca(s14,14);break;
case 15: Joaca(s15,15);break; case 16: Joaca(s16,16);break;
case 17: Joaca(s17,17);break; case 18: Joaca(s18,18);break;
case 19: Joaca(s19,19);break; case 20: Joaca(s20,20);break;
case 21: Joaca(s21,21);break;
}alert("poz"+k+"");}

function genereaza(nivel,a,b){Anima();inceput=0;jumpa(nivel,a,b);}

<BR><BR> <TABLE cellSpacing=5 cellPadding=5 width="65%" border=6>
<TBODY><TR>
    <TD><INPUT TYPE="button" value=" HELP " onclick="Help()"</td>
    <TD><B>Numarul de soricei:</B>
      <SELECT id=level onchange=loadBoard(parseInt(level.value))>
       <OPTION value=3 selected>3</OPTION><OPTION value=5>5</OPTION>
       <SCRIPT>
         for (var i=7;i<=21;i=i+2)
          {document.write("<option value='" + i + "'>" + i + "</option>");}
        </SCRIPT></SELECT></TD>
<TD align=middle>
    <INPUT TYPE="button" value="Start Joc" onclick="Anima()"> </TD>
<TD align=middle><INPUT TYPE="button" value="Genereaza solutie" onclick="jumpa(1,1,4)"></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=5 cellPadding=5 width="65%" border=6>
<tr><td align=middle id="help" class=capt2></td></tr>
<TR><TD class=capt3>
<p> Micul Felix vrea sa intre in "Clubul motanilor viteji". Pentru aceasta este supus unei incercari. Trebuie sa separe soarecii maro de cei gri, urmand urmatoarele reguli:</p>
<ol ><li> Un soarece maro poate face schimb cu pisica, numai daca aceasta este in dreapta lui si sunt separati de cel mult un soarece
<li> Un soarece gri poate face schimb cu pisica, numai daca aceasta este in stanga lui si sunt separati de cel mult un soarece
</ol></TD><TR><td align=center id="fldStatus" class=capt2></td> </TABLE>
</SELECT><BR><BR><BR><IMG src="E:/cristina40/model.gif"> </CENTER></BODY></HTML>