#366 – Décors à bas coûts

Occuper son temps, occuper son temps… D’accord. Mais à quoi ? Un visual novel tiens, ce serait pas mal. J’ai envie d’en faire un, tout en français, qui ne suit quasiment aucun des codes habituels, sans romance, et visuellement éloigné du style japonais.

J’ai quelques idées de scénarios qui s’y prêteraient bien, mais la plupart seraient trop long. Il me faut me remettre Ren’Py dans les doigts dans un premier temps. Et pour ça je veux attaquer par un tout petit projet, presque improvisé. Que ça me prenne pas plus d’un mois.

Problème avec les visual novels quand on est seul : il faut écrire une histoire et des dialogues intéressants ou au moins drôles, dessiner des décors et des personnages avec une variété d’expressions faciales pour chacun, composer la musique, ajouter quelques bruitages et programmer le tout.

Même un petit projet, c’est long. Pour m’occuper, ça va m’occuper, vous allez me dire. Certes. Mais par quoi commencer ? D’autant que je ne sais pas dessiner. Enfin pas assez pour évoquer la moindre atmosphère dans un paysage. Et je sais que c’est l’étape qui va me bloquer. Tant que j’ai des décors et des personnages, je trouverai toujours des choses à leur faire faire.

Alors voilà, j’attaque les choses de front, et depuis quelques jours je cherche à transformer des photos de manière à ce qu’elles ressemblent à des dessins. Je fais ça sur Affinity Photo. Pas facile d’obtenir un résultat satisfaisant, mais on se rapproche de quelque chose.

Voici ce que ça donne pour l’instant.

Je n’ai pas encore compris ce qui faisait que ça marchait avec certaines images et pas d’autres. La luminosité, les contrastes tout ça. Autant de chose que je ne gère jamais en photographiant avec mon téléphone portable. Il y a encore des progrès à faire. Il me faudra sans aucun doute retoucher les images pour donner encore plus l’impression d’un dessin, et moins d’une photo. Il me faudra également ajouter de la couleur, car le noir et blanc lassera trop vite.

Là encore je me demande comment trouver le processus le plus rapide pour donner un peu de vie aux scènes sans trop me casser la tête. Faire de grands aplats à la Lucky Luke ? Avec une couleur unique mais qui changerait selon ce qui se passe dans la scène, pour donner un semblant de variété ? Je ne sais pas. J’ai tenté quelques trucs qui me font penser que quelque chose de sympa est possible, mais que je n’y suis pas encore.

J’ai bien aimé toutefois leur donner un côté un peu sale, et jouer avec l’outil d’inpainting (qui remplie les zones sur lesquelles vous passez le pinceaux en fonction du contexte), ce qui peut donner des résultats assez surréalistes ou inquiétants.

Même image que la troisième image de ce post.

Ce qui me donne évidemment l’envie de faire un jeu dans lequel la réalité s’effondrerait en mode glitch ou quelque chose comme ça. Et bien sûr, l’atmosphère qui sortira des ces images influencera le scénario du visual novel. Parce que je ne suis clairement pas du genre à développer des techniques qui me permettent de retranscrire exactement ce que je veux pour une histoire. Si un jour j’estime avoir une histoire qui vaille le coup de travailler dans ce sens, je paierai une ou un graphiste.

Évidemment, si vous connaissez des techniques qui demandent peu de travail pour un résultat plus propre, n’hésitez pas à me filer le tuyau. Sinon je vais encore devoir trouver des explications abracadabrantesques pour justifier ma devise habituelle : vite fait, mal fait.

#349 – Rien de rien

Les jours où je ne sais pas quoi raconter ici ne sont pas des bons jours. Hier, par exemple, n’en était pas un, je n’ai rien posté. Aujourd’hui non plus, mais je me force.

