http://twistori.com/

Peut être connaissez-vous wefeelfine que je vous encourage vivement de découvrir, projet commencé il y a plusieurs années déjà et qui a toujours autant d’impact. Basé sur ce même principe, Twistori agrège toutes les tweets commencant par « I love », « i hate », « i believe… » avec une mise en page simplissime

http://www.happylander.co.uk/

Voilà un autre billet que j’aurai du rédiger il y a bien longtemps. Jim Hall, graphiste britannique, et également auteur du Isle of Tune a tenté de reproduire avec créativité certains effets notamment sur le lens flare qu’il a observé près de chez lui. Un effet saisissant de homepage pour son portfolio qui fait mouche, avec une ambiance sonore réussie.

(Précision : vieux billet de 2010) : NeuroProductions n’en est pas à son coup d’essai en matière de generative art, pourtant les dernières expérimentations avaient une approche plaisante. A découvrir.

http://www.neuroproductions.be/generative-art/a-take-on-generative-art

Infinite Creativity from Second Story on Vimeo.

http://secondstory.com/portfolio/works/infinite-creativity

Un projet réalisé par SecondStory pour Adobe avec leur participation destiné à l’origine pour le techmuseum : un mur interactif multitouch dans la plus pure veine de l’art génératif ou des travaux d’Eric Natzke. Des formes s’affichent sur le mur principal à la verticale, et les utilisateurs disposent de 4 petits écrans à plat multipoints pour interagir avec. Chaque écran a un menu radial pour changer la forme générée aléatoirement, et l’ensemble des interactions graphiques vient s’afficher sur le mur principal. Réalisé en Air, cette interface a un très bon répondant, et il faut plus de 10 doigts pour commencer à la faire ralentir. Graphiquement, c’est absolument superbe !

Cette installation dans le hall d’entrée de Max a eu une nouveauté : elle était interactive avec une application sur Android. (Je n’ai pas pu la tester, étant sous Iphone4..)

La Galerie Flickr

Petite démo en vidéo :

Une autre démo vidéo issue du channel MaxEvent :

Si vous faites du flash et que vous ne connaissez pas Erik Natzke, c’est une énooooorme lacune que je me fais un plaisir de combler au travers de ce résumé de présentation qu’il a faite à l’Adobe Max. Artiste programmeur, il travaille en maître sur flash depuis des années et a fait l’ouverture de la première Keynote avec la séance de livecoding. Pour commencer, une ou deux vidéos montrant le cadre de son travail, celle-ci issue d’une commande pour Wired :

Démarche, origine et intention

« Toujours garder un carnet de croquis sous la main » Il utilise énormément les temps de pause pour explorer des idées, dessiner des formes, en écrivant même le code parfois sur la feuille, manipuler les chiffres, cela l’aide à mettre en forme des structures, sous un aspect géométrique ou mathématique.

Dans sa pratique de flash, il allait jusqu’à tout créer sur la timeline à ses débuts. Il lui arrivait d’avoir une centaine de layers et de keyframes, il ne connaissait pas l’actionscript à l’époque mais pour lui l’important était de parvenir au résultat qu’il voulait.

Peindre avec des chiffres

Et petit à petit, en approchant l’actionscript, il a commencé à donner vie à ses formes : prendre des objets et leur donner des valeurs, jouer avec, ajouter des variables, pour leur donner du mouvement, changer les valeurs, leur rajouter des variations aléatoires, ajouter des duplications…

Il insiste sur le côté itératif de son travail, il revient régulièrement sur un ancien travail qu’il a pu faire dans le passé, mais en le faisant ensuite évoluer.

Inspiration et nature

Une des choses les plus importantes à ses yeux : il faut sortir dehors, explorer la nature, l’observer, et comprendre ce que l’on veut capter et en retenir. Il faut regarder les formes, les structures, couleurs autour de soi. Erik prends beaucoup de photos (beaucoup de macro de fleurs, de plantes, avec des flous de couleurs en arrière plan), avec son oeil de photographe, et observe la nature avec ses effets de matières, pour capter juste des choses qui vont l’inspirer

