Si vous ne connaissez pas, un favicon, c'est cette mini icône pixelisée que vous pouvez voir dans l'onglet de votre navigateur qui en général est le logo du site que vous visitez. Hé bien le dev Tim Wehrle a réussi à y faire tenir un site web entier en stockant tout son HTML dans les 212 octets de l'image.

L'astuce est toute con vous allez voir... Une image, c'est des pixels. Et chaque pixel a 3 valeurs : rouge, vert, bleu, soit 3 octets. Du coup il prend son HTML, le découpe octet par octet, et colle chaque octet dans une couleur. Premier octet dans le rouge, le suivant dans le vert, puis le bleu, et on continue ainsi de suite. Et voilà comment il arrive à stocker 208 octets de HTML dans un carré de 9 pixels sur 9. Et au final, le truc ressemble à des confettis random.

Pour relire tout ça ensuite, un peu de JavaScript suffit. Le navigateur charge l'image, la passe dans un canvas, relit chaque pixel, recolle les octets et réaffiche la page. Il n'y a donc rien à installer et pour tester ça par vous-même, il a même mis une démo ici où vous pouvez regarder l'encodage / décodage se faire sous vos yeux ébahis.

Maintenant, n'espérez pas faire tenir votre site e-commerce là dedans hein puisque la capacité plafonne à 239 octets. Et sans le bout de JavaScript qui décode, le favicon tout seul ne servira à rien. Et ce n'est pas de la stéganographie non plus puisqu'on ne planque rien dans une vraie image. La data c'est l'image...

Mais c'est le genre de hack inutile que j'adore ! Le code est sur GitHub si vous êtes curieux et il raconte toute sa démarche sur son blog .

Chers lecteurs, aujourd’hui je veux vous parler d’un studio de développement de jeux web qui fait vraiment des choses impressionnantes : Phoboslab. Ce studio indépendant fondé par Dominic Szablewski nous propose des petits jeux rétro old-school directement jouables dans votre navigateur préféré.

En effet, Phoboslab est spécialisé dans les jeux rétro avec des graphismes pixelisés qu’on adore et une ambiance nostalgique des années 80-90. Szablewski a même développé son propre framework JavaScript baptisé Impact pour créer facilement des jeux web.

Son plus gros succès à ce jour est l’excellent Biolab Disaster, un jeu de plateformes et d’action avec des armes, des monstres et une bande son géniale. Et le truc génial avec Phoboslab, c’est que leurs jeux tournent entièrement en HTML5, JavaScript et WebGL. Pas besoin de plugins, juste un navigateur récent qui respecte les standards. On peut donc jouer sur PC, Mac, mobiles et tablettes sans rien installer.

Leur site web regroupe toute une sélection de jeux gratuits et open source réalisés avec Impact ou leur moteur WebGL maison. On y trouve des petits shoot them up bien nerveux comme X-Type, des jeux façon Tetris comme Z-Type où il faut taper des mots pour détruire les ennemis (parfait pour le bureau), des RTS comme Voidcall façon Command & Conquer ou encore des FPS old-school façon Doom comme Xibalba ou ce portage de Quake de 13 kb. Il y en a pour tous les goûts.

Je vous encourage vraiment à tester leurs jeux, vous allez adorer. Certes on n’a pas encore des blockbusters en 3D dernière génération, mais pour se détendre rapidement pendant la pause café, c’est idéal.

• Q1K3 — Jouer en ligne
• Voidcall — Jouer en ligne
• Underrun — Jouer en ligne
• Xibalba — Jouer en ligne
• Radical Race — Jouer en ligne
• Plan 9 — Jouer en ligne
• XType — Jouer en ligne
• Ztype — Jouer en ligne
• Biolab Disaster — Jouer en ligne
• Drop — Jouer en ligne
• Yuckfu — Jouer sur iOS

Le studio semble un peu moins actif ces derniers temps, mais j’espère qu’ils nous préparent d’autres petites merveilles pixelisées.

Débutée en 1983, la série de Lode Runner vous a probablement marqué si vous êtes un ancien qui a notamment tâté du jeu d’arcade ou de l’Apple II, du Commodore 64, ou encore de l’Amstrad. Même les plus jeunes ont pu tester sur la console virtuelle de la Wii.

L’intérêt de ce jeu repose sur son gameplay qui consiste à traverser des niveaux composés de briques qu’on peut casser, d’échelles à grimper et de barres suspendues pour esquiver les ennemis, les tuer et récupérer les lingots d’or.

C’est simple, mais efficace et surtout terriblement addictif puisque vous devez planifier soigneusement vos mouvements et utiliser l’environnement à votre avantage pour éviter d’être capturé.

Le truc merveilleux si vous voulez retrouver les sensations de ce jeu, c’est de plonger vers ce portage HTML5 réalisé avec CreateJS. Comme ça vous pouvez jouer directement dans votre navigateur !

Le jeu propose 3 modes de jeu (challenge, entrainement et éditeur de niveau) et un mode démo qui rejoue les niveaux passés. Et Lode Runner est jouable dans 5 versions : la classique, la pro, la « revenge », la « fan book » et bien sûr la Championship.

Bien sûr le code source est dispo donc vous pouvez le porter sur la machine de votre choix si vous avez envie.