Archives de catégorie : HTML5

La rhétorique peut casser des briques @ Retro (No) Future Games Festival

 

Durant le Retro (No) Future Games Festival (qui s’est avéré être un des plus chouettes festival dédié au jeu vidéo en France), j’ai présenté une nouvelle version de La rhétorique peut casser des briques, qui se jouait désormais avec un téléphone (le fameux Socotel s63, merveille de design) modifié pour être utilisé comme un microphone afin d’interagir avec le jeu.

J’avais également introduit une variante, qui faisait que le joueur ne pouvait employer qu’une seule fois chaque commande, l’obligeant à user de toutes les ressources de la langue (noms d’hommes politique, vocabulaire marin, synonymes, antonyme, etc). Les commandes étaient inscrites sur un carnet d’adresse pour ceux qui souhaitaient tricher. L’idée m’est venu d’un souvenir d’enfance ; j’avais un ami qui notait soigneusement toutes les astuces de jeux vidéo dans un carnet par ordre alphabétique.

Je crois que La rhétorique peut casser des briques est le premier et seul jeu vidéo à se jouer avec un téléphone et un carnet d’adresse (c’est autre chose que vos Dual Shock 4, hein?).

 

Lorsque j’étais encore jeune, fougueux et étudiant (vers 2006), je travaillais dans un entrepôt logistique de la société Easydis (filiale du groupe Casino) en tant que préparateur de commande. Un préparateur de commande, c’est un(e) type(sse) qui met des produits sur des palettes en fonction des besoins, palettes qui seront ensuite envoyés vers les différents supermarchés. Du travail d’usine, en somme (je dis ça sans mépris, c’est juste pour vous situer l’aspect chiant et répétitif de cette activité). Chez Easydis, nous étions équipés de micro-casques et d’un petit boitier qui valait une fortune. Guidés par une voix féminine et synthétique d’origine suédoise (tout comme la société qui la fabriquait) nous indiquant les actions à effectuer, nous devions valider chacun de nos gestes (poser un colis, par exemple) par une suite de chiffres énoncées à voix haute, (ce qui n’était pas une mince affaire avec la reconnaissance vocale défaillante) , et ce à longueur de journée.

Cette activité était bien sûr mentalement harassante, et il n’était pas rare que je rêve la nuit de cette voix qui déblatérait des suites de chiffres. Une armée de robots humains, téléguidés par un ordinateur avec une voix synthétique, ça existe déjà et surement pas très loin de chez vous !

Ce système électronique permettait également de connaître le rendement de chaque employé, une simple commande vocale donnant accès aux nombre de colis traité dans la journée sous forme de score (où quand la gamification devient un outil de stakhanovisme !) .

 

Cette expérience m’a rendu plutôt sceptique par la suite sur l’attrait de la reconnaissance vocale et m’a inspiré ce jeu ou les ratés d’une technologie devient un facteur de difficulté. La reconnaissance vocale, soit utiliser un ordinateur par la voix, est un fantasme technologique qui fut longtemps véhiculé par la Science Fiction.  Désormais rendu possible, il se révèle pourtant décevant à l’usage, comme le montre les nombreux quiproquos et autres incompréhensions mutuelles induit par l’utilisation de Siri sur iPhone (et on n’a pas fini de se marrer avec les Google Glass).

Dans la relation que l’on entretient avec une machine, résulte souvent une incompréhension avec celle ci, nous obligeant bien souvent à parler son langage, à se conformer à sa logique, bref à trouver un juste milieu (d’ou l’importance du design d’interface! ) .

Quand au titre du jeu, il fait bien évidemment référence au fameux film Situationniste de 1973 de René Viénet, « La dialectique peut elle casser des briques ? » .

La rhétorique peut casser des briques | Rhetoric can break bricks

///

Jouer à La rhétorique peut casser des briques (Chrome uniquement)

28/11/2014: Le jeu utilisait l’API Google Speech, qui est devenue payante. Dans l’attente d’une solution de reconnaissance vocale dans le navigateur 100% gratuite et open-source, cette version du jeu est indisponible. 

//

La rhétorique peut casser des briques est une version de Tetris où vous pouvez utiliser des commandes vocales pour diriger les pièces. Les commandes basiques sont Gauche, Droite, Tourne et Tombe. Vous pouvez également essayer avec des phrases, des synonymes, des antonymes ou bien encore avec toutes sortes de figures de style.

//

rhetoric can break bricks

//

Liste complète des commandes:

