Jouer a « Hommage à New York » (HTML5)

///

//

« Hommage à New York » est un jeu de casse brique inspiré par Breakout.

Dans cette version, au lieu des casser des briques, le joueur doit détruire le code informatique à l’origine du jeu, qui finit immanquablement par s’arrêter de fonctionner lorsque des commandes essentielles au programme ont été supprimées. Un gros bouton rouge situé sur le pupitre de commande permet de rédémarrer le jeu.

« Hommage à New York » n’a pour unique but que sa propre destruction, il est impossible de réellement gagner. Le titre provient d’une sculpture auto-destructrice de Jean Tinguely et Billy Klüver présentée en 1960.

Le jeu a été réalisé en Javascript / HTML5 avec Processing.js .

////////////////////////////////////////////////////////////////////////////////

Play to « Hommage à New York » (HTML5)

////++

///

« Hommage à New York » is a breakout game inspired by Breakout.

In this version, instead of breaking bricks, the player must destroy the computer code behind the game, which inevitably ends by stop working when vitals commands have been removed. A big red button on the control panel is used to restart the game

« Hommage à New York » was solely designed to its own destruction, it is impossible to actually win. The title comes from a self-destructive sculpture by Jean Tinguely and Billy Klüver presented in 1960.

The game was designed using JavaScript / HTML5 with Processing.js.

Mécanisme Automatisé de Réponse Informatique et Analytique aux Neurasthénies Non-patriotiques des Electeurs

//

La cabine de confession citoyenne automatisée M.A.R.I.A.N.N.E. vous permettra de confier vos futurs choix électoraux à sainte Marianne, patronne de la république, mère aimante, compagne compréhensive et oreille du pouvoir.
Névrosé du vote utile au second tour, anxieux face à vos choix anti-patriotique à l’approche des élections ? Nos ingénieurs ont enfin la solution !
Issue de la haute technologie française de surveillance télématique ayant déjà fait ses preuves en Tunisie et en Egypte, la cabine de confession citoyenne automatisée M.A.R.I.A.N.N.E. conservera précieusement vos secrets électoraux les plus intimes.

//

//

Télécharger M.A.R.I.A.N.N.E.

Windows

Mac / osx

Configuration requise

-webcam
-Java installé
-Une carte d’électeur valide

M.A.R.I.A.N.N.E. a été présentée avec d’autres créations du Graffiti Research Lab France à l’occasion de la soirée “Aux urnes, et caetera” qui se tenait à La Cantine.

M.A.R.I.A.N.N.E. fonctionne à l’aide des librairies GLGraphics et OpenCV. 

Easy Subway Stickers Creator Creator est une application accessible en ligne qui vous permets de créer vos propres stickers à coller sur les plans du métro / RER Parisien afin de changer les noms des stations.

florentdeloison.fr/subwaystickers

Ce projet a été réalisé en collaboration avec Geoffrey Dorne au sein du Graffiti Research Lab France.

D’un point de vue purement technique, c’est aussi mon premier projet un tant soit peu abouti réalisé en HTML5 avec le prometteur processing.js.

//////

Easy Subway Stickers Creator Creator is a software available online that allows you to create your own stickers to hack the maps of the Parisian subway / RER and to change the names of the stations.

florentdeloison.fr/subwaystickers

This project was created with Geoffrey Dorne for the Graffiti Research Lab France.

///

Tag E.U.L.E. (Electronic Universal Language Expression ) est un dispositif où l’utilisateur est invité à parler dans un mégaphone, face à un mur, et ses paroles sont immédiatement interprétées et transformées en un graffiti projetés sur le mur par un vidéoprojecteur. Chaque lettres qui composent les graffitis proviennent d’une bibliothèque où les graphèmes, réalisés par Supakitch , sont classés par styles.

Tag E.U.L.E. (Electronic Universal Language Expression ) est à la fois un hommage ironique aux interfaces vocales, fantasme ridicule qui à longtemps alimenté l’imaginaire de la science-fiction, une réflexion sur les différents types d’expression populaire et urbaine et enfin une tentative de synesthésie entre l’oralité et l’écriture.
Ce projet est le fruit d’une collaboration avec Julien Gachadoat et Jérôme Saint-Clair au sein du Graffiti Research Lab France.  

//

