16 Couleurs

16 Couleurs – graphisme & jeu vidéo


Poster un commentaire

Tank à chat, intro C64 avec Dentifrice

Avec mes compères de Dentifrice nous avons préparé une petite intro pour la BCC 2022, une petite demoparty exclusivement C64 qui se tient à Berlin depuis une quinzaine d’années.

L’intro est plus complexe qu’à première vue et a recours à beaucoup d’astuces pour pouvoir afficher autant de sprites (la limite étant 8 en théorie), y compris dans les bordures de gauche, droite et bas. C’est en tout cas ce que m’ont assuré Remdy et Kezax, je les crois sur parole 😉

 

J’ai séparé l’animation en différents calques pour pouvoir facilement éditer chaque partie du tank indépendamment. L’animation des éléments secondaires (canon, phare…) suit avec un léger retard le mouvement principal de la carrosserie pour donner un aspect plus organique au véhicule. La boucle d’animation du tank comprend six étapes, et celle de la fumée, huit, ce qui est probablement le maximum envisageable au vu des contraintes de mémoire, l’intro devant tout de même se satisfaire de seulement 64 Ko de RAM. Les graphismes respectent évidemment les contraintes de bloc du mode multicolor du Commodore 64 : quatre couleurs (dont une couleur unique pour le fond) par bloc de 4×8 pixels.

Pour ce projet j’ai utilisé uniquement le logiciel de dessin Pro Motion NG dont le grand nombre de fonctionnalités spécialisées s’est avéré très utile, tout particulièrement la possibilité de pouvoir déplacer (ou inverser) toutes les étapes et tous les calques de l’animation simultanément. Le genre de petit plus qui permet réellement d’économiser des heures de travail.

Le thème de l’intro a malheureusement pris une signification plus sombre au vu de l’actualité récente, mais quand nous avons commencé à travailler sur ce projet nous n’imaginions évidemment pas l’irruption si soudaine de véritables chars d’assaut dans notre environnement proche.

Voir Tank à chat sur Demozoo, Pouët, CSDb.


6 Commentaires

Porkophobia 2 (image Atari STF)

La Silly Venture qui se tient chaque année à Gdańsk en Pologne est la principale demoparty 100% Atari depuis plus d’une décennie et j ‘ai eu l’occasion de m’y rendre à quelques reprises par le passé. Cette année les conditions pour voyager étaient malheureusement encore difficiles mais j’ai tout de même souhaité participer pour apporter mon modeste soutien à cet événement.

J’avais par ailleurs fait l’acquisition au cours de l’été d’un petit netbook complétement par hasard. Lors d’une visite innocente au WH Smith local (principale chaîne de librairies au Royaume-Uni), j’étais en effet tombé sur un exemplaire de « new old stock » d‘Elonex Websurfer, probablement retrouvé au fin fond de la réserve après y avoir été oublié une dizaine d’années, et proposé pour la modique somme de 12,50 livres sterling, soit une quinzaine d’euros. Évidemment, mon sang ne fit qu’un tour. En tant que vieux geek auto-revendiqué, difficile de refuser un PC portable neuf à ce prix, surtout quand il s’agit d’une curiosité comme celui-ci, même si sa sortie remonte à 2009. Mais penchons-nous sur la bête, en fait une déclinaison du concept de NanoBook de VIA sur laquelle la contribution d’Elonex a dû être extrêmement minimale. La machine est équipée d’un tout petit écran de 7 pouces tactile (un stylet est logé sur le côté de l’écran) d’une résolution de 800×480. Le processeur est plus exotique puisqu’il provient sans surprise de VIA, qui fut, loin derrière Intel et AMD, un acteur niche sur le marché des processeurs x86 sur lequel il s’était lancé en 1999 suite au rachat de Cyrix, dont les plus vieux se souviendront avec un œil attendri. Le reste de la configuration est plus classique avec de 1 Go de RAM et un disque dur de 30 Go. Petite originalité, la présence d’un minuscule combiné de téléphone à côté de l’écran que l’on peut détacher et utiliser avec Skype ou tout autre solution de VOIP populaire il y a une dizaine d’années. Malheureusement sur l’exemplaire en ma possession le téléphone ne s’allume pas, probablement la faute à une batterie qui a mal vieilli.

Elonex Websurfer Connect
Elonex Websurfer Connect

