Tag: 3d

1343205181-hot

Trasformazioni 3D con CSS e HTML5

Ottenere effetti 3D sulle nostre pagine web, fino ad oggi, è stato sempre parecchio complicato, richiedendo plugin esterni come Flash o soluzioni complessi come WebGL. Vediamo invece come è possibile usare CSS per ottenere fantastici effetti 3D con pochissimo sforzo

fai pubblicità su html5today.it
1338881591-hot

WebGL + MIDI + HTML5 = Euphony e magia

Il genio dei web developer non finisce mai di stupire e grazie alla combinazione di vecchie e nuove tecnologie i risultati sono spesso a dir poco sbalorditivi. Oggi vediamo Euphony, un pianoforte WebGL su cui piovono le note colorate di pezzi MIDI processati in tempo reale.

Corso su WebGL – Disegniamo le prime geometrie con canvas e JavaScript

Nell’ultimo incontro abbiamo preparato l’ambiente che ospiterà il nostro spazio 3D, realizzando una semplice pagina web dove grazie a canvas di HTML 5 e qualche funzione javascript potremo ora disegnare il nostro primo triangolo ed il nostro primo quadrato!

1310979563-hot

GLGE: WebGL subito e per tutti, anche i developer più pigri

Nel nostro studio su WebGL stiamo scoprendo quanto questa tecnologia HTML5 sia fantastica e potente. Al tempo stesso però è evidente la complessità nell’utilizzo. Vediamo GLGE, una libreria JavaScript che porta la potenza di WebGL a tutti, anche ai developer più pigri

1310662133-hot

HTML5, WebGL e arte: quando il 3D incontra la web art

L’arte nell’epoca del web è qualche cosa di speciale e unica. Andiamo a scoprire dei veri piccoli capolavori realizzati attraverso l’utilizzo di WebGL, la nuova tecnologia HTML5 che porta nei nostri browser tutta la potenza del 3D e della grafica tridimensionale

Corso su WebGL – Inizializzazione di WebGL

Sesto appuntamento del corso WebGL, il contesto HTML che fornisce API di grafica 3D per i browser web. Inizializzazione di WebGL. Tutto parte dalle nuove specifiche HTML 5 che portano con se l’ormai noto Tag : vediamo come inizializzare e preparare la nostra pagina per ospitare i nostri progetti 3D.

1308692508-angry-birds

WebGL + gaming: 4 giochi in WebGL che vi lasceranno a bocca aperta

WebGL è ormai una realtà affermata e solida del web. Questa innovazione parte della tecnologia HTML5 ha portato il 3D sui nostri browser, aprendo possibilità assolutamente impensabili anche solo un anno fa. Vediamo una serie di giochi online che ci faranno rimanere a bocca aperta

Corso su WebGL – Pipeline di Rendering

Proseguiamo nel nostro corso di WebGL: oggi vedremo le pipeline di rendering, ovvero il processo che converte il nostro mondo virtuale da un ambiente tridimensionale ad un’immagine rasterizzata, da visualizzare cioè in un mondo bidimensionale come ad esempio lo schermo del nostro computer

1302440781-racer

Cube Racer: canvas e 3d per spostare cubi tridimensionali

La grafica 3d con HTML5 è ancora in fase embrionale ma ci sono già una serie di esempi che ne sfruttano bene quasi tutte le potenzialità. Ecco un semplice demo di creazione e movimento di un cubo tridimensionale in un’arena racchiusa da un muro virtuale

fai pubblicità su html5today.it

Corso su WebGL – 3D Math

Eccoci al quarto appuntamento del nostro corso su WebGL: oggi getteremo le ultime basi per partire poi alla scoperta delle caratteristiche e funzionalità di questa interfaccia di grafica 3d per il nostro browser. Affrontiamo insieme un po’ di sana matematica.

Corso su WebGL – Le basi del 3d (2 di 2)

Vediamo in questa secoda parte della lezione introduttiva a WebGL le basi relative ai concetti di camere, luci e texture. Dopo aver costruito queste fondamenta potremo finalmente iniziare la creazione dei nostri solidi e oggetti 3D con WebGL

Corso su WebGL – Le basi del 3d (1 di 2)

Prosegue il nostro corso su WebGL, dopo la parte introduttiva affrontiamo due lezioni per costruirci le nostre basi su 3D. Partiamo alla scoperta di solidi, spazio tridimensionale, mesh e tutti i concetti che ci serviranno per fruire appieno delle prossime lezioni

1300372898-1

Corso su WebGL – Introduzione

WebGL è un API che consente di usare il tag Canvas per generare e gestire grafica 3d direttamente nelle pagine web, interagendo anche con il DOM sfuttare l’accellerazione hardware dei dispositivi sui quali il browser è in esecuzione. Ecco il capitolo introduttivo del nostro corso.

1294478471-3d

Multiple shadows per creare un testo in 3D con CSS3 e HTML5

Creare effetti 3D era fino ad oggi prerogativa esclusiva di Flash o di soluzioni che utilizzavano immagini. HTML5 ha rivoluzionato anche questo: vediamo un tutorial per aggiungere il 3D alle nostre scritte

1289827195-31808052928-orig

HTML5 3D: altra fantastica applicazione dell’oggetto CANVAS

Voxels, un bellissimo esempio di Mr.doob in HTML5: una visualizzazione 3d interattiva e totalmente ruotabile di una scena composta da quadratini le cui potenzialità di estensione e sviluppo sono notevoli

Powered by