Si je n’ai rien à raconter, c’est que je n’ai pas vécu grand chose, ou rien appris de nouveau, ou rien fabriqué, ou envie de rien, ou que je suis très fatigué. Bon. Mais alors, pourquoi ne pas écrire une note de blog non pas quotidiennement, mais seulement quand j’ai quelque chose à raconter ? C’est bien normal, en tant que lectrice ou lecteur, de se poser la question ainsi. Je préfère également la qualité à la quantité. Mais pas en tant que moi qui tient un blog.

J’essaie de me discipliner. J’ai très facilement tendance à ne rien faire, ou à laisser tomber ce que je m’étais dit que je ferais. Je ne vois pas bien à quoi cette tendance personnelle pourrait bien me mener si je ne faisais rien pour la contrer, mais je suis convaincu qu’en tout cas elle ne m’aiderait pas à mener une vie plus agréable sur le long terme. C’est pourquoi je me force chaque jour à écrire quelque chose. Pour contrer ma nature. Évidemment, ce n’est pas la seule chose que je fais dans ce but, mais ça fait partie du package.

Pardon ? Vous plaisantez j’espère. Si vous êtes chaque jour heureuse ou -reux sans avoir le moindre effort à fournir pour l’être, c’est vous qui êtes bizarre.

Mais il y a également le fait que je ne suis jamais très fier de ce que je fais. Ou alors pas longtemps. Il peut m’arriver d’être satisfait une journée ou deux d’une mélodie, d’un texte ou d’un dessin aboutis, mais ça ne dure pas. Dès les 48h passées, j’ai souvent la sensation que cela n’est rien, que je n’aurais jamais dû le partager, et une grande honte m’assaille alors. La honte c’est pire que tout. La honte me donne envie de ne plus exister. Malheureusement, je crois devoir admettre que c’est souvent la peur et la honte qui motivent mes actions quand je ne me surveille pas.

Imaginez donc si, n’écrivant un article que lorsque j’estime que j’ai quelque chose de digne d’intérêt à dire ou à montrer, je devais assumer la qualité de ce que je fais. Impossible. En postant quotidiennement, j’espère que quelques personnes trouveront au milieu de tout ça une ou deux choses à leur goût, mais je me protège puisque j’ai toujours la possibilité de dire tu sais, quand on doit poster tous les jours, c’est normal que la plupart du temps ce soit mauvais.

Si, et je dis bien si, je ne devais poster que quand j’estime avoir quelque chose de digne d’intérêt à montrer ou dire, je ne posterais donc jamais. Ou alors, j’effacerais mes notes au bout de 48h.

Si vous êtes fins raisonneurs, vous pourriez opposer à ma démarche le fait qu’il serait sans doute plus important de travailler à assumer de ne poster que des choses que j’estime d’intérêt sur le moment, et à ne pas laisser peur et honte me dominer ainsi. Mouais. Peut-être un jour. Ça ne résoudrait de toute façon pas l’aspect se tenir à une discipline de la chose. Alors pour l’instant, vous allez encore vous farcir du quotidien à qualité variable. Ne croyez pas que je n’ai pas également honte de ça aussi.

Hein ? Oui, toutes ces images sont réalisées sur Affinity Designer à partir d’étoiles générées en SVG dans le Regular Star Polygon Generator. C’est bien, vous suivez mine de rien.

#348 – Regular Star Polygon Generator

R.S.P.G. pour les intimes.

Hier vous avez eu droit à l’un des pires articles depuis la création du blog, mais aujourd’hui, j’ai pas chômé.

J’ai réussi à le coder entièrement, ce générateur à polygones réguliers étoilés. Ça m’aura pris du temps, mais il est là. Comme dit précédemment, je l’ai fait sur p5.js Avec, on peut obtenir des étoiles comme ceci :

J’ai même ajouté quelques options. Tout à base de boutons, pas à mettre un seul chiffre dans une seul ligne de code. C’est prémâché.

