guida canvas - indice - matematica con javascript su webfract

Contatti	MATEMATICA CON JAVASCRIPT INDICE GUIDA CANVAS

GUIDA A HTML5 CANVAS... PER CANI, GATTI E NON SOLO

Introduzione: per iniziare
Sistema di riferimento
Rettangoli e punti: metodi rect(), strokeRect(), fillRect(), clearRect()

Percorsi: Archi, circonferenze - Metodo arc(x, y, r, inizio, fine); Metodi moveTo() e lineTo(); Metodo beginPath(); Metodo closePath()
Funzioni di testo: Metodo strokeText(); Metodo fillText(); Posizionare il testo in orizzontale; Posizionare il testo in verticale; Proprietà font; Metodo measureText()
Colori: Come colorare; I nomi dei colori; Codice RGB; Codice RGBA; Codice esadecimale; Colorare una scritta; Ombreggiare una scritta; Gradiente lineare
Trasformazioni geometriche: Metodo translate(); Metodo scale(): variazioni di scala rispetto a
Origine assi cartesiani
Punto qualunque; Metodo rotate(): ruotare intorno a
Origine assi cartesiani
Punto qualunque; Metodo transform()
Immagini: Inserire un'immagine già presente nella pagina web; Inserire un'immagine non presente nella pagina web

SEZIONE PROVA TU - TUTORIAL PER

✬ ✬ ✬ ✬ ✬ CREA I TUOI COLORI

USO DEL METODO arc()

USO DEL METODO beginPath()

USO DEL METODO closePath()

USO DEL METODO moveTo()

USO DEI METODI moveTo() e lineTo()

COSTRUIRE UN POLIGONO

COSTRUIRE UN RETTANGOLO

USO DEL METODO clearRect()

IMPARARE LE TRASPARENZE

USO DEL METODO createLinearGradient()

USO DEL METODO scale() rispetto a: origine - punto qualsiasi

COSTRURE UN sistema di riferimento cartesiano

USO DEL METODO rotate()

USO DEL METODO transform()

LINK UTILI

w3schools: di forma sintetica ed efficace, offre una sintesi dei principali comandi con esempi e sezioni fai da te

MDN, Mozilla Developer Network. Offre un tutorial chiaro e graduale adatto per iniziare.

SUPPORTA QUESTO SITO

GUIDA AL LINGUAGGIO HTML

HOME

APPLICAZIONI DEI METODI...

translate(): Riferimento cartesiano ortogonale
scale():: Ellisse dati fuochi e distanza costante; Ellisse dati i semiassi; Omotetie applicate a un quadrato trasparente; Una pila di gufetti; Semplici scritte 3D
transform():: Trasformiamo uno smile; Trasformiamo un'immagine

PROGRAMMI CHE FANNO USO DI CANVAS NEL NOSTRO SITO

Poligoni regolari: Primo metodo di costruzione; Tutorial; Secondo metodo di costruzione; Tutorial

Inscrivere un poligono regolare in un poligono regolare:: Primo metodo; Tutorial; Secondo metodo; Programma interattivo e animazioni; Tutorial

Vortici di poligoni regolari:: NUOVO! Definizione e programma interattivo; NUOVO! Vortici di poligoni e spirali logaritmiche; NUOVO! Vortici di poligoni e spirali logaritmiche: dimostrazione

Fiori geometrici: Stelle fiori e poligoni distorti; Curve rodonee; Cardioide; Chiocciola di Pascal (limaçon); Rose a n petali; Sommario

Frattali: Insieme di Mandelbrot; Scopri i colori dell'insieme di Mandelbrot; Albero frattale di Pitagora; Albero di Natale frattale; Triangolo di Apollonio; Insiemi di Julia; Spirali frattali

Simbolo Yin Yang

Costruirlo passo per passo

Cuore

Un cuore come inviluppo

Cuore creato da un'equazione

Butterfly Curve

Spiegazioni
Prova online

Equazioni e curve parametriche interattive

Introduzione

Esempi di curve parametriche Studia le curve anche nei piani ty e xt

Secondo esempio di curve parametriche

Curve di Lissajous

Esempi

Spirali

NUOVO! Spirale archimedea

Moltiplicazione vedica o giapponese online

Spiegazioni

Prova online

Moltiplicazione tradizionale grafica

Spiegazioni

Prova online

Confronta i bmi ricavati con la formula di Trefethen e di Quetelet

Calcola online il tuo peso forma

NUOVO! Rapporto aureo

[1] - Costruzione geometrica della sezione aurea di un segmento

[2] - Costruzione geometrica di un segmento data la sua sezione aurea

[3] - Costruzione geometrica di un rettangolo aureo

[4] - Rappresentare un rettangolo aureo su uno schermo grafico

[5] - Proprieta' del numero aureo e piano cartesiano

[6] - Proprieta' fondamentale del rettangolo aureo

[7] - Introdurre un procedimento iterativo

[8] - Approssimazione del rettangolo aureo mediante una sequenza di quadrati

[9] - Provare la costruzione passo per passo o animata

[10] - Costruire il nautilus

[11] - Il modo più semplice per costruire il nautilus con riga e compasso

Prova tu: rettangolo aureo

Cosa si nasconde dietro la croce dei templari? - Due tipi di croce templare costruiti passo per passo

MATEMATICA CON JAVASCRIPT