AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  Connexion  

Partagez | 
 

 Diagon: Générateur d'ASCII art interactif.

Aller en bas 
AuteurMessage
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Diagon: Générateur d'ASCII art interactif.   Mar 1 Mai 2018 - 12:48

Diagon

Langages: C++ (WebAssembly), Javascript, CSS, HTML.
WebApp: www.arthursonzogni.com/Diagon

C'est une collection d'outils. Il prend en entrée un représentation de style markdown et produit en sortie une représentation en ASCCI art.
Je vous laisse tester et me donner vos avis.

Il y a pour l'instant 5 outils et plein d'options pour choisir le style.

  • Diagramme de séquence.
  • Graph planaires.
  • Arbres.
  • Boites.
  • Tableaux.


J'aimerais également, si vous avez des idées, trouvez d'autres outils qui pourraient être ajouté à la collection.
N'hésitez pas à contribuer si vous le souhaitez.

Screenshots:
 

Note: J'ai un peu honte du nom du projet. Si il y a des suggestions, je prend! Merci.

_________________

D'autres jeux :
In The Cube
In the cube 2


Dernière édition par arthuro le Mar 29 Mai 2018 - 19:46, édité 1 fois
Revenir en haut Aller en bas
onilink_
Modérateur
avatar

Messages : 9026
Localisation : Montpellier
Projet Actuel : Planet Centauri
OniDev

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mar 1 Mai 2018 - 20:58

C'est cool tout ça Very Happy
Manque juste un thème dark pour pas défoncer nos pauvres yeux de taupes :p

_________________
                 
Revenir en haut Aller en bas
En ligne
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mer 2 Mai 2018 - 22:28

Et voila, j'ai ajouté un thème dark.

(Si la réponse du serveur est une suite de caractères bizarres, merci d'attendre 60min à partir de maintenant (Il faut que je configure ça, mais je préfère attendre aujourd'hui))

_________________

D'autres jeux :
In The Cube
In the cube 2
Revenir en haut Aller en bas
onilink_
Modérateur
avatar

Messages : 9026
Localisation : Montpellier
Projet Actuel : Planet Centauri
OniDev

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Jeu 3 Mai 2018 - 8:24

C'est vraiment cool, ça a l'air de bien fonctionner.
Je vais sûrement utiliser tout ça pour faire de jolis commentaires dans mon code coeur

_________________
                 
Revenir en haut Aller en bas
En ligne
[TheDarkTiger]
Modérateur
avatar

Messages : 7416
Localisation : Essonne

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Jeu 3 Mai 2018 - 22:26

C'est nice et ça marche plutôt bien =D

Le coup de fournir des exemples, c'est super aussi =)

J'ai des défauts d'affichage sous Firefox 59.0.2 64bits, (en unicode).
C'est particulièrement voyant avec les "Tables" (un peu rounded, beaucoup bold et cells).

Des options à rajouter ?
Peut être des caractères customs ? (genre pour les tables, choisir les horizontals, verticals, et le cas échéant headers)
Une ombre pour les frames ? Un effet "parchemin" ?

