Archive for the 'Design et Flash' Category

Interactions, jeux, vidéo et 3D chez Coraline

coraline

Site de lancement du film Coraline, et je dois dire que le site est magnifique. Une superbe utilisation de la vidéo, mêlée à de la 3D en temps réelle, avec des navigations exploratoires, une gestion des premiers plans et paysages qui rappelle la technique utilisée par les vieux jeux vidéos 16/32 bits pour simuler le défilement d’un décor. Et le contenu est également riche : des petits jeux à la webcam, des choses à trouver un peu partout, à fureter. Superbe.

(Et merci Sara, tu as été plus rapide que moi sur le coup ;) )

eminem

J’en profite pour faire un petit focus pour citer ici un autre exemple d’une site comportant des pièces d’appartement en 3D avec un léger déplacement de la caméra. On avait vu Big And Small pour les petits ou Hapy Island , mais le site du dernier album d’Eminem, réalisé avec la dernière branche pour Flash 10 d’Away3D avec http://www.therelapse.com/#/?room=entrance réalise également une belle performance. Réalisé en 3 semaines à deux personnes.


Environnements en vue 2.5D ou 3D en flash

ville

Le blog Dzineblog vient de produire une très belle collection de sites en flash proposant une vue du ciel, à 45° ou de profil qui introduisent une dimension d’espace et d’environnement. J’en avais déjà relevé ou vu certains, mais comme c’est le prolongement exact de ce que j’avais relevé en Asie plutôt avec une approche d’illustration et d’invitation à l’exploration à l’intérieur du site, je ne manque pas de le relever. Bonne lecture !

Comments are off for this post

Peindre à la voix, au doigt et à la souris

voz

Devozasuaimaginacao.com fait parti de ces trop rares sites dont l’utilisation du micro fonctionne. La souris dessine la forme et la voix donne l’intensité du pinceau, afin de créer des compositions colorées, avec des gammes de couleur variées. Une expérience qui ne manque pas de souffle.

Merci Trick7 pour la trouvaille. Il fait d’ailleurs référence à l’un de ses articles sur Cbcnet retracant l’utilisation du micro pour aller plus loin dans l’interactivité. Il met en parallèle des points communs entre des travaux de Yugop avec son travail « Border » basé sur le déplacement de la souris à pencil generator assez amusant, jusqu’à l’éditeur de niveaux dans un style ‘line rider’ au micro, beaucoup plus amusant : l’animation se joue, se déforme ou évolue avec un déplacement de souris.. ou bien à l’intensité de la voix au micro.

youpi

Comments are off for this post

Une visionneuse en flash à 22 entrées et plus…

squarevisionneuse

Même si d’avoir des pages très chargées en Asie est un fait connu, je suis tombé par hasard sur la home des membres du site de Square-Enix (qui lance en réalité leur système d’avatar en 3D sur mobile prochainement…), et sur une visionneuse impressionnante : ce ne sont pas moins de 22 entrées sur tous les produits en un minimum d’espace au final qui apparait au survol de la souris sur l’image, avec une possibilité décuplée de.. je vous laisse compter.

Sans doute à rajouter dans la liste de Jacinthe sur les visionneuses.

Comments are off for this post

Uniqlo calendar : une mosaique vue du (gratte-)ciel

unicalen

Uniqlo Calendar : nouvelle session de Uniqlo, incontournable comme toujours. Un traitement graphique en vidéo en accéléré (avec une utilisation du flou « tilt shift » très couru ces derniers temps qui donne un effet de maquette à l’image), et une mosaique géante qui n’est rien d’autre… que le catalogue de la nouvelle collection de vêtements triés par couleur ! Créatif, inventif, et techniquement, comme d’habitude, sans reproches !

Comments are off for this post

Arkplus : dessiner c’est naviguer

chat

Encore un : Ark-plus.com utilise en parallèle d’un système de navigation traditionnel, celle bien connue du dessin de formes simples pour explorer leur site. Un système qui – s’il ne reste pas simple et clair au possible – peut finir par perdre l’utilisateur. Ce qui n’empêche pas d’avoir au final une appli de dessin qui permet sans relever le clic de souris de dessiner ce qui nous passe par la tête. Meoow…


Idées colorées ou quand le fond devient décor

ideas1

Je retombe sur le portfolio sorti il y a plus d’un an d’un designer argentin : http://www.ideaspixeladas.com/ qui utilise un rendu très soigné d’animation avec une vue presque « intérieure » pour créer une ambiance fascinante… simple et efficace. On en ferait bien des lampes tiens…


50 exemples de visualisation de données

visualisation

Les sites rassemblant de type de travail ne manquent pas (voire les galeries flickr) mais c’est l’occasion de relever un billet très complet sur différents exemples graphiques de visualisation de données, très à la mode ces dernières années chez webdesigndepot :
50 great examples of Data Visualisation

Je remettrais ce billet avec un autre qui pose la question : Is Information Visualization the Next Frontier for Design? . Partout où il y a des données (et des images, ou vidéos associées), un gros travail est réalisé sur la manière de les mettre en valeur. Cela va du travail de bestiario à la presse en ligne et ce, de différentes manières comme le souligne Benoit Drouillat avec l’exemple de L’information en ligne comme une mosaïque


Generative art et compositions graphiques en mouvement

curve

J’avais parlé de la dernière expérimentation sur les particules d’Eugene Zatepyakin (qui se trouve être une classe pour les jeux) trouvé sur son blog http://www.inspirit.ru/ et avec l’aide de Justin de http://blog.soulwire.co.uk/ (à voir également), mais il n’a pas réalisé que cela, et le reste de ses travaux en flash est particulièrement superbe, renouant avec les premiers travaux de Joshua Davis et de Jared Tarbell autour du Generative Art. Utilisant le flou, créant des jets de peinture dans l’espace, A voir en vidéo :

Curve and random style Tracker Painter from Eugene Zatepyakin on Vimeo.

Tracker Painter | motion and blur from Eugene Zatepyakin on Vimeo.

Tracker Painter | continues version from Eugene Zatepyakin on Vimeo.


Banana Café ou le contenu sur grand surface

bananacafe

http://www.bananacafe.com.br/ utilise un format de journal de presse pour s’exposer, avec toutes sortes d’objets à manipuler, de photos et de contenus interactifs. Une grand surface dynamique qui mérite le détour (à essayer, un petit tour en bus…), et l’effet 3D est presque un peu ‘too much’ ^