Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
recherche:residence_infra:infra_graphique [2024/11/12 14:20] emoc [Une tripotée d'images teletext] |
recherche:residence_infra:infra_graphique [2024/11/12 14:51] (Version actuelle) emoc [Utiliser edit.tf] |
||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
+ | {{tag> graphisme semi-graphique minitel teletext petscii atascii gameboy em}} | ||
+ | |||
====== Infra-graphique ====== | ====== Infra-graphique ====== | ||
Random Walk dans les images semi-graphiques avec comme point de départ : définitions minimales, 1-bit, 2-bits, game boy, game boy camera, imprimante thermique, graphisme ASCII / teletext / minitel | Random Walk dans les images semi-graphiques avec comme point de départ : définitions minimales, 1-bit, 2-bits, game boy, game boy camera, imprimante thermique, graphisme ASCII / teletext / minitel | ||
+ | |||
+ | Sur 4 jours, ça donne : | ||
+ | |||
+ | vendredi après midi : dessin de tuiles animées minimales avec libresprite, maps avec Tiled, intégration dans gbstudio \\ | ||
+ | samedi : recherches minitel, dessin de la table de caractères avec libresprite, utilisation dans Tiled \\ | ||
+ | dimanche : préparation des spritesheets PETSCII, ATASCII, etc. / install. de image2mode7 \\ | ||
+ | lundi : réalisation d'images videotext, dithering 8 couleurs, etc. \\ | ||
+ | |||
+ | Ci-dessous, diverses notes, résultats, commandes utiles | ||
+ | |||
+ | ==== Aide-mémoire ==== | ||
**Minitel** : 25 lignes x 40 "caractères" de 8 px de large sur 10 px de haut, soit 320 x 250 pixels, 8 couleurs ou 8 niveaux de gris \\ | **Minitel** : 25 lignes x 40 "caractères" de 8 px de large sur 10 px de haut, soit 320 x 250 pixels, 8 couleurs ou 8 niveaux de gris \\ | ||
Ligne 21: | Ligne 34: | ||
source : wp : https://fr.wikipedia.org/wiki/Minitel | source : wp : https://fr.wikipedia.org/wiki/Minitel | ||
+ | |||
+ | {{:recherche:residence_infra:caractere_minitel.png?direct&600|}} | ||
* L'annuaire : http://3611.re/ | * L'annuaire : http://3611.re/ | ||
Ligne 62: | Ligne 77: | ||
https://web.archive.org/web/20080202150711/http://www.france2.fr/teletexte/historique/7370325-fr.php | https://web.archive.org/web/20080202150711/http://www.france2.fr/teletexte/historique/7370325-fr.php | ||
+ | |||
+ | [{{:recherche:residence_infra:antiope.png?direct&800|Source photo : [[https://16couleurs.wordpress.com/2020/12/07/le-graphisme-pour-teletexte/|https://16couleurs.wordpress.com/]]}}] | ||
===== Ceefax / Teletext ===== | ===== Ceefax / Teletext ===== | ||
+ | |||
+ | {{:recherche:residence_infra:ceefax_1.jpg?direct&400|}} {{:recherche:residence_infra:ceefax_2.jpg?direct&400|}} | ||
+ | |||
* 1974, BBC’s Ceefax : https://en.wikipedia.org/wiki/Ceefax | * 1974, BBC’s Ceefax : https://en.wikipedia.org/wiki/Ceefax | ||
Ligne 72: | Ligne 92: | ||
* https://zxnet.co.uk/teletext/editor/ | * https://zxnet.co.uk/teletext/editor/ | ||
* Voir ci-dessous pour un logiciel en ligne de commande pour convertir (image2mode7) | * Voir ci-dessous pour un logiciel en ligne de commande pour convertir (image2mode7) | ||
- | * Conversion d'images en ligne (sortie couleur) : http://ww</code>w.teletexttheworld.com/# (pour accéder à toutes les fonctions, choisir la version EN) | + | * Conversion d'images en ligne (sortie couleur) : **http://www.teletexttheworld.com/#** (pour accéder à toutes les fonctions, choisir la version EN) <- j'aime beaucoup celui-ci |
* Conversion d'images en ligne (sortie 1-bits) : https://imagetoteletext.tech-and-software.ltd.uk/ | * Conversion d'images en ligne (sortie 1-bits) : https://imagetoteletext.tech-and-software.ltd.uk/ | ||
* video to teletext : https://8bitkick.github.io/teletext-express/ | * video to teletext : https://8bitkick.github.io/teletext-express/ | ||
Ligne 80: | Ligne 100: | ||
* TTI : https://teletext.wiki.zxnet.co.uk/wiki/MRG_TTI_format | * TTI : https://teletext.wiki.zxnet.co.uk/wiki/MRG_TTI_format | ||
- | **edit.tf**, éditeur télétexte en ligne, les écrans sont encodés dans l'URL | + | ==== edit.tf ==== |
+ | |||
+ | éditeur télétexte en ligne, les écrans sont encodés dans l'URL | ||
* https://edit.tf | * https://edit.tf | ||
* https://github.com/rawles/edit.tf | * https://github.com/rawles/edit.tf | ||
Ligne 88: | Ligne 110: | ||
URL pour accéder à cette image : [[https://edit.tf/#0:J_zp44dOHTh0kW_HUCBASRazqBAgQIECAnoUPDqBAgQIECAmdQIECBAgQEvh0six8saNCgQMECBAgQICaRB7OoECBAgQICZ1AgQIECBAW9HSSjWkPIeD46WwcECBAgJ-Ph1AgQIECBAgJnUCBAgQIEBI6W0dGKFGr7IECBEhQIEBNEzQdDqBAgQIECAmdQIECBAgJMDx0svfoVqBIgQZMCBggQICfo6gQIECBAgQICZ1AgQHiSFKdJlv3zggQIECA-9f_9jwngTas51AgQIECBAgJr0eM8jQokZJevOlkKBAgQIODdxiXoUBNRizrzi9enRo0ZEuTX9EKBAgQIEBJSu3nUCBAgLIUSBAgQE9hzQgIqECBAgSMC6BAgQIECBAgQIECAlr_nTxw6cOnDpz6gQICaFAgQIECBAgJ-OjBAgQIECBAgQICSFfv_nTxw6cOnP_1ggQIECBAgQICOAnz-Hi3w6c2IECBAgJIkXv2dQIEBPR_Oe26BAgQIECBAgIqSf88SToUCBAgRIECAjgJazqAswQE_384jQIECBAgQIECBSuJo-Xgl8_nkqVQgQIEBPUdLav5L-hPkVR04gQICypakJ7PnQmiRnkCBAgQIECBAgQINR0si_kiZw6cIp0CBAgQIECBATRIyZH50YIECBAgQIEBbATxHUBbX_IkzxwiwSIEBbAgQEcB1AgJ_z3fmjRoUCBAS0dvh0mdPltX8iSJnjhLhwYIC6MmRRnSaon_PPCXTg04cPjw-dJ-P50iWPEnqBAgQIEX859YIECAiiznSZ08SQ69_84jQ8DpP_____5b-T0HUCBAgJIlf86c__ehP8RJnTxLQt_nPB0n-OoECBAgQFv5JigQIECBAgQIFZ1ATRKzqAmdQEsR0mwwfj386cOnDpw6XLEmCBAgQIECBAgQIESvehQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECA|lien edit.tf]] | URL pour accéder à cette image : [[https://edit.tf/#0:J_zp44dOHTh0kW_HUCBASRazqBAgQIECAnoUPDqBAgQIECAmdQIECBAgQEvh0six8saNCgQMECBAgQICaRB7OoECBAgQICZ1AgQIECBAW9HSSjWkPIeD46WwcECBAgJ-Ph1AgQIECBAgJnUCBAgQIEBI6W0dGKFGr7IECBEhQIEBNEzQdDqBAgQIECAmdQIECBAgJMDx0svfoVqBIgQZMCBggQICfo6gQIECBAgQICZ1AgQHiSFKdJlv3zggQIECA-9f_9jwngTas51AgQIECBAgJr0eM8jQokZJevOlkKBAgQIODdxiXoUBNRizrzi9enRo0ZEuTX9EKBAgQIEBJSu3nUCBAgLIUSBAgQE9hzQgIqECBAgSMC6BAgQIECBAgQIECAlr_nTxw6cOnDpz6gQICaFAgQIECBAgJ-OjBAgQIECBAgQICSFfv_nTxw6cOnP_1ggQIECBAgQICOAnz-Hi3w6c2IECBAgJIkXv2dQIEBPR_Oe26BAgQIECBAgIqSf88SToUCBAgRIECAjgJazqAswQE_384jQIECBAgQIECBSuJo-Xgl8_nkqVQgQIEBPUdLav5L-hPkVR04gQICypakJ7PnQmiRnkCBAgQIECBAgQINR0si_kiZw6cIp0CBAgQIECBATRIyZH50YIECBAgQIEBbATxHUBbX_IkzxwiwSIEBbAgQEcB1AgJ_z3fmjRoUCBAS0dvh0mdPltX8iSJnjhLhwYIC6MmRRnSaon_PPCXTg04cPjw-dJ-P50iWPEnqBAgQIEX859YIECAiiznSZ08SQ69_84jQ8DpP_____5b-T0HUCBAgJIlf86c__ehP8RJnTxLQt_nPB0n-OoECBAgQFv5JigQIECBAgQIFZ1ATRKzqAmdQEsR0mwwfj386cOnDpw6XLEmCBAgQIECBAgQIESvehQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECBAgQIECA|lien edit.tf]] | ||
+ | |||
+ | **Comment utiliser edit.tf ?** | ||
+ | ==== Utiliser teletexttheworld ==== | ||
+ | Basculer en version EN, la version DE bugue, uploader l'image -> crop -> réglages brightness et saturation -> download | ||
Ligne 266: | Ligne 292: | ||
===== Divers ===== | ===== Divers ===== | ||
- | quantization d'images en ligne : https://rilden.github.io/tiledpalettequant/ | + | quantization d'images en ligne : https://rilden.github.io/tiledpalettequant/ \\ |
+ | appli de quantification qui a l'air très chouette : https://sdf.org/~lynx/projects/imagequantizer/ | ||
**Convertir en palette 8 couleurs fixe avec imagemagick** | **Convertir en palette 8 couleurs fixe avec imagemagick** | ||
Ligne 279: | Ligne 306: | ||
**(variante avec gamma)** \\ | **(variante avec gamma)** \\ | ||
''convert i4.png -gamma 0.6 -ordered-dither o8x8 -remap palette.png png8:image_convertie_dither8x8gamma.png'' | ''convert i4.png -gamma 0.6 -ordered-dither o8x8 -remap palette.png png8:image_convertie_dither8x8gamma.png'' | ||
+ | |||
+ | Résultat (extrait) : | ||
+ | |||
+ | {{:recherche:residence_infra:image_convertie_dither8x8gamma_extrait.png?direct|}} | ||
**tous les modes de dithering ordonnés:** \\ | **tous les modes de dithering ordonnés:** \\ | ||
Ligne 309: | Ligne 340: | ||
c7x7w Circles 7x7 (white) | c7x7w Circles 7x7 (white) | ||
</code> | </code> | ||
+ | |||
+ | ==== Sixel(s) ==== | ||
**libsixel** : https://saitoha.github.io/libsixel/ \\ | **libsixel** : https://saitoha.github.io/libsixel/ \\ |