Tag E.U.L.E. @ This place has no atmosphere, IMOCA, Dublin. from Graffiti Research Lab France on Vimeo.

Tag E.U.L.E. (Electronic Universal Language Expression) is an interactive installation where the user speak into a megaphone, facing a wall, and his words are immediately interpreted and transformed into a graffiti displayed on the wall by a projector.
Each letters of the graffiti come from a library where graphemes, made by Supakitch, are classified by authors or styles.

Tag E.U.L.E. (Electronic Universal Language Expression) is both an ironic tribute to speech interfaces, that has fueled for long the imagination of science fiction, a thought on the different types of urban and popular expression and finally an attempt to synaesthesia between orality and writing.
This project is a collaboration with Julien Gachadoat and Jérôme Saint-Clair in the Graffiti Research Lab France.

//

Bien avant la bataille du Centre Pompidou, j’avais commencé à mélanger Twitter et jeux vidéo dans Tweet Runner, un jeu de plate-formes où les niveaux et les ennemis étaient générés à partir des informations de votre compte twitter (messages, followers,…). Parallèlement à ce jeu, dont j’étais assez peu satisfait à la base, je réfléchissais à un projet de jeu collaboratif, où les joueurs utilisant des mots clés sur twitter (appelés également hashtags, et qui ont une grande importance dans l’écosystème Twitter ) pourraient commander un même avatar / personnage. Je me disais qu’utiliser les hashtag #gauche » et #droite, qui reviennent souvent dans des discutions à caractères politiques sur Twitter serait amusant. Dans cette première ébauche, les joueurs s’alliaient pour déplacer la planète terre afin d’éviter une météorite géante qui avançait de quelques pixels toutes les heures (!).

//

//

J’avais en tête ces parties de jeu, où enfant, l’on jouait à plusieurs avec une seule manette, chacun ayant une action ou un bouton qui lui était attribué. Le plaisir partagé de la coopération, chacun ayant un rôle à tenir, mais doutant tout de même de sa véritable utilité (Est ce moi ou bien l’autre qui a tué le ninja rouge?). Ce principe a été utilisé entre-autre sur Eggregor 8 (jusqu’à huit joueurs jouent simultanément avec la même manette), d’Antonin Fourneau et de Manuel Braun.

Une expérience de jeu collaboratif qui avait eu lieu au Siggraph en 2006 m’avait également largement inspiré. Le public disposait de raquette colorées qui leur permettait de jouer ensemble à Pong ou de dessiner sur une gigantesque ardoise magique .

Par ailleurs, j’ai gardé un excellent souvenir  de l’émission télévisée Hugo Délire (je vous vois sourire, mais sachez qu’à l’époque, ça en a fait rêver plus d’un!), où l’on interagissait (ou plutôt : tentait d’interagir ) avec un jeu par le biais des touches du téléphone (les possesseurs de téléphone à cadran ne pouvaient bien évidemment pas jouer…).

J’ai proposé ce concept de jeu via twitter à Gonzague Gauthier, community manager du centre Pompidou, qui cherchait de son côté à créer un événement autour de twitter pour la nuit des musées. Ainsi est né La bataille du centre Pompidou.

Le principe des mots clés utilisé pour commander le jeu est dérivé de Super Tetris Adventure, fortement inspiré par les interfaces en ligne de commandes et les jeux d’aventure en mode texte. Il s’agit de faire s’affronter le code, presque binaire, de la machine, et le langage humain, infiniment plus subtil, et de trouver une interface acceptable pour les deux parties. On vante souvent l’interactivité comme une démultiplication des capacités humaines, avec un arrière goût de divin (voir à ce propos la description hypocrite des programmeurs ou des hacker au cinéma) , mais finalement, l’interaction avec la machine nous impose une certaine forme de domination, une dictature de l’interface (non, nous ne sommes pas encore dans Terminator !). Il faut accepter les logiques de la machine (via son interface conçu par des humains ) si l’on veut espérer la contrôler. Sensation de contrôle qui s’avère en fin de compte bien illusoire…

Observer les mécaniques de groupes se mettant en place durant cette soirée aura été un vrai plaisir. Des leaders émergent, s’improvisant Napoléon d’un soir et criant des ordres de batailles (« tous à gauche! »), des non-joueurs participent et mettent à profit leurs neurones pour retrouver le nom des œuvres ou des artistes, on assiste à une forme d’intelligence collective (concept très à la mode ces dernières années, je vous le concède).