Pour rendre les choses plus intéressantes, j’ai donc décidé de réaliser mon graph pour la Silly Venture sur cette petite machine, ce qui n’est évidement pas un problème puisqu’on parle après tout d’une tâche qui ne ferait pas transpirer un Atari ST. Dans tous les cas, j’ai apprécié le fait que les dernières versions de Grafx2 avec toutes leurs améliorations soient toujours compatibles avec Windows XP. Le point le plus délicat fut en fait le rendu des couleurs de l’écran très différent des écrans modernes avec leur dalle IPS, d’où un ajustement de la palette assez important vers la fin quand j’ai réalisé que l’image était trop sombre et trop saturée. En revanche, le manque de distraction sur la machine s’est avéré le bienvenu. On oublie combien il est plus facile de se concentrer sur une tâche sur un ordinateur sans connexion internet.

Quant au « 2 » dans le titre, il fait référence au fait que le concept de l’image est inspiré par mon tout premier graph plein écran, réalisé il y a tout de même 25 ans pour la Saturne 1996. Rendez-vous en 2046 pour Porkophobia 3.

Porkophobia 2, 320×200 en 16 couleurs (palette STF de 512 teintes)


4 Commentaires

Gladness, intro Atari ST pour l’ADN 2021

L’ADN (Atari Days Nancy) est comme son nom l’indique un petit rassemblement Atari qui se tient tous les ans dans les environs de Nancy. Il n’y a généralement pas de releases à proprement parler puisque que ce n’est pas vraiment l’objectif de la party mais je trouvais dommage que la page de l’évènement sur Demozoo reste quasiment vide année après année. Je me suis donc fixé comme objectif de changer ça, et j’ai contacté Cooper et DMA-SC une dizaine de jours avant le début de l’évènement pour leur proposer de préparer une petite intro sans prétention pour l’occasion. Voici le résultat.

Hasard des circonstances, en définitive ce ne sont pas moins de trois productions qui sont sorties à l’ADN 2021, avec outre glADNess, un jeu de belotte et un slideshow !


10 Commentaires

Double impact à la Shadow Party

L’approche d’une nouvelle demoparty française (la Shadow Party) a provoqué chez moi un sursaut de productivité assez exceptionnel, avec la création en deux jours non pas d’un, mais de deux nouveaux graphs !

croquis-la-miaoufacture-1

Pour commencer, La Miaoufacture, une image pour la compétition de graphs oldschool (images en basse résolution avec un nombre de couleurs limité). Basée sur un petit gribouillis que j’avais réalisé il y a quelques mois, elle a été réalisée entièrement avec Grafx2 en trois ou quatre heures, à savoir une soirée et quelques finitions avant de commencer le travail le lendemain matin. L’image est en 320 × 200 pixels et 16 couleurs couleurs choisies parmi 512, soit exactement les limitations de l’Atari STF.

L’image ci-dessous a été modifiée pour s’afficher avec des proportions correctes sur nos écrans modernes et leurs pixels parfaitement carrés, à la différence du mode 320 × 200 où les pixels sont étirés en hauteur. La meilleure façon de réaliser cette correction en conservant une taille de pixel constante sur toute l’image est de la redimensionner en 1600 × 1200, de façon à ce que chaque pixel d’origine corresponde à cinq pixels horizontalement, mais six verticalement.

La Miaoufacture

Seconde contribution à la demoparty, Tiny Abduction Attempt, une image pour la compétition de graphs newschool (sans limite de résolution ou de nombre de couleurs — par « newschool » comprendre « post 1995 » !), réalisée ici avec Affinity Designer en un peu plus de deux heures mais qui aurait bénéficié d’un peu plus de finition.

Tiny Abduction Attempt

J’ai aussi généré des vidéos en accéléré de la réalisation de ces deux images, principalement parce que ça m’amuse de revoir le processus de création même si ce n’est pas forcément d’un grand intérêt pour quiconque d’autre. La musique sur la vidéo de La Miaoufacture provient de Kim Lightyear que j’ai découvert complètement par hasard lorsque je cherchais une bande son adaptée et libre de droits et dont je recommande les albums en écoute sur SoundCloud ou Bandcamp. J’ai oublié à un moment de démarrer le logiciel de capture d’écran donc il manque l’équivalent de 20 ou 30 minutes d’antialiasing manuel frénétique sur la première vidéo, mais je ne pense pas que ce soit vraiment perceptible.

Pleins d’autres productions intéressantes sont sorties lors de la Shadow Party, en particulier dans les compétitions oldschool qui furent bien fournies. Le tout sera normalement téléchargeable sur Demozoo dans quelques jours.


Poster un commentaire