[spoiler show= »Afficher » hide= »Cacher »]gauche , ps ,  sfio , socialiste, pas droite , non droite , a gauche, à gauche , Mitterrand , Hollande , François Mitterrand , François Hollande , aller à gauche , allez à gauche , diriger à gauche , socialisme , communisme , communiste , direction gauche , va à gauche , bâbord , sénestre , ouest, droite , ump , rpr , pas gauche , non gauche , diriger à droite , a droite , à droite , direction droite , Chirac , Sarkozy , Jacques Chirac , Nicolas Sarkozy , aller à droite , allez à droite , va à droite , tribord , est , néolibéral , Margaret Thatcher , tourne , rotation , tourner , pivoter , retourner , tourne toi , retourne toi , pivote , orbite , tournoyer , mouvoir , tournebouler , tournicoter ,tournoiement , barrell roll , do a barrell roll , 360 , 360 degrés , boucle , retournement tombe , tomber , chute , chuter , aller en bas , s’écrouler , descendre , en bas ,dégringoler , choir , crash , icare , sud , plonger , plonge[/spoiler]

Le jeu a été réalisé avec Processing.js et utilise la Web Speech API qui est supportée depuis la version 25 de Google Chrome.

________________________________________________________________

//

 

Play to Rhetoric can break bricks (Chrome only)

 

Rhetoric can break bricks is a version of Tetris where you can use speech commands to move pieces. Basic commands are Left, Right, Turn and Fall. You can also try with sentences, synonyms, antonyms, or figures of speech.

//

rhetoric can break bricks

 

Complete list of commands:

[spoiler show= »Show » hide= »Hide »]

left , left-wing , socialist , socialism , not right , libertarian , communist , communism ,
leftism , François Hollande , go left , go to left , sinister , sinistral , left-hand , 9 o’clock , west , larboard , right , right-wing , rpr , not left , thatcher , Reagan , Ronald Reagan , Georges Bush , not wrong , go right , neoliberal , go to right , east , 3 o’clock , starboard , Margaret Thatcher , turn , rotation , rotate , twirl , swerve , spin , steer , complete rotation , barrell roll , do a barrell roll , 360 , 360 degrees , tack , loop , turnover 
fall , drop , descend , come down , go down , plunge , crash , icare , south
[/spoiler]

 

This game is made with Processing.js and use the Web Speech API supported since revision 25 of Google Chrome.

//

rhetoric can break bricks////

Projet abandonné: DIESEL Only the Brave

 

Jouer à Only The Brave (Safari / Firefox / Chrome )

/only the brave 1/

L’année dernière, j’ai réalisé pour Diesel / l’Oréal (par le biais d’Amusement) un jeu vidéo en ligne pour le parfum Only the Brave. Pour diverses raisons (tl;dr ), le projet n’est finalement jamais sorti.

Il s’agit d’un jeu reprenant le principe de Canabalt, réalisé en HTML5 avec l’aide du fantabuleux processing.js. Les musiques ont été composés par mon vieil ami Ben « Buroclub ».

//

only the brave 2

 //

___

 

Play Only The Brave (Safari / Firefox / Chrome ) 

..

only the brave 3

//

Last year, I worked for Diesel / L’Oreal (via Amusement) on a online video game based on the fragrance Only the Brave. For various reasons (tl;dr), the project was never released.

It is a game inspired by Canabalt, made ​​with HTML5 and using the fantabulous Processing.js. The musics has been composed by my old friend Ben « Buroclub. »

//

only the brave 4

//

Super Tetris Adventure (version HTML5)

//

Jouer à Super Tetris Adventure (Safari / Chrome / Firefox )

//

Super Tetris Adventure est une relecture du fameux jeu de réflexion, mais se jouant désormais en ligne de commande, à la manière des antiques jeux d’aventures textuels. Ce projet à été présenté lors de nombreux évènements, notamment à l’occasion du festival Eniarof ou bien encore à l’exposition Play It Yourself au centre Georges Pompidou.

Voici donc une version jouable en ligne, avec des morceaux de HTML5 et de Processing.js à l’intérieur.


 Play to Super Tetris Adventure (Safari / Chrome / Firefox )

//

Super Tetris Adventure is a reinterpretation of the famous puzzle game, but playing now in command line, like the old text adventure games. This project has been presented at numerous events, including the festival Eniarof or at the exhibition « Play It Yourself » , at Georges Pompidou center, Paris.

Here’s a playable online version, with bits of HTML5 and Processing.js inside.


Hommage à New York

 

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.