La deuxième étape est de faire rentrer tout ce qu’il voit et retient dans sa propre matrice, dans les maths, ces formes vectorielles, en tentant d’extraire ces couleurs pour les réinjecter dans son travail : redessiner ces formes, les adapter, les mélanger, les superposer, les et peindre avec, mélanger les couleurs, faire des itérations, les faire évoluer, revenir en arrière et faire évoluer le tout.

Son travail sur les rubans est disponible ici : http://www.natzke.com/source/

Travail sur la destructuration des photos.
Ce ne sont pas des objets générés abstraitement, mais selon un vrai système. Il choisit également ses couleurs, il les fait fleurir dans ses compositions.

Démarche et travail commercial

On peut selon Erik même apprendre d’un projet commercial comme celui une bannière usant de 3D, qui est devenue un vrai travail personnel car il a expérimenté de nouvelles notions en 3D. Il veut juste au final juste s’exprimer, et approfondir sa propre démarche même au travers de ses travaux de commandes.

« Ce que vous avez fait est ce que vous ferez » : ce qu’il a retenu de ses travaux commerciaux, c’est que pour un travail avec un client, d’autres viendront lui demander la même chose. La difficulté lorsqu’il a travaillé pour Nokia a été d’estimer la valeur de son travail pour une campagne. Toute une démarche.

Challenges techniques hors du flash

Ses premiers essais en flash consistaient à produire seulement des vecteurs et des couleurs simples dans un petit écran mais sortir ses compositions sur des millions de pixels en 300 DPI pour un très grès grand format (affichage, poster…), cela est devenu un vrai challenge. Faire 25 fois, ou 60 fois plus grand, ou créer une vidéo en HD ou chaque composition lui prendrait 2 semaines de calcul pour chaque exposition à produire. Des challenges à résoudre qu’il n’avait pas prévu. Surtout qu’il veut toujours recréer la même émotion produite avec le print qu’avec l’écran.

Ses expérimentations:
http://play.natzke.com/
Ses travaux sur Vimeo
http://vimeo.com/natzke
Sur Flickr :
http://www.flickr.com/photos/natzke/sets/

http://discoverdigitallife.com/

Interroger des milliers de personnes sur leur quotidien dans l’utilisation du digital au travers de la planète, c’est le défi relevé par TNS, avec une intéressante visualisation des résultats tout en flash sous forme de dashboard interactif. A découvrir.

http://www.adobemuseum.com/

Un musée des arts numériques annoncé ce matin par Adobe, qui a pour vocation de préserver des oeuvres numériques. Le résumé étant plutôt clair, je pousserais aujourd’hui la fainéantise jusqu’à faire une longue citation.

« L’Adobe Museum of Digital Media présentera des programmes et des oeuvres dans des domaines aussi divers que l’art visuel, le cinéma, la performance, le design, l’architecture et les médias sociaux. Il permettra à de nombreux conservateurs et artistes d’avant-garde de développer du contenu et des programmes. [...] Les oeuvres seront présentées dans un espace virtuel tirant parti de l’interactivité, de l’absence de frontières physiques et de l’accessibilité 24 heures sur 24, 7 jours sur 7 d’Internet. »

« Le musée est le fruit de la collaboration entre Piero Frescobaldi, cofondateur de unit9, une société de production numérique basée au Royaume-Uni, Filippo Innocenti, fondateur de la société britannique Spin+ et professeur de technologies architecturales à l’université Politecnico di Milano, l’agence de publicité Goodby, Silverstein and Partners de San Francisco et Adobe. »

C’es un bien beau projet collaboratif au final issu d’une initiative ambitieuse qui se lance enfin aujourd’hui, avec une ambiance en vidéo / habillage sonore qui fonctionne bien. Reste à observer son activité au fil des mois.

http://www.monet2010.com