Le centre Pompidou, qui apparaît de manière symbolique dans le jeu est systématiquement détruit par les envahisseurs, a moins que les joueurs n’empêchent cette destruction en tuant les ennemis ou en retrouvant le nom des œuvres. Que le centre Pompidou s’effondre physiquement, et paradoxalement, les œuvres apparaissent et sont révélés au public.

La mécanique du jeu et sa thématique est bien évidemment un hommage au célèbre Space Invaders. Invaders de Douglas Edric Stanley, bien qu’éminemment plus politique, (et ayant connu par ailleurs une controverse assez stupide) et lui aussi inspiré par le jeu de Taito, m’aura aussi énormément marqué, notamment pour l’aspect « fataliste » du déroulement de l’action (quoique fasse le joueur, il ne peut pas influer réellement sur la finalité du jeu, seulement retarder l’échéance).

//

//

Au niveau visuel, les envahisseurs (poétiquement qualifiés de « méduses » par certains joueurs) sont accrochés à des câbles, j’avais envie de rendre visible les mécaniques du jeu, un peu comme si tout ce qui apparaissait à l’écran n’était qu’un bricolage, avec des câbles, du carton, des figurants, du théâtre, en somme. De la même manière, le canon est porté à bout de bras par des petit bonhommes qui finissent par tomber sous les coups adverses.

Un Arg (Alternate Reality Game ) a également été mis en place durant la semaine précédant l’événement, principalement sur Twitter, et avec au final un résultat plutôt mitigé. Les extraterrestres étant censés faire un long voyage avant d’arriver sur terre, je me suis dit que ça serait intéressant de brouiller le compte du Centre Pompidou avec des messages cryptés racontant leur péripéties (bouchons, pauses-pipis sur des aires d’autoroutes…). J’avais en tête la supercherie des Ummites, que j’ai toujours trouvé fascinante (des messages prétendument extraterrestres envoyés à d’éminents journalistes et scientifiques dans les années 60 – 70). Je pensais aussi à la bande dessinée L’envahisseur de Bobigny, de Jean Pierre Donnet et Frank Margerin, parue dans Métal Hurlant, où un alien un peu loser atterrit en banlieue et tente d’ envahir la terre dans une indifférence totale.*

Les messages cryptés en Base 64 (et leur solutions ) peuvent être consultés ici :

//

Une version mobile du jeu a été mise en ligne pour que les personnes qui n’étaient pas présentes ce soir là au centre Pompidou puissent tout de même participer. Réalisé en html5 et en javascript avec processing.js, il s’agissait d’une version édulcorée et 8-bitisée du jeu. Cette version est restée relativement confidentielle et souffrait de nombreux soucis techniques (ralentissements, problèmes de synchronisation,…), dû principalement au manque de temps.

//

.//

Pour terminer sur une note purement technique, j’ai utilisé Processing (et un peu de php) ainsi que les librairies Twitter4j, Tweet Stream, Romefeeder pour tout ce qui concerne les flux twitter et les fameuses toxiclibs pour la gestion de la physique.

*Il me semble qu’une bd de Robert Crumb, dont je ne me souviens pas du nom, abordait également ce thème.

//

/\\\\

