Top

Facciamo Disegni Con Javascript: Harmony

front

Harmony è una meravigliosa web app scritta in javascipt che utilizza una tecnica chiamata “disegno procedurale“.

Armonia è stata sviluppata da Riccardo Cabello, un design/developer a cui piace sempre sperimentare le potenzialità del web, realizzando applicazioni web creative e stimolanti.

Armonia, il disegno procedurale

Il funzionamento dell’applicazione è molto semplice ma i risultati che si ottengono (oltre alla  gratificazione personale)  sono davvero magnifici e  gratificanti,  anche per chi come me con il disegno non è proprio propenso.

armonia

Una mia caricatura ottenuta con 3 minuti di applicazione.. Wow ..non sarò un disegnatore ma non me la cavo male:)

Una volta recatosi alla Home del sito, l’utente si trova davanti una schermata tutta bianca con un solo menù a tendina che consente di scegliere diversi pennelli con effetti grafici differenti.

Questi particolari strumenti di disegno utilizzano dei calcoli algoritmici noti come disegno procedurale. Questi calcoli creano complesse forme geometriche che poi possono essere associati a un pattern ed essere usati grazie a pennelli che noi andremmo ad utilizzare.

Come avrete intuito ogni voce del menù a tendina è un pennello che crea differenti forme geometriche o simula, ad esempio, un tratto di una penna stilografica e molto altro.

arteIn questo caso ho utilizzato tutti gli effetti disponibili creando un0 schizzo originale

Si parte quindi col  selezionare un pennello ed  iniziare a  scarabocchiare con il mouse. Le linee e le complesse forme creano degli schizzi sorprendentemente realistici con effetti tipo inchiostro davvero graziosi.

Non ha la funzionalità di annullamento (non è una mancanza) che lo rende simile ai tipi di  schizzi ad inchiostro nella vita reale.

Ho passato piacevoli minuti davanti a questa web app che è utilizzabile perfettamente anche attraverso dispositivi mobili come iPhone e  Android.

Per finire un’altra delle mie opere d’arte.. tutto merito dell’applicazione ci mancherebbe! :)

arte2

Un video dimostrazione per capirne il funzionamento:

email
Related Posts Plugin for WordPress, Blogger...

Non perdere l'opportunità di ricevere il meglio di Ziogeek!


Commenti


Fatal error: Uncaught Exception: 12: REST API is deprecated for versions v2.1 and higher (12) thrown in /home/ziogeek/public_html/wp-content/plugins/seo-facebook-comments/facebook/base_facebook.php on line 1273