Tag: canvas Pagina 1 di 2

header

Come ritagliare foto automaticamente in maniera intelligente – con smartcrop.js

Nell’attività di design e sviluppo di siti o altre applicazioni web sarà capitato a tutti di dover ritagliare (fare il “crop”) di immagini dalle varie proporzioni per trasformarle…

jQJS
fai pubblicità su html5today.it
8-tutorial-corsosucreatejsunamacchininaappareperincantonelnostrogioco

Corso su CreateJS – Una macchinina appare per incanto nel nostro gioco

La seconda lezione del corso su CreateJS, la suite che aiuta a creare giochi in HTML5. Oggi impariamo come far apparire e come muovere uno sprite sul nostro canvas, controllandone il movimento con poche semplici funzioni JavaScript.

1346329577-hot

DRINKS Toolkit 1.0 la libreria JS per creare strumentazione online e widgets

DRINKS Toolkit è la libreria JS che unisce la facilità di sviluppo data dall’HTML e la potenza fornita dal nuovissimo e potentissimo HTML5 per realizzare pagine web dotate di widgets CANVAS per visualizzare dati in tempo reale o interfacciarsi attraverso manopole e bottoni

1341907183-hot

Snake Game: il gioco del serpentello con Canvas, jQuery e HTML5

Chi non ha mia giocato al serpentello sul suo vecchio Nokia alzi la mano! Snake è uno dei giochi più semplici eppure più addictive della storia dei video games – e in questo articolo vi presentiamo un tutorial che spiega per filo e per segno come crearne uno in HTML5 usando Canvas e jQuery

1340008569-hot

Kittydar, il radar per gatti con Canvas e HTML5

La fantasia dei developer spesso è inferiore solo alla presenza di foto di gatti e mici sul web. Unendo queste due inarrestabili forze e sfruttando la potenza di Canvas e HTML5 Heather Arthur ha creato un semplice e geniale software per riconoscere facce di gatti e altri felini domestici in una qualsiasi foto

1337934424-1

Illuminated.js: ogni cosa è illuminata… con HTML5

Gestire luci e ombre in una scena 2D non è un compito facile: farlo bene porta a risultati notevoli, creando immediatamente atmosfera e realismo. Illuminated.js è un rendering engine che consente di creare oggetti e sorgenti luminose nelle nostre applicazioni HTML5

1336639455-hot

Da Adobe Illustrator a Canvas con un click grazie ad Ai -> Canvas

Grazie al tag HTML5 canvas è possibile avere una tela sulla quale disegnare, animare, giocare e tanto altro. Vediamo in questo articolo un plugin per Adobe Illustrator che consente di trasformare illustrazioni e file in formato .AI in codice HTML5 e JavaScript

1334827718-hot

Canvace: piattaforma made in Italy per creare browser game HTML5

Il gaming HTML5 è ancora in un momento che potremmo definire pioneristico. Framework valide ce ne sono, come anche di inutili. Noi crediamo ci sia ancora spazio per fornire agli sviluppatori strumenti in grado di agevolare il loro lavoro, senza tarpargli le ali.

Canvace: piattaforma made in Italy per creare browser game HTML5

Il gaming HTML5 è ancora in un momento pioneristico. Framework valide ce ne sono, come di inutili. Per le engine più complesse è lo stesso. Crediamo ci sia ancora spazio per fornire agli sviluppatori strumenti in grado di agevolare il loro lavoro.

fai pubblicità su html5today.it
1326877096-framework-canvas-html5

Framework Canvas HTML5: ecco i migliori

Approcciarsi per la prima volta ai canvas potrebbe risultare abbastanza ostico. Una valida alternativa è sicuramente l’uso di un framework di sviluppo che ci aiuti con una sintassi e codice più semplice a sviluppare applicazioni in maniera più veloce e snella

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!

1319398034-hot

cwebgl. WebGL su tutti i browser, emulato con JavaScript e canvas

Sappiamo tutti quanto siano fantastiche e dirompenti le potenzialitgà di WebGL. Purtroppo sappiamo anche bene che pochi browser, per ora, supportano questa libreria di grafica 3D. Vediamo allora un sistema che emula WebGL per tutti grazie alla potenza di JavaScript, canvas e HTML5

1317761954-hot

wormz. Un esperimento in canvas e HTML5