Le générateur permet d’exporter en .png, mais surtout en .svg !
Car, bien sûr, l’intérêt principal de ce générateur est d’obtenir rapidement l’image vectorielle d’une étoile parfaitement régulière afin de pouvoir facilement la modifier pour s’en servir dans différents projets graphiques.

=> R.S.P.G. <=

#343 – Un peu plus près des étoiles

Eh ben finalement, j’ai réussi à le programmer, ce générateur de polygones réguliers étoilés.

Après avoir publié l’article d’hier je m’en voulais d’avoir abandonné sans aboutir il y a plusieurs mois. J’ai recommencé à chercher de la documentation et des tutoriels avec d’autres mots-clés et bingo. Un tuto sur les polygones réguliers et quelques heures de tâtonnement plus loin, j’ai pu générer mes étoiles sur p5.

Voyez donc les 12 premiers polygones réguliers étoilés, classés de gauche à droite et de haut en bas suivant un nombre de sommets, puis un intervalle entre les sommets reliés, croissants :

Ceux-là je leur ai mis un petit cercle autour. Pour faire joli.

Il s’agissait donc des classiques :

{5/2} {7/2} {7/3}
{8/3} {9/2} {9/4}
{10/3} {11/2} {11/3}
{11/4} {11/5} {12/5}

Mais si ça ne vous suffit pas, voilà les 45 premiers, qui forment des étoiles de 5 à 20 branches. Sans cercle autour. Pour pas faire joli.

Comme je le disais, chacune de ces étoiles a été générée sur p5, et voici les quelques lignes de codes qui vous permettent de les produire, n’avez qu’à copier tout ça ici.

let larg = 500; //largeur de l'image
let haut = larg; //hauteur de l'image

let s = 12; //nombre de sommets du polygone
let p = 5; //nombre de pas (intervalles entre sommets reliés)
let r = larg/2.4; //rayon du cercle sur lequel sont les sommets du polygone
let rc = r*2.3; //rayon du cercle extérieur si utilisé

function setup() { 
  createCanvas(larg, haut);
  noLoop();
}

function draw() {
  background(0); //couleur du fond (0 à 255)
  strokeWeight(2); //épaisseur du trait
  stroke(255); //couleur du trait
  noFill(); //pas de remplissage du polygone
  
  sPolygone(width/2, height/2, s, p, r, PI/-2); //PI/2); si vous voulez mettre la "tête" de l'étoile en bas.
  cercleExt(width/2, height/2); //commentez pour cacher le cercle extérieur
  //save('s_p.png'); //dé-commentez pour sauvegarder l'image générée
}

function sPolygone(x, y, s, p, radius, rotation) {
  beginShape();
  for (let i=0; i<s; i++) {
    vertex (x+cos((p*i)*TAU/s+rotation)*radius, y+sin((p*i)*TAU/s+rotation)*radius);
  }
  endShape(CLOSE);
}

function cercleExt(x, y) {
  beginShape();
    circle(x, y, rc);
  endShape(CLOSE);
}

En passant quelques heures supplémentaires dessus, on peut largement améliorer ce code à tout point de vue. Mais bon, même en l’état, ça vous laisse l’occasion de vous amuser, et le mot n’est pas trop fort, je dis bien vous amuser, à changer les valeurs des variables s et p.

Pour faire court, vous trouvez un polygone régulier étoilé à chaque fois que s et p n’ont pas d’autre facteur commun que 1 ET que p et supérieur ou égal à 2. Par exemple : s = 48 et p = 23 marchent très bien.

Il ne me reste maintenant qu’à trouver comment passer des pixels au vectoriel pour rendre ce générateur vraiment utile. Mais pas toutes les émotions d’un coup. On verra ça plus tard, peut-être.

#342 – Starstickers

Dernière fournée d’étoiles. Après, on reviendra à un peu de blabla. J’écoule les stocks. Pas eu grand chose à dire ces derniers jours. Pas eu trop envie non plus.