Open Up, graphisme pour Commodore 64

Open Up, une image pour le Commodore 64

Après Diskettenpolizei l’an dernier, me voici de retour sur Commodore 64 avec une image qui a été classée 6ème à la BCC 2021.

J’utilise ici le mode Multicolor du C64, à savoir une résolution de base de 160×200 pixels « longs » avec des contraintes de blocs (3 couleurs + la couleur de fond commune à toute l’image par bloc de 4×8 pixels). Grâce au talent de Kezax, j’ai eu la possibilité de dessiner en plus sur 16 pixels de large dans les bordures droite et gauche, au prix de deux lignes en haut de l’écran pour démarrer la bidouille. Résultat, une résolution effective qui passe à 192×198 pixels, soit quasiment 20% en plus pour le même prix !

Comme à mon habitude le gros du travail a été réalisé avec Grafx2, et les derniers ajustements (changement des couleurs de bordure et de fond) avec Pixcen.

Je vous encourage à jeter un coup d’œil aux productions présentées lors de la party (en particulier une superbe petite démo de Focus, un très beau graph de Lobo, et une musique qui mélange SID et synthèse FM pour rendre hommage aux mélodies de Street of Rage), d’un niveau plus relevé que ce que la petite taille de l’événement pourrait laisser penser.


5 Commentaires

Le graphisme pour télétexte

Ah, le télétexte, cette dimension parallèle de la télévision qui permettait de transmettre des données textuelles en utilisant une une portion du temps réservé au retour du faisceau d’électrons entre chaque trame de l’image (je cite ici Wikipédia, je serais bien en peine d’expliquer ça clairement).

Rapidement oublié après la mise du standard au placard lors des années 2000, le graphisme au format télétexte connait depuis quelques temps un certain regain d’intérêt, principalement du fait d’une petite communauté talentueuse et déterminée principalement basée en Grande-Bretagne. Je recommande en particulier le travail de Dan Farrimond et de Horsenburger.

Magie du progrès technique : le télétexte est aujourd’hui praticable sur des ordinateurs de taille plus réduite (source : Pinterest )

Il suffit de jeter un coup d’œil rapide à une image télétexte et ses énormes pixels pour comprendre qu’il faut s’attendre à des contraintes graphiques assez strictes, mais dans les faits on est réellement un cran plus bas que même la plus primitive des machines 8 bits. On a affaire ici à un mode texte de 40 colonnes et 25 lignes, un peu étendu par le biais de caractères spéciaux intelligemment appelés sixels comme ils correspondent à une division en 2 colonnes et 3 lignes (donc 6 blocs) d’un caractère plein. En prenant les sixels en compte, la résolution théorique monte à un presque indécent 80 × 75 ! Du côté des couleurs, on a le choix entre 7 en plus du noir, toutes résolument primaires et identiques à celles de la première moitié de la palette du ZX Spectrum. La contrainte la plus gênante reste à venir : changer de couleur ou basculer entre le mode texte et semi-graphique nécessite un caractère spécial qui apparaîtra vide lors de l’affichage de l’image. Il faudra donc composer avec des trous dans l’image chaque fois qu’on veut changer de couleur ou afficher des caractères alphanumériques !

Il existe plusieurs programmes pour préparer des images au format télétexte, mais le plus pratique et le plus utilisé est un outil en ligne, Edit.tf. Même s’il n’est pas vraiment facile d’accès, il est bien conçu, se contrôle entièrement au clavier et permet de sauvegarder et partager une image avec une simple URL. Les images peuvent également être exportées au format PNG (mais pas réimportées, donc attention à bien créer un favori si vous comptez modifier une image plus tard).

Edit.tf

En pratique, comment ça marche ? Je vous conseille la lecture du petit guide écrit par Dan Farrimond, mais pour résumer, on déplace son curseur sur l’image avec les flèches directionnelles, on entre les caractères de contrôle avec la touche Escape suivie d’une lettre, et les sixels avec les touches des deux tiers gauche du pavé numérique (1, 2, 4, 5, 7, 8, avec 6, 9 et 3 comme raccourcis pour respectivement un caractère plein, un caractère vide, et inverser les sixels) ou les deux premières colonnes de lettres du clavier (A, Z, Q, S, W, X sur un clavier français, avec F, C et R comme raccourcis pour respectivement un caractère plein, un caractère vide, et inverser les sixels).

