Hello à vous les curieux !

J’espère que vous avez passé une bonne semaine, que vous vous êtes bien remis du numéro un peu triste de vendredi dernier, bref aujourd’hui on tourne la page avec ce numéro de “Vendredi c’est Graphism” spécial… html et notamment html5 ! En effet, l’actualité est riche cette semaine et vous le savez peut-être, j’ai pas mal travaillé avec Mozilla, fervent défenseur des technologies web, libres et ouvertes… Hier, je me suis dis qu’il était donc temps de faire un numéro spécial HTML5 ! :-)

Alors j’arrête tout de suite les puristes, je ne parlerai pas uniquement de créations réalisées avec HTML5, mais également de projets utilisant les technologies html modernes (par là pour savoir de quoi je parle).

Au programme cette semaine, de la typographie, de la visualisation de données, une interface tactile, une autre musicale, un visualiseur de skin Minecraft, la sortie du dernier Ubuntu et un wtf html très étrange !

Bon vendredi…et bon “Graphism” !

Geoffrey

Allez, c’est parti et on commence avec un jeu tout particulièrement créé pour les amoureux de la typo.. il s’agit de « Kern Type », un jeu pour tester vos facultées à régler le kerning (crénage en français) d’un mot. Un bon gros jeu de « geek » de typo en quelque sorte. Mais bon, avant tout, voici la définition du kerning

« Le crénage (kerning) ou réglage de l’Approche est l’ajustement de l’espace entre les lettres d’une police à chasse variable. Dans une police bien crénée, l’espace optique entre deux lettres est identique, quelle que soit la paire de lettres considérée. Dans une fonte de caractère créée dans les règles de l’art, le crénage est fait manuellement par le fondeur pour toutes les paires de caractères une à une. Dans le cas contraire, les logiciels de gestion de fonte peuvent le faire automatiquement, mais cela donne un moins bon résultat » [wikipedia]

Voilà le résultat visuel… j’ai essayé de bien créner, et sur d’autres, je me suis volontairement décalé pour vous montrer les différences. En attendant… vous pouvez vous amuser sur ce site !

source

Voici une interface Linux / HTML5 qui fonctionne en multi-touch et qui va vous permettre de lire vos flux rss sur écran géant ou simplement sur votre ordinateur. Réalisé par Pliage, Pascal Chirol et le talentueux Douglas Edric Stanley, le projet s’appelle “CITY MEDIA”. Né en 2009, ce projet est le fruit d’un travail collectif entre développeurs, artistes et opérateurs culturels, réunis par l’envie de repenser la place des médias dans la ville et d’en rendre l’usage plus immersif, plus humain et plus sensible.

Ce projet prend la forme d’un grand écran interactif tactile, installé dans l’espace public, qui peut être activé par plusieurs personnes à la fois, agissant de concert ou de manière indépendante. Ses contenus sont d’ordre informatif, culturels, touristiques, mais aussi artistiques, ludiques… Ce projet est inspiré d’une expérimentation menée à Helsinki. C’est un nouveau média urbain de communication, de service et d’échange entre les habitants et les visiteurs de la ville.

Et voilà le résultat ainsi que l’interface tactile géante !

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

source / source

On continue avec de la visualisation de données interactive et en html5 ! Créée par D3 (une société de production numérique basée à Sao Paolo), le projet Circiel Of Trust se base sur Google Plus et vous montre graphiquement votre réseau de relations ! C’est un moyen intéressant de voir la façon dont chaque personne est reliée à nous et ainsi, construire un schéma visuel de ce drôle d’environnement social qu’est Google Plus.

Si vous voulez tester, ça se passe sur circleoftrust

source

On enchaîne sur Plink, 100% musical et 100% html5 et qui se décrit comme une expérience musicale multijoueur avec une interface utilisateur assez simple et plutôt intuitive. Il vous suffit donc de cliquer et de déplacer votre souris pour générer des sons, (et pourquoi pas de la musique? ), tout ceci en temps réel et en ligne. Mais ce n’est pas tout, il faut savoir que sur Plink, vous n’êtes pas seul et vous allez pouvoir jouer de ces sons avec d’autres internautes connectés en même temps en ligne. À tester donc ! ;)

