Inizio gioco progetto di informati by @Sussel - Codewith.it

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

References

<tbody>Definisce il contenuto principale di una tabella.
methodDetermina il metodo di invio dei dati di un form al server
<label>Mostrare un testo di etichetta per un elemento di input.
formnovalidateImpedisce la convalida di un singolo elemento input
minlengthDetermina il numero minimo di caratteri per un elemento input
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input

Users

Log in to search for users

Explore

Find inspiration

Group 1 - Irregular Verbs

esercitazione n1

Esercizio 1 - 27/11

esercitazione 2

Esercitazione Esame

esercitazione n. 1

Real Word Counter JS

Immagine SEMI al FUTURO [Home]

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Inizio gioco progetto di informatica</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
      background: url(https://images.pexels.com/photos/695971/pexels-photo-695971.jpeg) no-repeat center;
      background-size: cover;
    }
    #cnv {
      background: transparent;
      display: block;
      margin: auto;
    }
  </style>
</head>
<body onload="main()">
  <canvas id="cnv" width="600" height="600"></canvas>

  <script>
    var canvas;
    var ctx;
    var fgcolor = "white";
    var flakes_num = 500; // Ridotto il numero di fiocchi
    var flakes = [];

    function main() {
      canvas = document.getElementById("cnv");
      canvas.style.width = "100vw";
      canvas.style.height = "100vh";
      ctx = canvas.getContext("2d");
      createSnowFlakes();
      setInterval(snow, 100); // Aumentato l'intervallo di tempo
    }

    function random(l, u) {
      return l + Math.random() * (u - l + 1);
    }

    function createSnowFlakes() {
      flakes = [];
      for (var i = 0; i < flakes_num; i++) {
        flakes.push({
          x: random(0, 600),
          y: random(0, 600),
          opacity: Math.random(),
          speedX: random(-1, 2), // Ridotto la velocità
          speedY: random(1, 3), // Ridotto la velocità
          radius: random(0.1, 1) // Ridotto la dimensione
        });
      }
    }

    function drawSnowFlakes() {
      for (var i = 0; i < flakes_num; i++) {
        ctx.fillStyle = "rgba(255, 255, 255, " + flakes[i].opacity + ")";
        ctx.beginPath();
        ctx.arc(flakes[i].x, flakes[i].y, flakes[i].radius, 0, Math.PI * 2, false);
        ctx.closePath();
        ctx.fill();
      }
    }

    function snow() {
      ctx.clearRect(0, 0, 600, 600);
      drawSnowFlakes();
      for (var i = 0; i < flakes_num; i++) {
        flakes[i].x += flakes[i].speedX;
        flakes[i].y += flakes[i].speedY;
        if (flakes[i].y > 600) {
          flakes[i].x = random(0, 650);
          flakes[i].y = -50;
        }
      }
    }

  </script>
</body>
</html>
<html>
 <head>
   <title>Esempio 1 Listener</title>
 </head> 
 <body> 
  <p> clicca su Start per inziare<p>
 <h1 id="titolo">
   START
 </h1> 
 </body> 
 <script type="text/javascript">

 function modifyText() {
   
   this.innerHTML = "Inserisci nickname: ";    
 }

 var el = document.getElementById("titolo"); 
 el.addEventListener("click", modifyText, false); 

 </script>
 </html>

h1{
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;  font-size: 20mm;
}