Histoire de visualiser un peu ce qu’on fait, commençons par activer l’affichage des caractères de contrôle avec Esc puis Shift Q ou en cliquant sur la commande appropriée dans le menu à gauche. Il faut ensuite indiquer que chaque ligne affichera des sixels (blancs ici, ou de toute autre couleur) : pour cela il faut entrer Esc puis Shift W sur le premier caractère de chaque ligne. Sans cette manipulation les lignes seraient limitées aux caractères alphanumériques.

On peut ensuite commencer à remplir la grille avec des sixels, comme expliqué ci-dessus. Il est généralement plus facile de commencer avec une ébauche constituée de caractères pleins (touches 6 ou F).

Une fois l’image en noir et blanc à peu près finalisée, on peut à présent déterminer les emplacements optimaux pour insérer les caractères de changement de couleur et donc glisser des Esc puis Shift R/G/Y/B/M/C aux endroits stratégiques.

Voilà pour les bases. Les quelques commandes suivantes vous seront probablement également utiles :

  • Esc puis Shift E pour exporter l’image, suivi d’un clic droit sur la mention « PNG » qui apparaît en bas à gauche de l’écran, puis « Sauvegarder le lien ».
  • Esc puis Shift X pour afficher la grille.
  • Esc puis Shift S pour activer le mode « quadrillage » des sixels qui permet de simuler une trame plus fine.
  • Esc puis Shift N pour changer la couleur du fond.
Rage Against The Teletext

Jusqu’ici ma maigre expérience avec le télétexte a été résolument positive. Une fois qu’on a pris le pli avec Edit.tf, les contraintes techniques ont un petit côté puzzle qui n’est pas désagréable et s’avère même plutôt relaxant.


Poster un commentaire

A Boy and His Blob: Toxic Relationship Edition

Voici une nouvelle réalisation, fruit d’un après-midi de travail avec Leonardo, logiciel de dessin que je recommande toujours autant pour le dessin en mode tablette sous Windows. Les ajustements finals et le logo ont été réalisés avec Clip Studio Paint.

A Boy and His Blob: Toxic Relationship Edition

L’image est évidemment un clin d’œil au jeu A Boy and His Blob, sorti initialement sur NES et Game Boy en 1990, mais plus particulièrement à la version Wii de 2009, elle-même portée sur PC, Playstation et mobile quelques années plus tard. Ce remake de qualité est dû à WayForward, un studio californien de développement de jeux vidéo qui existe depuis 1990 et à qui on doit de nombreux jeux mémorables – entre autres, la série de jeux de plate-formes Shantae, dont le premier reste l’un des plus beaux titres de la Game Boy Color.

A Boy and His Blob par WayForward Technologies (2009)

L’image a été présentée à la Outline Online 2020, une demoparty batave initialement consacrée aux machines Atari, mais résolument généraliste depuis quelques années. Vu la situation actuelle, la party était entièrement en ligne pour cette édition comme la plupart des demoparties dernièrement.

Je conclurai avec la traditionnelle vidéo du making-of :

 

 

 


Poster un commentaire

Graphisme en mode 1999

Avec un peu de tâtonnement, j’ai réussi à remonter le PC que j’avais utilisé entre 1998 et 2002, une superbe machine à base d’AMD K6 166 Mhz, faite un peu de bric et de broc comme beaucoup de PC d’étudiants, et qui m’avait accompagné dans un certain nombre de demoparties. Le bureau de Windows 98 est une vraie capsule temporelle avec ses icônes pour ICQ, mIRC ou Netscape Navigator sur le bureau et une boîte mail remplie de messages consacrés au développement du jeu Palm OS Monsta

J’ai aussi retrouvé la première tablette graphique que je m’étais procurée, une petite Goldstar Digipen 100 au format A6 qui m’avait coûté 400 francs vers 1998 je crois, soit en tenant compte de l’inflation, à peu près 80 euros de 2020. Selon mes recherches, il semble qu’il s’agisse en fait d’une UC-Logic SuperPen SP-6045 rebadgée pour la marché français. Oh, c’était assez primitif pour ce prix, avec un superbe fil qui relie le stylet à la tablette, fil qui prend évidemment un malin plaisir à être toujours au mauvais endroit au mauvais moment. Sur le papier le stylet supporte 512 niveaux de pression mais en pratique on en constate plutôt 2, même si pour être honnête le problème est peut-être plus à chercher du côté du manque de compatibilité des programmes que j’ai essayés. 

Goldstar Digipen 100

