16 Couleurs

16 Couleurs – graphisme & jeu vidéo


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.


1 commentaire

Les flyers de la LTP 1998 et LTP 1999

En fouillant dans mes archives (imaginez un entrepôt de plusieurs centaines de mètres carrés à température et humidité contrôlées, protégé par un système de sécurité dernier cri. La conservation des catalogues de DP Tool Club est à ce prix !) j’ai pu remettre la main sur les flyers réalisés pour les demoparties LTP 1998 et LTP 1999. Les deux disposent d’illustrations de Made dans un style très différent mais toujours percutant. On peut juste regretter l’excès de texte et son manque de mise en forme sur le flyer de l’édition 1998.

Quand je trouve le temps, je numérise ce genre de documents pour les faire parvenir au projet Got Papers?, qui se dédie à la préservation des productions de la demoscene exclusivement sur support papier : flyers, magazines, lettres, autocollants, pochettes de disquettes 5 pouces un quart, etc. On y trouve beaucoup d’artefacts intéressants sur le plan culturel ou artistique et je ne peux que vous conseiller de jeter un œil (voire deux) au site.


Poster un commentaire

« Stuck on You » pour la Bally Astrocade

La Bally Astrocade (ou Bally Arcade, Bally Professional Arcade) est une console qui est à peu près inconnue en France du fait de sa commercialisation uniquement sur le marché américain, et en faibles quantités en plus.

Sa carrière commerciale fut en effet assez compliquée. Initialement lancée peu de temps après l’Atari 2600 fin 1977, elle ne sera réellement disponible qu’en 1978 pour ne rencontrer qu’un succès modeste jusqu’en 1983 où elle cesse d’être commercialisée. Les raisons de cet échec sont probablement à chercher du côté d’un prix élevé, du manque de jeux, de l’absence des grosses licences de l’époque (Pac-Man, Space Invaders…), et plus généralement de la stratégie peu claire de Bally qui ne supportera la console que du bout des lèvres avant de tout arrêter via une vente de la division quelques années plus tard. Difficile dans ces conditions de concurrencer Atari qui était alors 100% dédié à la réussite de la VCS. Dans la série « le monde est petit » : l’architecture de la console fut conçue par Nutting Associates, qui employa Nolan Bushnell et Ted Dabney pendant quelques années avant qu’ils ne démissionnent pour fonder Atari.

Si on passe outre sa maigre logithèque de 28 jeux officiels seulement, l’Astrocade est néanmoins une machine intéressante du fait de sa puissance graphique comparée à la 2600 (elle-même beaucoup plus abordable, certes), mais aussi du fait de l’existence de l’extension ZGRASS, même s’il n’est pas très clair dans quelle mesure elle fut réellement commercialisée… Cette extension qui se plaçait sous la console permettait de transformer l’Astrocade en un véritable ordinateur avec un clavier, un coprocesseur mathématique, des ports pour un lecteur de cassette ou de disquette, une extension de RAM et une ROM comprenant le langage de programmation GRASS, un dérivé du BASIC dédié à la création d’animations (dont certaines pour les premiers Star Wars) dans l’esprit de ce que sera Processing bien des années plus tard.

La console propose une résolution de 160×102 (comme la Lynx d’Atari d’ailleurs) en seulement 4 couleurs choisies parmi une palette de 256, mais il existe une fonction originale qui permet de diviser l’écran en deux colonnes de taille libre. Dans ce cas, chaque côté possède sa propre palette de 4 couleurs, ce qui amène le total à 8, du grand luxe en 1977 ! J’ai utilisé cette fonction de manière assez évidente dans mon image, Stuck on You, présentée à la @Party 2019 et je pense la toute première release sur Astrocade dans le contexte de la demoscène.

Exocet – Stuck On You (Bally Astrocade)

Pour réaliser cette image, j’ai utilisé AstroPaint, un programme de dessin en ligne spécialement dédié à l’Astrocade qui permet d’exporter l’image en assembleur Z80, ce qui est pratique pour qui veut développer pour la console. AstroPaint est utilisable mais tellement basique (un seul outil, pas d’undo…) que je ne saurais réellement le recommander.

Stuck On You sur Demozoo