Des envahisseurs un peu désoeuvrés et aigris, ont eu vent de la nuit des musées sur twitter ( avec bien évidemment quelques années de retard, car leur galaxie est tout de même bien éloignée de la notre et les informations mettent beaucoup de temps à leur parvenir. Echaudé par un long voyage ( avec son lot de bouchons et d’aires de repos aux toilettes nauséabonds ), ils sont bien décidés à détruire le centre Pompidou et ses oeuvres. Seuls les utilisateurs de twitter peuvent empêcher cette invasion soit en leur tirant dessus, ou bien en montrant l’étendue de leur culture en retrouvant le noms des oeuvres exposés.

///

//

La bataille du centre Pompidou est un jeu collaboratif se jouant avec twitter, présenté à l’occasion de la nuit des musées 2011, au forum du centre Georges Pompidou.

Le centre Pompidou apparaît à l’écran sous formes de blocs qui sont détruit par des envahisseurs. Chaque bloc détruit laisse apparaître une image d’une des œuvres du centre. Les joueurs vont devoir détruire les ennemis en leur tirant dessus ou bien retrouver le nom des œuvres afin de reconstruire le centre. Pour ce faire, les joueurs utilisent leur smartphone et leur compte twitter comme une manette de jeu. Les commandes pour interagir avec le jeu sont envoyées en toutes lettres vers le compte twitter du centre Pompidou. Ainsi, envoyer la commande  gauche dirige les personnages vers la gauche,  droite vers la droite, et  tirer permet de… tirer. Envoyer le nom de l’oeuvre cachée assure la victoire à l’équipe et permets la reconstruction du centre. Tous les joueurs dirigent le même avatar et doivent collaborer entre eux pour gagner.

Enfin, des commandes spéciales étaient disséminées dans le centre, permettant d’accéder à des fonctionnalitées « bonus » du jeu.

//

Photos 1 & 2 : Lorena Biret

////

//

///

//

///

//

Ciné-Bingo est une collection de tickets à gratter qui vous permet de gagner un lien pour télécharger un classique du cinéma, et ainsi vous faire découvrir à peu de frais un pan de l’histoire du cinéma. Cine-bingo a été présenté dans le cadre du festival Gamerz 06, à Aix en provence en partenariat avec les éditions du Tingre et l’atelier Tchikebe. Vous pouvez vous procurer une pochette de ticket en m’envoyant un message, ou bien sur la boutique des éditions du Tingre.

//

//

Les films proposés sont des classiques du cinéma, pas forcément ceux que l’on trouve en bonne place dans les livres d’histoire du cinéma, plutôt mes classiques à moi, qui m’ont fait vibrer ou m’ont ému, et que je garde dans un coin de mon disque dur et de mon esprit.

J’ai grandi à une époque pas si lointaine où se constituer sa petite culture cinoche était un parcours du combattant, entre les vidéo-club ( qui se sont tous fait avaler par la franchise Video Futur et son catalogue formaté de 10 dvd ) les prêts de vhs entre copains, les médiathèque ou bien au petit bonheur d’un (rare et attendu ) passage télé du film convoité. Grace à internet et au téléchargement, j’ai pu me constituer ma petite cinémathèque idéale que je prends plaisir à consulter. Je voulais ici transmettre le plaisir de faire découvrir à autrui des films parfois rare ou méconnus, sans devoir patienter, ou dépenser des sommes inconsidérées. L’économie de la rareté n’existe plus, il faudra s’y faire…

Je n’aimerais pas voir un film pour la première fois en vidéo ou à la télévision. On voit d’abord un film en salle. Cinéma et vidéo c’est effectivement la différence entre un livre qu’on lit et un livre qu’on consulte. Pour moi comme cinéphile la vidéo bouleverse ma vie, prenez Serenade à trois de Lubitsch par exemple, avant s’il passait quelque part j’y aller sachant que je devrais attendre 2 ans peut être avant de pouvoir le revoir, depuis il m’arrive de le voir 3 fois dans une même journée. A voir un film en vidéo m’en donne une connaissance beaucoup plus intime. En tant que cinéphile je suis un fanatique de la vidéo.

François Truffaut

//

Affiche par Pierre Vanni .

///

Super Tetris Adventure (renommé Super Block Adventure pour des questions de droits ) est exposé à Play It Yourself, au Studio 13/16, Centre Georges Pompidou, Paris, du 8 Janvier au 23 Mars 2011.

Super Tetris Adventure est une variation autour du célèbre jeu de réflexion, qui se joue désormais en ligne de commande. Il faut écrire en toutes lettres à l’aide d’un clavier les actions que l’on veut effectuer.

Vous pourrez également admirer des pièces et assister à des ateliers proposés par Antonin Fourneau, Manuel Braun, Djeff Regottaz, Loïc Horellou , JankenPopp et BM & Fils .

J’animerais par ailleurs l’atelier GAME REMIX, autour de la création et du détournement de jeux vidéo célèbres, à l’aide du logiciel Scratch. Les séances auront lieu le samedi 29 Janvier, Dimanche 30 Janvier et mercredi 9 février.

///

////

:://///

Windows | Mac osx

Excel Warrior est un jeu video dont les niveaux et les ennemis sont générés à partir de vos fichiers Excel. Ce jeu est sincèrement dédicacé à tous ceux et celles qui s’ennuient au travail devant Excel.

///

//\\

Download Excel Warrior

Windows | Mac osx

Excel Warrior is a video game where levels and enemies are generated from your Excel files. This game is sincerely dedicated to all of those who are bored at work with Excel.

On the level selection screen, just select an Excel file in your computer and drag on the game display. Only Excel files with the .xls extension are supported.

///

//

CONTROLS

///

L’idée à la base de Tweet Runner m’est venue à l’occasion d’un workshop à l’ENSAD avec Manuel Lima autour de la visualisation d’informations.

Avec Tweet Runner, je voulais tenter de représenter l’évolution d’une relation sur twitter (entre vous et l’un de vos followers (ami)) en utilisant l’esthétique et les codes propre aux jeux vidéos. Je suis fasciné par la possibilité de pouvoir utiliser les flux d’informations tel un robinet qui va donner naissance à de la musique, des images, ou pourquoi pas à des éléments d’un niveau de jeu vidéo. Montrer l’évolution d’une relation dans le temps tient à la fois du storytelling, mais aussi à des détail insignifiants qui vont donner un ton, une ambiance. On avance ainsi dans le jeu un peu comme dans la vie (voir à ce propos, Passage, de Jason Rohrer ), en se remémorant parfois certains détails et en en occultant d’autres…

Les « infographics » habituellement utilisé pour donner un aperçu très clair sur une grande masse d’informations me semblent toujours un peu ennuyeux et beaucoup trop précis. Vouloir tout quantifier, mettre sous forme de chiffres et de graphiques, voilà des fantasmes de statisticiens retors qui me font un peu froid dans le dos et qui ne permettent pas d’évoquer des sujets purement intimes et subjectif. Si je repense à ma relation avec X. ou Y., je n’ai pas envie qu’on m’évoque une masse de chiffre idiots (« vous avez eu 23 discussions sur avec X. à propos de la météo , vous avez oublié 4 fois de répondre aux messages de Y. »). Je trouve l’idée du lifelogging vraiment flippante si elle consiste juste à calquer des chiffres, des pourcentages, et des jauges sur les différents élèments de ma vie quotidienne.

Utiliser l’esthétique des vieux jeux vidéo est un moyen commode d’humaniser cette soupe, car cela renvoi à un vécu, des souvenirs (et beaucoup de nostalgie), un imaginaire (un peu comme avec le cinéma).

Je suis également assez curieux, mais aussi critique à propos des théories et autres tentatives qui émergent actuellement dans le design d’interface / applications et qui tendent à s’inspirer des mécaniques du jeux vidéo (cf. the fun theory, the Nethernet, Ribbon Hero, ou bien encore les idées de Johnny Holland ).

On parle ainsi beaucoup en ce moment de cette fameuse gamification, (ou plutôt, de nombreuses personnes reprennent ces termes à la mode sans connaître leur signification précise, cela fonctionne aussi avec la réalité augmenté, les serious games , qui sont de la chair à consultants et qui permettent de briller à peu de frais dans les diners mondain). La gamification/ ludification consiste à reprendre le système des achievements, principe introduit par microsoft sur la xbox, et aujourd’hui massivement utilisé dans de nombreux jeux. Les achievements,  ce sont des objectifs à atteindre, qui allongent artificiellement la durée de vie du jeu et augmente ses possibilités d’être rejouées. L’achievement est un peu l’équivalent de la pratique du scoring /high score (compétition pour obtenir le meilleur score ) qui était courante dans les jeux d’arcades des années 80 (si le joueur rejoue plusieurs fois au même jeu, il dépensera plus de sous, pour la plus grande joie du cafetier ) et qui a aujourd’hui totalement disparue. Vouloir introduire le système d’achievment dans des applications professionnelles ou des réseaux sociaux (voir Foursquare et sa ribambelle de clones ) est une idée louable, mais raté d’avance. Car ce qui fait l’intérêt d’un jeu vidéo, ce n’est pas les récompenses que l’on obtient (score ou médailles), qui sont des gadgets annexes, mais bel et bien le plaisir de jouer et de progresser. L’achievment n’est pas une fin en soi, ni même un moyen, c’est juste un gadget ennuyeux. Enfin, je crois que ce qui fait l’essence même des jeux et leur beauté, c’est leur inutilité.

La gamification.

///