Ce truc-là, comme les précédents, a été fait pour Numéro 0. À cette période, je photographiais tous les stickers d’Ixelles. Parallèlement, j’essayais de programmer un générateur de polygones réguliers étoilés sur processing. J’ai pas réussi. Celle-ci est dessinée au pifomètre. Je ne baisse pas les bras, mais mon niveau en maths et en programmation ne me laissent pas grand espoir d’y arriver par moi-même.

Et donc, je me disais, faire un sticker ce serait pas mal. Tentons avec une étoile.

polygone à 11 côtés

étoile à 11 branches

Bon. Voilà. C’était un test. J’estime pas ça assez bon pour en imprimer une centaine. Et puisque je n’arrive pas à programmer un générateur qui me permette de les dessiner proprement en quelques clics, c’était la première et dernière tentative de starsticker.

Dommage, je voulais faire une série, présentant tous les modèles de polygones de 5 à… je ne sais pas 12, 13 côtés peut-être plus. Ça en fait un paquet, en comptant que pour 7, 9, 11 et 13, entre autres, côtés, il y a différentes manières de relier les points entre eux qui donnent différentes étoiles. Par exemple il y a quatre façons de dessiner un tel polygone à 11 côtés :

Cette image est piquée de cette page wikipédia.

Ces polygones ont chacun onze sommets. Selon qu’on en relie 1 sur 2, 1 sur 3, sur 4 ou sur 5, on obtient ces différentes formes.

Enfin bref, pas question que je me tape ce travail sans avoir des étoiles parfaites et rapides à générer.

En bonus (quel bonus ! vous vous dites), les deux versions sur fond transparent, pour les qui aimeraient se les imprimer.

#341 – Speen

Alors alors, oui. Hier il y a eu comme un raté. Je devais vous poster le gif jumeau du précédent. J’ai oublié. Complètement oublié. C’est ça d’avoir des horaires et des jours de travail qui changent toutes les semaines. Finit par ne plus s’y retrouver.

Enfin bon, raté pour raté, le second gif, je ne vais pas l’afficher.

Non, il est trop volumineux. J’ai de la peine pour votre connexion et votre forfait data. 50Mo et quelques. Si vous voulez le voir dans toute sa lourdeur inutile :

CLIQUEZ ICI


#340 – Weeve

Quelques images aujourd’hui. L’une qui bouge. Les autres qui bougent pas.

Comme d’habitude si vous cliquez sur image ça vous l’ouvre dans une nouvelle fenêtre en plus grand. Faudra que je règle ça un de ces jours.

Un de ces jours aussi, faudra que je vous cause des polygones réguliers étoilés. Mais là, je vous avoue que j’ai un peu la flemme.


#335 – Tapixeries

Aujourd’hui, je vous explique comment faire des tapisseries de pixels. Des tapixeries. Je me doute bien que vous n’en ferez jamais, mais bon, c’est là. Si besoin, servez-vous.

Je me ressers de motifs créés pour les besoins de la petite énigme partagée hier, cela dit il n’y a aucun lien avec l’énigme en elle-même. Ne cherchez donc pas la réponse ici.

Je me rends également compte que le blog affiche mal les images avec très peu de pixels et ajoute une sorte de flou dégueulasse par dessus, c’est pourquoi je vous invite à cliquer sur ces dernières pour les voir dans leur taille originale.

Allons-y donc pour le tuto tapixeries.


Sur un canevas carré, dessinez un petit motif.

Sur une grille de 2×2 carrés, placez votre petit motif en respectant une certaine symétrie, pour en faire un plus grand motif.

Faites varier cette symétrie pour obtenir d’autres grands motifs à partir du même petit motif de base.

Créez d’autres petits motifs.

Recommencez les étapes précédentes.

Ensuite, faites en des tapisseries de pixels, en plaçant vos motifs aléatoirement les uns à côté des autres.

Voilà, vous avez gaspillé de nombreuses heures de votre précieuse existence à réaliser quelque chose d’absolument inutile et de même pas vraiment beau. Tant pis pour vous.