TchouL'angle de la hampe du panneau (et du panneau) : droit, à +15° vers la droite/gauche genre shuis véner et je tiens pas droit, à -180° genre je suis tellement depressé que je tiens mon panneau qui traine par terre, ...

C'est "prévu" dans le sens où le texte + bordure sera dans un groupe "à part" et qu'il sera donc "transformable" (idem pour la hampe). Ca permettra aussi de faire des animations (si on veut) sur des parties.

TchouLa possibilité de mettre son propre smiley et/ou de modifier celui proposé via une petite interface de dessin. Pouvoir mettre autre chose que du texte sur le panneau (pareil, via une petite ui de dessin).

Pour le smiley perso, pourquoi pas, c'est simple : url + ratio du resize + position x,y. Pour autre chose que du texte, c'est techniquement faisable, mais je suis moins fan (notamment parce que ça implique l'UI de dessin ).

TchouPour l'animation (et/ou un canvas ou un svg plutôt qu'une image gif qui s'appele même si tu fais appel au panneau depuis un autre site, et c'était le cas, je créait mon panneau sur (la) lexpage et jy faisait appel depuis un autre forum), il y a plusieurs solutions : le gif animé, le apng (mais là, le support est pas top ( caniuse.com/#search=apng )), le format video (hé ouais), ou gérer ça en canvas et animation en js (genre via un pseudo code qui active une biblio js qui se charge sur toutes les pages, ça me semble mieux (mais c'est à discuter) qu'un js qui se charge après le rendu d'un panneau, mais là ça commence à être complexe), ...

Dans l'idée, ce serait d'avoir quelque chose du genre
<canvas class="panel-smiley" data-panel="serialisationdesparametres"></canvas> et ensuite faire une sorte d'activate sur les .panel-smiley, qui va dessiner dans le canevas sur base du contenu du data-panel (un peu comme tu actives des "tooltips" dans Bootstrap, si on veut). Evidemment, cela signifie que le panneau ne sera visible que sur un site qui contient la librairie pour l'afficher, mais cela ne me choque pas plus que ça (dans tous les cas, je ne veux pas stocker les smiley sur le serveur. Pour la v3, on avait énormément de requêtes extérieures sur les panneaux).

Bon, j'ai un prototype à réaliser pour autre chose, mais dès que j'ai fini, j'reviens sur cette histoire de panneaux

Mise à jour du Fiddle :
jsfiddle.net/bobmk4qe/9/

Le global scope est nettoyé, et il y a une série d'options qui peuvent être précisées :
- Texte : le contenu, la couleur, la police, la taille ;
- Panneau : la couleur de fond et la couleur de la bordure ;
- Piquet : la couleur du piquet
- Smiley : l'image à utiliser, ainsi que le décalage en X et Y.

D'autres paramètres sont accessibles sous forme de constantes dans le code :
- marge verticale (haut et bas)
- marge horizontale (gauche et droite)
- padding horizontal du texte (~ marge entre le texte et le panneau)
- padding vertical du texte
- taille du piquet
- largeur du piquet
- largeur de la bordure du panneau

Avec ça, on a de quoi refaire les panneaux de la v3.

Si Tchou le souhaite, il peut ajouter fullPanel.setAngle(5); quelque part aux alentours de la ligne 85 (après la déclaration du fullPanel) pour tester la rotation. Ca donne moyen (ok. Faut aussi adapter la taille du canvas en conséquence, mais pour l'instant, ça donne l'idée).

Voilà, j'ai encore mis à jour le fiddle :
jsfiddle.net/bobmk4qe/12/

Ca utilise la dernière version de FabricJS, et donc ça corrige quelques uns des bugs rencontrés.
Pour faire plaisir à Fabe, on peut maintenant préciser qu'on veut que le panneau soit animé

Au niveau des options, sur le canvas, c'est :
data-text : Le texte à afficher
data-text-color : La couleur du texte
data-text-font : La police du texte
data-text-size : La taille du texte
data-board-background : Le fond du panneau
data-board-border : La bordure du panneau
data-stake-color : La couleur du piquet
data-smiley : L'URL du smiley à utiliser
data-smiley-x : L'offset x à appliquer si nécessaire
data-smiley-y : L'offset y à appliquer si nécessaire
data-animate : true pour animer.
data-animation-duration : la durée de l'animation (cyclique)

Y a des valeurs par défaut pour tous les paramètres, donc on peut tester très facilement
Avec ça, on a "à peu près" la même chose que sur la v3. Reste à intégrer ça à Lexpage... mais je sais pas encore comment gérer les options avec le pseudo-bbcode sans que ça ne soit trop "pénible". Et le data-url (avoir l'image complète sous forme de string, en gros) ne fonctionne pas avec des images distantes (donc impossible de charger un smiley distant/personnalisé comme Tchou le souhaite, si j'utilise ce système).

Si on met le smiley il est pas animé

Je pense que le chargement de gif animé dans un canvas est quelque chose de très délicat.
Je vais me renseigner.

Edité :

Unfortunately, the DOM doesn't expose individual frames of a GIF, so this is done by downloading the GIF (with XMLHttpRequest), parsing it, and drawing it on a <canvas>.

Bon....

Guybrush

Unfortunately, the DOM doesn't expose individual frames of a GIF, so this is done by downloading the GIF (with XMLHttpRequest), parsing it, and drawing it on a <canvas>.

Bon....

Même faire des panneaux dans un canvas ne suscite plus l'engouement, y compris de Tchou. Que faut-il donc faire ?

Supprimer les w-e déconnectés ? J'vois qu'ça !

Effectivement. Allez, hop, au boulot