chucky by @Codewith.it - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

getDefinisce un metodo di invio di dati al server
<canvas>Tag per disegnare grafica dinamica su pagine web.
<title>Definisce il titolo della pagina web.
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
Inserisce un commento nel codice
<h4>Titolo di intestazione di quarto livello

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

RICORDATI DI ME

esercizio_tabella.htm.

Ricetta Cous Cous

Calcolatrice Pitagora

La ricetta della torta della nonn

Reti Informatiche

Tabella base (lezione 10)

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
 
<div id="floor">
  
</div> 
 


<div id="block">
  
</div>

#parrot {
  background-image:url("https://codewith.it/game/chucky.png");
    width:300px;
  height:300px;
  background-size:150px;
  background-repeat:no-repeat;
}
#block {
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  left:0;
      width:150px;
  height:300px;
transform-origin: center center;
}
#floor {
  background:rgb(140,122,88);
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:54%;
}

var parrot = document.createElement("div");
parrot.setAttribute("id", "parrot");
var block = document.getElementById("block");
block.append(parrot);
var xpos,ypos,fly;
xpos=0;
ypos=0;
fly = false;
$(document).bind('keydown',function(e){
  
  //AVANTI
  if ( e.keyCode == "39") {
    if (!fly){
      $("#parrot").css({
        "background-image":"url('https://codewith.it/game/parrot_move.gif"}
                      );
    }
    $("#block").css({
      "transform": "rotateY(0deg)"}
                    );
    block.style.left = xpos+ "px";
    if (fly) {
    xpos+=11;
    }else {
    xpos+=6;   
    }
  }
  //INDIETRO
  if ( e.keyCode == "37") {
    if (!fly){
      $("#parrot").css({
        "background-image":"url('https://codewith.it/game/parrot_move.gif"}
                      );
    }
    $("#block").css({
      "transform": "rotateY(180deg)"}
                    );
    if (fly) {
    xpos-=11;
    }else {
    xpos-=6;   
    }
    block.style.left = xpos+ "px";
  }

  //FLY
  if ( e.keyCode == "38") {
    $("#parrot").css({
      "background-image":"url('https://codewith.it/game/parrot_fly.gif"}
                    );
    fly = true;
    ypos-=11;
    block.style.top = ypos+ "px";
  }
  
    if ( e.keyCode == "40") {
               if (ypos <= 0) {
    $("#parrot").css({
      "background-image":"url('https://codewith.it/game/parrot_fly.gif"}
                    );
    ypos+=5;
    block.style.top = ypos+ "px";
               }
      if (ypos >= 0) {
        fly = false;
      }
    }
});


$(document).bind('keyup',function(e){
  if (!fly){
    $("#parrot").css({
      "background-image":"url('https://codewith.it/game/chucky.png"}
                    );
  }
}
                );