Un site culturel celui du peintre Monet, mais réalisé avec quel talent ! Non seulement l’exposition donne envie mais le site devrait finir de vous convaincre d’y aller : réalisé entre Fabernovel et les84, c’est avec grand plaisir que l’on parcourt le site de l’exposition, avec une très belle frise chronologie, sur fond de ses oeuvres animées. A ne pas rater également, l’expérience ‘voyage’ qui propose une visite interactive de ses oeuvres mises en scène en vidéo. Un grand bravo !

http://www.hada-senka.com/index.html

Voilà une page amusante ! Cela nécessite de construire un site en flash qui imite quelque peu le html, mais l’effet est là : cliquez sur la deuxième entrée du menu de gauche, et… surprise !

« ooooooohhhh !!! Sugoiiiiii ! « 

http://www.jayjays.com.au/danceoff/
Le JayJay dance off qui date un peu mais j’avais bien aimé l’arrêt sur image interactif….

http://discover.sonystyle.com/piiq/#/product/giiq-2
…. qui est assez similaire au site de Sony avec ses casques en vidéo, des points interactifs et possibilité de changer la couleur

http://www.apaka.com.pl
Le genre d’interface qui me plait toujours, reliant des éléments les uns aux autres visuellement comme un réseau de neurones.

http://www.uniqlo.com/luckymachine/uk/
Si j’aime moins les récentes campagnes de Uniqlo plus dans la mode du social media comme Lucky counter par exemple, celle-ci use bien des facebook pour se promouvoir, avec un flipper géant en 3D. Intriguant

http://www.tabio.com/jp/event/slideshow/
Belle utilisation de la vidéo au sein d’un univers plutôt réussi.

http://www.sony.jp/nav-u/tokyozoo/main.html
Si le projet de dessiner des animaux avec son parcours dans la ville aidé d’un GPS est amusant, la forme l’est tout autant, avec cette utilisation de Google maps au travers du flash.

http://www.anasomnia.com/
Une bien belle création étrange, où tout démarre lorsque l’on éteins la lumière…

http://jvsc.jst.go.jp/earth/bd/common/swf/deploy/
Un site sur la biodiversité : rien de spécial, mais en rentrant dans un élément j’ai apprécié la superposition des calques en perspective et leur mise dans l’espace.

http://hanabi.millionplay.jp/pc/top.html
Des feux d’artifices… à base de twitter !

http://shop.bals.co.jp/colorsearch.html
Des objets sautillants avec des filtres par couleur, on est bien sur un site japonais !

http://www.theatreproducts.co.jp/
un site en html-like, ou presque, mais l’effet de descente des layers est sympathique.

http://moebio.com/loveispatient/
Superbe animation de transition entre chaque visage !

http://www.converse.com/
Sélection de blocs de documents à base de couleur. Procédé intéressant de le porter sur un site corporate.

http://www.andymurray.com/#
Bonne fluidité et ambiance, je le trouve très réussi !

http://www.simppa.fi/asm10/spiralout/ est une expérience plutôt technique sur ce que peut faire le flash en terme de gestion de particules, d’effets 3D.. le tout dans un cadre poétique. Un peu long à consulter en entier mais certains passages sont bien réussis.

Je vous invite à consulter également le portfolio de son créateur, qui mérite le détour.

http://www.nomatter.eu (via lab9 )
Interface d’influence jeu vidéo, et son 8bit, avec des démos techniques en 3D.

http://www.staudinger-franke.com/ (via 03prod)
Manipulation de formes primitives avec effets de profondeur pour naviguer. Amusant.

Pour le plaisir des yeux, un petit bonus que je vous laisse découvrir : interface moins expérimentale, mais coup de coeur du jour !

http://www.raki-design.com/

Trouvé chez webkitchen.be dont la sélection vaut aussi le détour, le site de http://www.madeinme.com/ se présente comme un livre interactif pour enfant. Ce n’est pas tout à fait un jeu, mais il donne une approche ludique et pédagogique à du contenu (certes, payant). J’adore l’ambiance en tout cas !