admin

Poligoni (stellati) – String Art

di admin
20 Giugno 202014 Febbraio 2021

Scegli il numero di vertici (fino a 16) e i salti tra le sequenze di chiodini da collegare… Vertici Salto 1 Salto 2

Poligoni regolari (stellati)

di admin
20 Giugno 202014 Febbraio 2021

Disegna i poligoni regolari da 3 a 36 lati. Quando il salto è maggiore di 1 si ottengono i poligoni stellati. Vertici Salto

Diagonali

di admin
19 Giugno 202014 Febbraio 2021

Disegna tutte le diagonali per i poligoni regolari da 3 a 36 lati. Lati

String Art

di admin
19 Giugno 202014 Febbraio 2021

Collega con filo tutti i 360 chiodini. Puoi scegliere il salto tra due chiodini consecutivi. Salto

L’oggetto windows permette di eseguire codice con intervalli di tempo specifici setInterval(funzione, millisecondi) Ripete per sempre: aspetta un certo numero di millisecondi ed esegue la… Leggi tutto »Temporizzazioni

Lanciare due dadi

di admin
17 Giugno 202031 Luglio 2023

const DNOME1="https://www.valcon.it/javascript/wp-content/uploads/dice-";

const DNOME3=".png";

const CNOME1="https://www.valcon.it/javascript/wp-content/uploads/";

const CNOME3=".gif";

f_dadi();

function f_dadi()

{

img_dado1=document.getElementById("img_dado1");

img_dado2=document.getElementById("img_dado2");

img_dec=document.getElementById("img_dec");

img_uni=document.getElementById("img_uni");

dado1=1+Math.floor(6*Math.random()); img_dado1.src=DNOME1+dado1+DNOME3;

dado2=1+Math.floor(6*Math.random()); img_dado2.src=DNOME1+dado2+DNOME3;

esito=dado1+dado2;

dec=Math.floor(esito/10); if(dec == 0) dec="null"; img_dec.src=CNOME1+dec+CNOME3;

uni=esito%10; img_uni.src=CNOME1+uni+CNOME3;

}</script>

rotate()

di admin
17 Giugno 202019 Giugno 2020

Il rettangolo nell’angolo viene ruotato più volte Il rettangolo al centro viene ruotato più volte

cs =document.getElementById("canvas1");

base =cs.width/2;

altezza=cs.height/2;

g2d=cs.getContext("2d");

g2d.fillStyle="red";

for(i=1; i <= 3; i++)

{

g2d.fillRect (0,0, base,altezza);

g2d.strokeRect(0,0, base,altezza);

g2d.rotate(Math.PI/6);

}

cs =document.getElementById("canvas2");

g2d=cs.getContext("2d");

g2d.translate(base,altezza);

g2d.fillStyle="red";

for(i=1; i <= 3; i++)

{

g2d.fillRect (-base/2,-altezza/2, base,altezza);

g2d.strokeRect(-base/2,-altezza/2, base,altezza);

g2d.rotate(Math.PI/6);

}

</script>

Lanciare un dado

di admin
17 Giugno 202031 Luglio 2023

const NOME1="https://www.valcon.it/javascript/wp-content/uploads/dice-";

const NOME3=".png";

img_dado=document.getElementById("img_dado");

codice=0;

gira =0;

function cambia()

{

if(gira <= 0)

{

clearInterval(codice);

codice=0;

}

else

{

dado=1+Math.floor(6*Math.random());

img_dado.src=NOME1+dado+NOME3;

gira--;

}

function parti()

{

if(codice == 0)

{

gira=3

codice=setInterval("cambia()", 500);

}

parti();

</script>

scale()

di admin
17 Giugno 202018 Giugno 2020

Il rettangolo nell’angolo viene scalato più volte (raddoppia le dimensioni) Il rettangolo al centro viene scalato più volte (raddoppia tutti i parametri, anche quelli negativi)… Leggi tutto »scale()

Trasformazioni

di admin
17 Giugno 202026 Giugno 2020

Per semplificare il disegno si può spostare / ruotare / ridimensionare il sistema di riferimento g2d.rotate(…) Ruota il sistema di riferimento attuale dell’angolo specificato g2d.scale(dx,dy)… Leggi tutto »Trasformazioni