Avec ce matériel de rêve sous la main, pourquoi ne pas le mettre à profit pour faire un peu d’infographie à l’ancienne ? Le PC dispose justement de quelques logiciels de dessin qui sont restés dans leur jus, dont Paint Shop Pro 6 qui fonctionne plutôt bien malgré ses 6300 jours de dépassement de la période d’évaluation. 

Me voilà donc parti pour une expérience assez étrange – deux heures passées dans une faille temporelle où les choses se sont plutôt bien passées en fait, sans frustrations majeures sauf quand on veut taper du côté des effets évidemment, où un pauvre Gaussian Blur va prendre plus de 30 secondes. Paint Shop Pro tenait vraiment la route au début des années 2000 et il est logique que ça ait correspondu à une période faste pour JASC, la société à l’origine de l’application. Je vous renvoie à ce sujet à un article intéressant de Tedium. Du côté du hardware et de l’OS, je dois même reconnaître que je suis agréablement surpris par la réactivité de l’ensemble, même si on ne peut pas en dire de même pour la stabilité générale… 

Enfin bref, voici le résultat obtenu quasiment brut de décoffrage – j’ai uniquement corrigé les niveaux et ajouté la signature sur une machine moderne afin que l’image puisse être utilisée dans un art pack présenté à la Revision 2020 : The Collection par 2xl Crew. L’aspect un peu brouillon de l’image est surtout dû au manque de précision de la tablette auquel il ne faut pas demander l’impossible. 

Catari, image réalisée avec Paintshop Pro 6 sur un PC de 20 ans d’âge (AMD K6 166 MHz, 32 Mo de RAM, Windows 98)


2 Commentaires

Diskettenpolizei (C64 multicolor)

Petite contribution à distance et compofiller pour la BCC 2020 qui s’est tenu à Berlin le week-end dernier : Diskettenpolizei, pour le mode multicolor du Commodore 64 (160*200, palette fixe et une limite de 4 couleurs par bloc de 4*8 pixels). L’image a été réalisée à l’aide de la fonction 8 bit de Grafx2 qui permet de prévisualiser le respect ou non des contraintes de blocs. Multipaint m’a lui permis de choisir la couleur de bordure et l’export en exécutable PRG.

Diskettenpolizei (C64 Multicolor)

Diskettenpolizei (C64 Multicolor)

Si jamais l’expression « don’t copy that floppy » vous est inconnue, vous apprécierez la vidéo ci-dessous, réalisée pour une campagne anti-piratage de la Software Publishers Association en 1992 et fruit probable d’un brainstorming qu’on imagine enfiévré.

À découvrir également, le chiptune SID de l’ami Glafouk, qui a fini premier ex aequo dans la compétition musique de la BCC !

 


Poster un commentaire

Gros nez, nonogrammes et PETSCII

Le week-end dernier se tenait à Bruxelles la première démoparty belge depuis 2014, la Rsync. En cet honneur, j’avais préparé un graph pour présenter comme remote entry. Le personnage a été réalisé avec le logiciel Leonardo, que je considère comme la meilleure solution pour le dessin sur écran tactile sous Windows (j’utilise un Surface Book). L’interface est très réactive, bien conçue et parfaitement adaptée à une utilisation au stylet, et les performances générales sont excellentes, même sur des images de grande dimension. J’ai ensuite utilisé Affinity Designer pour ajouter le fond et les effectuer les derniers ajustements.

Grotarin, première place à la Rsync 2020

Étapes de la réalisation de l'image Grotarin

Quelques étapes de la réalisation

L’inspiration pour cette image provient d’un niveau en 10×10 de Quixel, un jeu type picross (ou nonogrammes) pour iOS et Android pour lequel j’ai récemment tenu le rôle de producteur. J’en ai également profité pour réaliser plus d’une centaine de niveaux, même si ce n’est qu’une goutte d’eau parmi les 1281 que compte le jeu actuellement.

Quitte à user cette idée jusqu’à la corde, j’ai également commis une version de ce personnage en 8×8 caractères PETSCII (le mode texte des machines Commodore 8 bits, du PET au C64) pour la Tiny PETSCII Compo 2020.

Les copains de Flush avaient eux fait le déplacement à Bruxelles et ont remporté la première place de la compétition démo oldschool avec une véritable lettre d’amour à la Belgique (il manque juste une allusion à Dikkenek, inexcusable…) tournant sur Atari 2600. Le titre fait référence à The Sound of Belgium, superbe documentaire consacré à l’explosion de la musique électronique en Belgique à partir de la naissance du phénomène New Beat à la fin des années 1980.