Cliquer ici pour voir la vidéo.

source

Vous n’êtes sans doute pas passé à côté du phénomène Minecraft, ce jeu qui vous plonge dans un monde créé dynamiquement et composé de cubes représentant du sable, des cours d’eau, de la pierre, des arbres, etc. Le concept de base est tel que le joueur peut modifier ce monde à volonté… un peu comme pour des legos ! Et bien, Djazz, un jeune développeur a créé ce “visualiseur” de personnage Minecraft. Vous allez pouvoir concevoir une petite image, la mettre en ligne sur le site et… voir votre personnage prendre vie, tout simplement !

source

Allez, on reste dans le jeu vidéo avec une grosse actualité également, il s’agit de Google qui lance un service intitulé “PlayN”, une plate-forme de développement pour les jeux qui génère du HTML5, du Flash, etc. PlayN est une bibliothèque multi-plateforme de jeu qui va donc vous permettre de créer un jeu basé sur un langage unique (du java) mais qui s’exécute en HTML5, Java, Android et Flash. L’idée de créer un langage unique pour diffuser son programme sur différentes plateformes sans se compliquer la vie n’est pas nouveau.. cependant, ici c’est Google qui s’en occupe et c’est orienté jeu vidéo ! Je suis donc très très curieux de voir ce que tout cela va donner !

Cliquer ici pour voir la vidéo.

Merci Sylvain

Hier la toute nouvelle version du un système d’exploitation libre, Ubuntu est sortie ! Et pour fêter cela, la société Canonical propose à tous les internautes de “tester” un peu cette nouvelle version, très visuelle, très graphique, mais directement… dans votre navigateur en html5 ! tester cette nouvelle version (allégée!) d’Ubuntu depuis votre navigateur.

Et pour le WTF de la semaine, il s’agit d’une expérience web, qui, même si elle n’est pas nouvelle, reste assez incroyable! Réalisé par un jeune russe, ce site vous propose du WTF en barre à grand coup de gif animés, d’interfaces modulaires, de radio boutons,  et ça se passe sur toliademidov.ru

Et pour le petit mot de la fin, je vous invite à aller encore plus loin dans le html5 et le graphisme avec notamment le site fabuleuxe de mrdoob.com, celui de chromeexperiments.com et également des demos.mozilla.org !

Excellente fin de semaine à toutes et à tous,

Geoffrey

Bonjour à toutes et tous !

Aujourd’hui c’est vendredi, et comme toutes les semaines, voici Vendredi c’est Graphism, la chronique graphisme, design, art et technologies de la création sur Owni.fr ! Au programme de cette semaine, du pixel en volume, du recyclage numérique, un jeu de société pour graphistes, des petits cubes virtuels qui rencontre l’univers des studios Ghibli, un doigt d’honneur pour soutenir un artiste Chinois, un long métrage sur Matrix et un WTF…mortel !

Bon vendredi et bon Graphism ! :-)

Geoffrey

C’est parti ! On commence la semaine avec la combinaison entre le pixel et la 3D. Egalement appelé «Voxel» ce système est une façon passionnante de représenter de l’image en pixels. Le travail de Shawn Smith va plus loin et étudie l’intersection glissante entre le monde numérique et la réalité. Plus encore, il tente de comprendre comment nous percevons la nature grâce à la technologie.

Partant du constat que les images de la nature présentée à la télévision ou sur un écran d’ordinateur ne sont en fait que de la lumière pixelisée (la trame télévisuelle en RVB), Smith recrée ainsi en trois dimensions des représentations sculpturales de ces images en deux dimensions.

source

