OWNI http://owni.fr News, Augmented Tue, 17 Sep 2013 12:04:49 +0000 http://wordpress.org/?v=2.9.2 fr hourly 1 Vendredi c’est Graphism! S02E38 http://owni.fr/2011/10/14/special-html5-vendredi-c%e2%80%99est-graphism-s02e38/ http://owni.fr/2011/10/14/special-html5-vendredi-c%e2%80%99est-graphism-s02e38/#comments Fri, 14 Oct 2011 08:27:12 +0000 Geoffrey Dorne http://owni.fr/?p=83281

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

]]>
http://owni.fr/2011/10/14/special-html5-vendredi-c%e2%80%99est-graphism-s02e38/feed/ 7
Vendredi c’est Graphism ! S01E12 [spécial International] http://owni.fr/2010/10/29/vendredi-c%e2%80%99est-graphism-s01e12-special-international/ http://owni.fr/2010/10/29/vendredi-c%e2%80%99est-graphism-s01e12-special-international/#comments Fri, 29 Oct 2010 07:30:09 +0000 Geoffrey Dorne http://owni.fr/?p=34041 Bonjour à toutes et tous, ici Geoffrey qui vous présente Vendredi c’est Graphism! :-)

Vous l’avez peut-être remarqué, Owni s’est mis sous le signe de l’international avec Owni.eu. Et pour saluer cette bonne nouvelle, je vous propose un numéro spécial de Vendredi c’est Graphism! qui sera axé sur l’international et ouvert au multiculturel ! Cette semaine, les artistes viennent des quatre coins du monde pour notre plus grand plaisir. Italie, Angleterre, États-Unis, Japon, Brésil… C’est parti !

On commence notre petit aperçu de la semaine avec quelques superbes illustrations surréalistes par l’italien Alessandro Gottardo. Ce jeune illustrateur maintes fois primé  a commencé à dessiner quand il était enfant et à vite compris qu’il pouvait en faire son métier en travaillant sur la simplicité du dessin. Il a donc commencé réellement sa carrière à l’Istituto Europeo del Design à Milan puis dans les magazines italiens. Alessandro est ensuite passé par le Canada pour travailler sur des projets d’illustration. Il œuvre aujourd’hui dans une agence néerlandaise au Royaume-Uni. Un artiste européen & réellement talentueux que je vous invite à découvrir.

On passe de l’Italie à la Grande-Bretagne avec un designer aux mille et unes idées décalées et astucieuses, j’ai nommé Wilcox dominic. Ce designer a pour projet de concevoir un “petit quelque chose de créatif” chaque jour, et ce pendant 30 jours. À la maison, dans son studio, dans le train, etc. partout où il se trouve, Wilcox crée quelque chose de matériel, de conceptuel, de design. Il réalise tout ceci avec les moyens du bord et notamment les choses qu’il trouve autour de lui. Voici quelques réalisations qu’il s’est amusé à concevoir.

Cliquer ici pour voir la vidéo.

[source]

Toujours dans la culture anglo-saxone, voici une visualisation d’information sur la fortune de Marc Zuckerberg. Car oui, “un million de dollars n’est pas cool. Vous savez ce qui est cool? 6,9 milliards de dollars, ça c’est cool.” (ce n’est pas moi qui le dit). Cette petite infographie pose la question de ce que vous feriez si vous aviez la fortune de Zuck. Une fortune folle pour un projet fou.

[ source ]

On enchaine ensuite avec travail des deux suisses Martin Kovacovsky et Marius Hügli. Ces deux designers ont repris le principe de Camille Scherrer (mais si, rappelez-vous!) et ont réalisé un livre « augmenté » sur le thème de Dr Jekyll & Mr Hyde. Le résultat n’est pas une « incroyable surprise » mais s’avère être intéressant dans la façon dont il s’inscrit dans la continuité du livre en réalité augmentée. Je vous laisse découvrir le projet.

Cliquer ici pour voir la vidéo.

[ source ]

Toujours dans l’actu internationale de la semaine je souhaite vous présenter un artiste brésilien assez intéressant car il s’est amusé à retravailler un matériau assez vivant qui est… la planche de skateboard ! Afin de promouvoir un nouveau « Utra Skate Store », le designer Beto Janz a récupéré des planches de skate brisées, abimées, cassées et les a sculpté pour produire des crânes. Ces planches ont ensuite été déposées aux alentours des skate parcs et autres lieux de skate afin que quiconque rapportant une planche de ce type en boutique puisse recevoir un petit cadeau (un skate?).

On termine notre aperçu de la semaine avec un bon petit WTF qui nous vient… du Japon bien évidemment ;-) Il s’agit de compétitions de “Micromouse”, un genre de divertissement robotisé. Ce concours particulier est un concours de robot qui doit résoudre un labyrinthe en moins de cinq secondes.

Cliquer ici pour voir la vidéo.

Un petit mot de la fin, (français car il vient de moi :-p) je voulais vous remercier d’être présent pour notre petit rendez-vous hebdomadaire ! Par ailleurs, la semaine prochaine je serai aux États-Unis pour travailler, dans la Sillicon Valley pour être plus précis, et je risque de ne pas pouvoir assurer l’épisode 13 de Vendredi c’est Graphism! Je me rattraperai la semaine suivante, promis ! ;-) Sur ce soyez sages & ouvrez grand les yeux !

]]>
http://owni.fr/2010/10/29/vendredi-c%e2%80%99est-graphism-s01e12-special-international/feed/ 10