Abbiamo già visto in passato delle vere e proprie opere d’arte realizzate con tecnologie HTML5. Questa volta vogliamo presentarvi un piccolo gioiello che abbiamo scovato in giro per il web e che dimostra come con tanta fantasia e un po’ di HTML5 si possano realizzare effetti davvero strabilianti

1315485256-1

Google Gravity: il grande G a pezzi

Chissà quante volte ci sarà venuta voglia di fare a pezzi il nostro computer o un sito che non fa quello che gli chiediamo. Oggi, grazie a Mr. doob, possiamo iniziare a farlo con Google. In questo fantastico esperimento vedremo come distruggere la homepage di Google – lasciandone inalterato il funzionamento

1314567369-1

Arte e HTML5: Canvas Cycle

Ricordate il color cycling? Magari molti non ne avranno sentito mai parlare ma tutti gli appassionati di videogiochi lo hanno visto almeno una volta, quando negli anni 80 e 90 era la tecnica per piccole animazioni senza eccessivo spreco di memoria e CPU. E oggi lo rivediamo in HTML5

1314565170-hot

Canvas e blur: ombre semplici e facili con canvas e HTML5

Vediamo un modo molto semplice e veloce di creare delle ombre con canvas e HTML5. Attraverso questo tutorial scopriremo un modo per far proiettare ad un qualsiasi oggetto disegnato su canvas la sua ombra, potendo giocare con la sfocatura e la prospettiva

1314567342-1

Arte e HTML5: Canvas Cycling

Ricordate il color cycling? Magari molti non ne avranno sentito mai parlare ma tutti gli appassionati di videogiochi lo hanno visto almeno una volta, quando negli anni 80 e 90 era la tecnica per piccole animazioni senza eccessivo spreco di memoria e CPU. E oggi lo rivediamo in HTML5

fai pubblicità su html5today.it
1314000729-hot

Polvere di stelle: NakshART.com, il planetario in HTML5

NakshART è l’ennesimo esempio delle fantastiche possibilità di HTML5: combinando geolocation, localstorage e soprattutto Canvas l’autore di questo eservizio in HTML5 è riuscito a creare un planetario completo di tutte le costellazioni del nostro cielo, completamente ruotabile e navigabile

Ball Pool: palle e bocce nel nostro browser

HTML5 consente possibilità infinite in svariati ambiti, dalla geolocalizzazione alla grafica. Vediamo Ball Pool e partiamo alla scoperta di un simpatico esperimento HTML5 con palle da biliardo che rimbalzano, girano e si scontrano sul nostro browser.

1309243726-600px-SVG-Logo2.svg

Lavorare in HTML5 e SVG files con Illustrator CS5

Dato lo sviluppo sempre più massiccio di HTML5 e CSS3, Adobe ha sviluppato un package di aggiornamento per poter creare pagine in HTML5 che lavori immagini vettoriali in SVG. Leggiamo come scaricarlo e vediamo il video per imparare ad usarlo immediatamente

1305532787-1

Ombre con i Canvas: il tutorial completo

HTML5 ha reso possibile una serie di effetti grafici prima possibili solo usando programmi quali Photoshop. Uno degli effetti più utili e utilizzati è aggiungere ombre a testi e scritte. Vediamo in questo tutorial come farlo usando canvas e le funzioni di disegno

1305014458-book

Page Flip – sfoglia le pagine web come un libro con HTML5

Sfogliare un sito web non è mai stato così facile e bello. In questo tutorial scopriremo come implementare sul nostro sito il Page Flip, ovvero una tecnica JavaScript che sfrutta il Canvas per creare in maniera cross-browser e senza Flash l’impressione di girare le pagine sul nostro sito

1302444265-Clipboard01

prototype4: uno shoot-em-up tutto scritto in HTML5 e JavaScript

Grazie a canvas, webgl e SVG la rivoluzione HTML5 sta investendo il mondo del gaming online e dei videogiochi sul web. Vediamo in questo articolo uno shoot-em-up che ci ripoterà all’epoca d’oro delle sale giochi quando l’unico obiettivo era sfuggire ai missili avversari e distruggere tutte le navicelle del nemico

Canvas tutorial: disegnare archi e grafici a torta con HTML5

Creare e mostrare grafici al volo è da sempre stata una delle esigenze principali della visualizzazione di dati su Internet. Se fino ad ora la soluzione ha quasi sempre richiesto l’utilizzo di Flash, grazie a Canvas e HTML5 adesso è tutto più semplice e diretto. Vediamo come.

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

Powered by