C’est l’idée du jour, il s’agit du recyclage numérique ! Dumpster Drive est une application de partage de fichiers qui recycle des fichiers numériques. L’utilisation de déchets “nobles” pour en faire des créations, pour les recycler, pour leur redonner vie existe déjà avec les matériaux physiques. Et c’est sur ce même modèle que Dumpster Drive permet aux autres d’aller piocher dans votre “poubelle” dans les fichiers que vous supprimez sur votre ordinateur. Cela permet ainsi aux utilisateurs d’étendre le cycle de vie de leurs fichiers indésirables et de les transmettre à d’autres.

Cliquer ici pour voir la vidéo.

source | source

On enchaîne notre revue de la semaine avec un jeu de plateau pour graphistes & designers ! Intitulé «The Pitch», le mélange tombe parfaitement avec un équilibre entre graphisme et jeu de société. À l’heure actuelle, le projet en est à son stade de recherche de financements avec Kickstarter mais voici déjà les premiers principes.

Le concept: Tous les grands projets commencent par une chose: une bonne idée. Cette idée est la racine de toutes les créations. Penser le beau produit, imaginer la représentation d’une marque, réfléchir à l’auditoire, etc. En tant que designers, nous avons la capacité d’influencer le monde.

L’objectif: Communiquer les prémisses du graphisme et le rendre accessible à tous, en particulier aux non-graphistes, aux non-designers. L’idée est également de rassembler une communauté, de collaborer et d’inventer.

Le projet: Autour du jeu, chacun peut devenir designer, et rentrer dans la « pensée design ». Votre jeune frère, votre grand-mère qui ne peut pas cliquer sur une souris d’ordinateur ou de votre meilleur ami peuvent alors mettre en route une réflexion orientée design et amorcer un processus créatif.

source

La séquence “émotion” de cette semaine, j’aurais pu également la placer dans “art de geek” tellement la prouesse est impressionnante. Il s’agit de la reconstruction entière dans MineCraft des décors des différents animés des Studio Ghibli avec notamment les décors de “Mon Voisin Totoro”, “Laputa” ou encore “le Voyage de Chihiro”. C’est assez impressionnant, vraiment :-)

Cliquer ici pour voir la vidéo.

source

Hier, mes amis du FAT (free art & technology) qui ont présenté sur leur site un lien à glisser sur vos pages de sites internet. Il s’agit du bookmark “Fuck Off” pour soutenir l’artiste contemporain Ai Weiei qui lutte pour la liberté d’expression en Chine. C’est en apparence idiot, drôle, ça ne sert, à proprement parler, pas à grand chose si ce n’est à faire du fun, ça se teste directement ici.

Il y a quelques jours, Raphaël Hernandez et Savitri Joly-Gonfard ont sorti Kaydara, le fan-film inspiré de Matrix. Cette production française, d’une durée de 50 minutes réalisée pendant plus de 6 ans raconte l’histoire de Kaydara, un chasseur de prime dont la mission est de tuer l’élu ! Vous l’aurez compris, un film dans la veine matrix qui possède des scènes à couper le souffle !

Cliquer ici pour voir la vidéo.

source

Le gros gros WTF du jour s’appelle “Euthanasia Coaster” ! Ce manège de l’euthanasie est une machine polémique et hypothétique pour provoquer la mort sous la forme d’un roller coaster. Conçu, je cite, “pour que l’être humain perde vie avec élégance et euphorie”, le passager est soumis à une série de sensations uniques: de l’euphorie à l’hypnose, à la perte de conscience, et, éventuellement, la mort. Cette idée totalement “WTF” est réalisé par Julijonas Urbonas et Paulius Vitkauskas.

source

Merci encore à toutes et tous de répondre présent à ma chronique, vous m’écrivez souvent pour m’informer de vos projets ou me présenter des travaux d’artistes, de designers, c’est toujours un plaisir ! Je vous donne rendez-vous la semaine prochaine donc, et si mercredi 1 juin cela vous intéresse, je parlerai de Hacking et de design à l’Université Descartes à Paris. Bon week-end ! :-)