Le planar graph en ASCII est pas super lisible, mais je vois pas comment l'améliorer =/
(Mais c'est génial en tout cas =D)

Je serais curieux de voir jusqu'où ça va aller cette histoire =D

_________________
Bonne chance pour vos projets actuels ! Prêt à aider ceux qui en ont besoin ^^
l'antique http://www.membres.lycos.fr/thedarkminousite/
Bienvenue au 2545eme utilisateur : StePheN !
Revenir en haut Aller en bas
http://www.tdms.fr
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Ven 4 Mai 2018 - 22:37

Merci pour ces retours !

onilink a écrit:

C'est vraiment cool, ça a l'air de bien fonctionner.
Je vais sûrement utiliser tout ça pour faire de jolis commentaires dans mon code coeur
Merci! J'ai surtout fait cet outil pour faire de commentaires utiles dans mon code. Donc parfait!

[TheDarkTiger] a écrit:
C'est nice et ça marche plutôt bien =D
Le coup de fournir des exemples, c'est super aussi =)

Oui, j'ai toujours pensé qu'il était plus simple d'apprendre par l'exemple plutôt que par des instructions. En plus je n'ai pas besoin de traduire les explication dans plusieurs langages.

[TheDarkTiger] a écrit:
J'ai des défauts d'affichage sous Firefox 59.0.2 64bits, (en unicode).
C'est particulièrement voyant avec les "Tables" (un peu rounded, beaucoup bold et cells).

J'ai surtout testé le rendu avec Chrome. Je viens de tester avec Firefox, ça à l'air de fonctionner. J'ai changer un peu le CSS aujourd'hui pour avoir un meilleur affichage sur mobile, peut-être que j'ai fixé le soucis entre temps?

[TheDarkTiger] a écrit:
Des options à rajouter ?
Peut être des caractères customs ? (genre pour les tables, choisir les horizontals, verticals, et le cas échéant headers)

Bonne idée. Mon soucis, c'est que mon modèle actuel utilise 22 caractères différents. Tous mes thèmes sont basés sur ce modèle.
https://github.com/ArthurSonzogni/Diagon/blob/master/src/translator/table/Table.cpp

[TheDarkTiger] a écrit:
Une ombre pour les frames ? Un effet "parchemin" ?

Il y a sans doute pas mal de variantes à faire pour les "frames".

[TheDarkTiger] a écrit:
Le planar graph en ASCII est pas super lisible, mais je vois pas comment l'améliorer =/
(Mais c'est génial en tout cas =D)

Oui je suis d'accord. C'était le plus grand défi après "sequence diagram".  C'est très compliqué de faire un rendu en ASCII art d'un graphe. D'ailleur j'avais demandé de l'aide sur ce forum ici: http://cbna.forumactif.com/t13514-c-dessin-de-graph-en-ascii-art

[TheDarkTiger] a écrit:
Je serais curieux de voir jusqu'où ça va aller cette histoire =D
Merci!

_________________

D'autres jeux :
In The Cube
In the cube 2
Revenir en haut Aller en bas
[TheDarkTiger]
Modérateur
avatar

Messages : 7416
Localisation : Essonne

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mar 8 Mai 2018 - 15:10

arthuro a écrit:
Bonne idée. Mon soucis, c'est que mon modèle actuel utilise 22 caractères différents. Tous mes thèmes sont basés sur ce modèle.
https://github.com/ArthurSonzogni/Diagon/blob/master/src/translator/table/Table.cpp

Bha c'est cool ça =D
Y a juste à proposer à l'utilisateur de rentrer ses 22 caractères =)


arthuro a écrit:
Oui je suis d'accord. C'était le plus grand défi après "sequence diagram".  C'est très compliqué de faire un rendu en ASCII art d'un graphe. D'ailleur j'avais demandé de l'aide sur ce forum ici: http://cbna.forumactif.com/t13514-c-dessin-de-graph-en-ascii-art

Vi, je me souviens de ce thread ^^
Peut être "aérer" plus en vertical ?

^^

_________________
Bonne chance pour vos projets actuels ! Prêt à aider ceux qui en ont besoin ^^
l'antique http://www.membres.lycos.fr/thedarkminousite/
Bienvenue au 2545eme utilisateur : StePheN !
Revenir en haut Aller en bas
http://www.tdms.fr
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mar 8 Mai 2018 - 21:03

C'est compliqué sans l'input de l'utilisateur de présenter un graph qui représente vraiment ce que l'utilisateur souhaite. Basiquement, moi, je place les sommets du graph à l'endroit à ça me chante, du moment où je peux tracer le graphique. Il se trouve que c'est bof presque tout le temps.

_________________

D'autres jeux :
In The Cube
In the cube 2


Dernière édition par arthuro le Mar 15 Mai 2018 - 18:34, édité 1 fois
Revenir en haut Aller en bas
[TheDarkTiger]
Modérateur
avatar

Messages : 7416
Localisation : Essonne

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Lun 14 Mai 2018 - 23:05

Ha oui, je me doute bien =P
C'est pour ça que je l'ai pas fait XD

_________________
Bonne chance pour vos projets actuels ! Prêt à aider ceux qui en ont besoin ^^
l'antique http://www.membres.lycos.fr/thedarkminousite/
Bienvenue au 2545eme utilisateur : StePheN !
Revenir en haut Aller en bas
http://www.tdms.fr
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Lun 21 Mai 2018 - 17:05

[Mise à jour]

J'ai rajouté un module pour afficher des formules mathématiques:







Pas mal non?
Cela fonctionne en ASCII ou en Unicode.
Si vous avez des idées d'ASCII arts pour des math, n'hésitez pas.

_________________

D'autres jeux :
In The Cube
In the cube 2
Revenir en haut Aller en bas
onilink_
Modérateur
avatar

Messages : 9026
Localisation : Montpellier
Projet Actuel : Planet Centauri
OniDev

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mar 22 Mai 2018 - 15:38

Le résultat est vraiment cool! Beau boulot. happy1

_________________
                 
Revenir en haut Aller en bas
En ligne
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Dim 27 Mai 2018 - 16:16

Petite mise à jour: Les vecteurs / matrices.


_________________

D'autres jeux :
In The Cube
In the cube 2
Revenir en haut Aller en bas
onilink_
Modérateur
avatar

Messages : 9026
Localisation : Montpellier
Projet Actuel : Planet Centauri
OniDev

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Lun 28 Mai 2018 - 7:31

C'est ****** de cool!
J'en avais justement besoin pour documenter ma bibli de transformations =D

_________________
                 
Revenir en haut Aller en bas
En ligne
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mar 29 Mai 2018 - 21:08

Cool, content que ça puisse être utile. J'espère l'utiliser pour commenter mon code.
Je pense que le module de math et celui des diagrammes séquence sont les plus utiles pour ça.

Je viens de faire un test avec les matrices pour des transformation:

Input:
Code:

rotationz(theta) = [+cos(theta), -sin(theta), 0, 0; +sin(theta), +cos(theta), 0, 0; 0, 0, 1, 0; 0, 0, 0, 1]

translation(alpha, beta, gamma) = [1,0,0,alpha; 0,1,0,beta; 0,0,1, gamma; 0,0,0,1]

projection = [1,0,0,0; 0,1,0,0; 0,0,0,1; 0,0,1,0]

Output:


Un second essai pour la route:

_________________

D'autres jeux :
In The Cube
In the cube 2
Revenir en haut Aller en bas
[TheDarkTiger]
Modérateur
avatar

Messages : 7416
Localisation : Essonne

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mar 19 Juin 2018 - 23:19

Sympa = D
Tu utilise quels caractères ASCII pour les intégrales ou les grandes parenthèses ?

_________________
Bonne chance pour vos projets actuels ! Prêt à aider ceux qui en ont besoin ^^
l'antique http://www.membres.lycos.fr/thedarkminousite/
Bienvenue au 2545eme utilisateur : StePheN !
Revenir en haut Aller en bas
http://www.tdms.fr
arthuro
Utilisateur confirmé: Rang ****
avatar

Messages : 1400
Localisation : Paris
Projet Actuel : Diagon https://arthursonzogni.com/Diagon

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mer 20 Juin 2018 - 21:43

Merci  gnii

Voila le code source:
https://github.com/ArthurSonzogni/Diagon/blob/master/src/translator/math/Math.cpp#L548

Il y a déjà des symboles unicode pour faire des parenthese en plusieurs parties:
U+239B ⎛ e2 8e 9b LEFT PAR­EN­THE­SIS UPPER HOOK
U+239C ⎜ e2 8e 9c LEFT PAR­EN­THE­SIS EXTENSION
U+239D ⎝ e2 8e 9d LEFT PAR­EN­THE­SIS LOWER HOOK
U+239E ⎞ e2 8e 9e RIGHT PAR­EN­THE­SIS UPPER HOOK
U+239F ⎟ e2 8e 9f RIGHT PAR­EN­THE­SIS EXTENSION
U+23A0 ⎠ e2 8e a0 RIGHT PAR­EN­THE­SIS LOWER HOOK

_________________

D'autres jeux :
In The Cube
In the cube 2
Revenir en haut Aller en bas
[TheDarkTiger]
Modérateur
avatar

Messages : 7416
Localisation : Essonne

MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   Mer 27 Juin 2018 - 23:52

Vi, unicode, mais pour l'ASCII tu fait comment ? =P
Et à regarder le code source, j'ai compris ^^
Cool ça =)

_________________
Bonne chance pour vos projets actuels ! Prêt à aider ceux qui en ont besoin ^^
l'antique http://www.membres.lycos.fr/thedarkminousite/
Bienvenue au 2545eme utilisateur : StePheN !
Revenir en haut Aller en bas
http://www.tdms.fr
Contenu sponsorisé




MessageSujet: Re: Diagon: Générateur d'ASCII art interactif.   

Revenir en haut Aller en bas
 
Diagon: Générateur d'ASCII art interactif.
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Générateur de cartes de la Pologne
» générateur gif annimés
» Changement d’opérateur ?
» générateur de banniere en ligne
» Opérateur régleur sur machine automatisée

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum Le CBNA :: Informations :: Projets-
Sauter vers: