Dessiner un terrain de basket-ball en Java

Bonjour à tous;
Nous sommes un binôme de PFE. Nous avons aucune connaissance sur les interfaces graphiques en Java. Nous devons nécessairement dessiner un terrain de basket-ball en ce langage (EDI utilisé: JBuilder). Cette interface sera ultérieurement programmée. Le terrain doit être de dimension comme le montre ce lien http://fr.wikipedia.org/wiki/Fichier...ensions-fr.svg
mais en centimétres ( 28 cm/15). Nous espérons bien que vous nous éclaircirez un peu le problème et si vous pouvez nous guider vers un support de cours qui entamne les aspects de base des interfaces graphiques en Java.
Merci d'avance pour vos réponses et votre aide :D

En ce qui concerne swing, la référence la plus complète est le tutoriel de Sun
http://java.sun.com/docs/books/tutorial/uiswing/


Et vu ce que vous essayez de faire vous allez devoir vous plonger plus que probablement dans java2d : http://java.sun.com/docs/books/tutorial/2d/index.html

RE
En ce qui concerne la redimension , quelqu'un peut nous aider à avoir une bonne échelle? Est-ce que l'échelle (28cm/15) correspond bien (Dimension réelle d'un terrain de BB: 28m/15). Certains nous ont dit qu'il faut faire la conversion de pixels vers le cm. Quelqu'un peut nous éclaircir un peu?
Merci une autre fois :D

Bah en fait suffit de garder le ratio 28/15, le reste tu te moque de la taille en soit, vu que les utilisateurs ont des écrans de taille différente. Donc il faut faire en fonction de la taille du composant qui contient le terrain.

RE
Alors comment pouvons-nous programmer cette interface en cm de façon qu'elle ait les memes dimensions (28cm/15) sur n'importe quel PC (n'importe quelle résolution de l'écran).
En plus l'encadreur nous a demandé de programmer un chronomètre invisible (en Java aussi), quelqu'un pourrait nous éclaircir un peu?
Merci.

http://www.developpez.net/forums/d70...a/#post4087460

Pour le chronomètre en java il te suffit d'utiliser un Timer.

Sinok;
Merci beaucoup pou ton aide et nous espérons que tu acceptes de nous répondre car y a pas mal d'autres questions à l'esprit. Comme nous l'avons vu, il y a plusieurs manières pour dessiner des formes graphiques en Java, mzis nous voulons savoir laquelle la plus simple à manipuler par des extremes débutants? (C'est la première fois que nous dessinons en Java :mouarf: Aucune connaissance en GUI). De plus, comment pouvns nous dessiner la ligne médiane, les raquettes,..?
Excuse-nous s'il te plait pour nos questions!

Pour celà il va vous falloir apprendre à utiliser Java2D qui est l'API de java destiné au dessin. cf le second lien que je vous ai donné dans ma première réponse.

Sinok;
Tu veux dire que je peux tout fire avec les deux bibliothèques swing et 2D sans recourir à d'autres biblio comme AWT et autres?
Merci

Mouaip.

j'ajouterai aussi ce lien à ceux déjà listés
http://zetcode.com/tutorials/java2dtutorial/

RE;
Quelqu'un peut me faire comprendre la méthode fillRect()
Exp: g2d.setColor(new Color(241, 98, 69));
g2d.fillRect(250, 105, 90, 60);
et à quelle biblio appartient? Pour mon exemple je veux que le cadrement soit en noir et la totalité du terrain en oranger (ou bien en une autre couleur).
Merci

Vous trouverez aisément les réponses dans les tutoriels que nous vous avons donnés, on ne vas pas faire le travail à votre place.

La classe que tu cherches s'appelle Graphics2D

Toutes ses méthodes sont expliquées dans le lien fourni.

Et en général pour trouver des informations sur une classe sont trouvables dans la javadoc

AUCUN ne t'as demandé de faire notre travail Monsieur ! et ça c'est clair de tous nos messages! Nous avons seulement demandé de nous éclaircir quelques points. En plus, nos questions sont pour tout le monde pas pour une seule personne.

salut,

ce n'est pas la peine de s'énerver.

comme le dis sinok, la réponse se trouve dans la doc de la classe Graphics2D

dans votre exemple,

Code:

---

1 2	g2d.setColor(new Color(241, 98, 69)); g2d.fillRect(250, 105, 90, 60);

---

g2d est une instance de la classe Graphics2D

vous affectez la couleur Color(241, 98, 69), ce qui correspond à
rouge : 241
vert : 98
bleu : 69

et puis vous dessinez un rectangle qui aura la couleur que vous avez définit avec setColor, et qui aura comme coordonnées
x : 250
y : 105
largeur : 90
hauteur : 60

tout cela est expliqué dans la documentation de Graphics2D et Graphics qui est sa classe mère, donc la réaction de sinok est légitime

la classe Graphics2D et Graphics contiennent différentes méthodes pour dessiner différentes formes
drawArc, drawImage, drawLine, drawOval, drawPolygon, drawPolyline, drawRect, drawRoundRect, drawString ...

Tout d'abord je me suis pas énervé :D mais vraiment le fait que quelqu'un tu fais sentir comme si tu as les mains croisées en attendant "une solution prete" me géne beaucoup. Nous faisons un grand effort pour ça car nous n'avons pas encore du temps et c'est tout! En tout cas merci pour tout qui nous a réponu.

Salut à tous!
Je m'interroge si "JBuilder" me permet de dessiner cette GUI du terrain en générant automatiquement le code ou non (dessiner des rectangles, cercles, lignes,...). Sinon, quelqu'un connait un IDE Java qui le permet?
Merci de me répondre. J'ai encore 3 jours seulement :oops:

Citation:

---

Envoyé par Binôme_pfe

Salut à tous!
Je m'interroge si "JBuilder" me permet de dessiner cette GUI du terrain en générant automatiquement le code ou non (dessiner des rectangles, cercles, lignes,...). Sinon, quelqu'un connait un IDE Java qui le permet?
Merci de me répondre. J'ai encore 3 jours seulement :oops:

---

Non il n'existe pas d'outil permettant de le faire.

Par contre tu peux très bien partir d'un document SVG et l'afficher dans une interface en utilisant le JSVGCanvas de la librairie tierce partie Batik

Ou utiliser le SVG converter de Kirill Grouchnikov's qui transformera ton SVG en une classe utilisant du code Java2D. Attention quand j'avais recupere son code (en aout dernier), j'avais du le bidouiller un peu car il ne faisait pas exactement ce dont j'avais besoin mais bon, il a du le paufiner depuis.

Ou utiliser le convertisseur SVG => FXD de la Production Suite de JavaFX et utiliser JavaFX pour afficher le resultat. La encore la conversion peut ne pas etre parfaite.

Ou encore tout simplement relever les coordonnees de chaque noeuds et points de controle a la main et de redessiner les lignes de terrain avec un GeneralPath, Path2D.Double ou encore Path2D.Float et des methodes telles que lineTo(), curveTo() et quadTo().

Salut bouye;
Cette solution me semble plus compliquée que les autres :oops: . En tout cas, je dois bien la prendre en considération.
Merci :D

Laquelle des 3 ? :mouarf:

Je vais la dessiner en utilisant AWT et/ou SWING. Mais avant, j'ai un problème de redimensionnement. En effet, je veux que cette interface contient ce terrain de 28 cm/15 peu importe les résolutions de l'écran et quelque soit la plate-forme. J'ai choisi cette échelle de 28 cm/15 car elle convient bien avec la taille réelle d'un terrain de basket-ball FIBA (~28 m /15). Quelqu'un peut m'aider à établir cette méthode de redimmensionnement du pixel vers le cm pour tout le terrain? En plus, je vais implémenté à droite et à gauche, au dessus et au dessous du terrain divers types de composants (boutons, scrollbars, checkbox,...), je m'interroge si cette interface sera toujours d'une taille convenable ou non? Dois-je utiliser une fenetre qui permettra la fonction d'aggrandissement ou bien une fenetre de taille fixe?
Excusez-moi pour ces questions là :oops::oops::oops: Que dois-je faire, je suis débutant et j'espère bien que je m'améliore ;)
Merci

Ca n'a aucun sens de parler de centimètre pour l'affichage sur un écran. Comme cela a déjà été dit, il faut plutôt parler de proportions. La hauteur du terrain est fonction de sa largeur, et inversement.
Le dessin du terrain se fera en fonction de sa largeur, ou de sa hauteur, mais pas des deux : tu conserveras donc la proportionnalité.
Pour la gestion de la taille du composant, il faudra toujours conserver la même proportion entre la largeur et la longueur.

Salut à tous! :)
Sinok, Bouye, comme vous m'avez conseillé je vais importer une image SVG (déjà faite). A cette image, j'ai dessiné des petites zones qui seront ensuite programmées avec des menus Popup. Est-ce que ça est permis? Et quelle est la méthode d'importation la plus simple, celle de Batik ou celle de Kirill Grouchnikov's?
:merci:

Batik te permettra de dessiner ton terrain dans un Graphics, le convertisseur de Kiril convertira le fichier SVG en du code Java2D qui se dessine dans un Graphics également (le convertisseur lui-même repose sur Batik mais les classe produites par le convertisseur de Kiril étendent Icon et utilisent uniquement du code Java2D, elles peuvent donc utilisées complètement indépendament de Batik une fois générées).
Dans les deux cas tu auras un rendu mais aucun interraction possible avec les zones définies dans le SVG.

Batik : Il faudra alors essayer d'utiliser l'API de Batik plus en avant pour essayer de faire une correlation entre ce qui est rendu et le contenu du DOM XML.
Je n'ai jamais essayé, mais si ça se trouve Batik permet de le faire.
Par contre si tu dois le faire toi-même, ca peut être éventuellement un poil compliqué (surtout si ton éditeur SVG s'amuse à appliquer des transormations à tes formes ; ce que fait Inkscape par exemple).

Convertisseur de Kirill : sinon vu que le code source du convertisseur de Kirill est dispo, il est possible de le modifier pour créer des variables de type Shape nommées comme, par exemple, les formes présentes dans le SVG, histoire de conserver des références dessus (ce qu'il ne fait pas par défaut).
Concernant le convertisseur même, quand je l'avais récupéré (août dernier) il n'y avait pas de support du texte et des fonts et j'avais du le rajouter moi-même ; de plus si le SVG est très complexe il peut générer une classe très grosse que le compilateur Java refusera de compiler (apparement un fichier de code source ne peut pas dépacer une certaine taille en Ko), si ca arrive, il faut simplifier le SVG.

Coté JavaFX c'est différent, tu récupères bien des noeuds nommées qui correspondent aux formes défines dans le SVG (si elles ont été nommées correctement, voir mes propositions de Q/R pour la future FAQ) et sur lesquelles on peut placer des closures habituelles de la classe Node (onMouseEntered, onMouseClicked, etc...) pour gérer des évènement.

Salut Bouye;
Je te remercie beaucoup pour tes réponses :) Bouye, comme j'ai déjà dit au début je suis très débutant en ce qui concerne GUI Java. J'espère que tu m'indiques de quoi dois-je disposer essentiellement pour faire cette importation de cette image sachant que j'ai utilisé Inkscape pour la dessiner et téléchargé batik 1.7. Pour la nommation des noeuds à l'image SVG, qui seront programmés, comment dois-je procéder ?
Merci infiniment! ;)

Dans Inkscape ?

• Bouton de droite sur une forme puis "Object Properties" et donne une "Id" et cliquer sur "Set".
• Edit->XML EDitor..., cliquer sur le noeud avec la souris devrait selectionner le tag XML equivalent dans l'editeur. Cliquer sur le champs "id", saisir une valeur dans la grande zone de texte en dessous puis cliquer sur "Set". On peut nommer des calques de la meme maniere (si on essai de les nommer via le gestionnaire de calque, cela ne change que leur champs "label" en fait).

Apres par contre dans Batik........................................ ?

Pour le convertisseur de Kiril, voir https://flamingo.dev.java.net/source.../flamingo/svg/ et plus precisement SvgBaseTranscoder et SvgStreamTranscoder
Apparement pas mal de classes ont change depuis que je l'avais recupere. D'un cote c'est plus propres mais pas forcement plus lisible.
Bon, bref a un moment il appelle la methode public void transcode(GraphicsNode gvtRoot) qui appelle elle-meme des methodes comme private void transcodeGraphicsNode(GraphicsNode node, String comment) et des tas d'autres plus specialisees... pour creer le code Java2D equivalent au code SVG. A voir si ces elements Batik ne permettent pas de recuperer les attributs (tels que l'ID ou le nom) stockes dans leur noeuds equivalents dans le XML/SVG. Apres il faudra modifier le code source genere pour faire des trucs du genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

String name = ... // Au niveau global. out.println("private Shape "+name+" = null;");   // Au niveau local dans le code de rendu. out.println("if ("+name+" == null) {"); out.println("\t"+name+" = "+............ // code actuellement genere par le convertisseur avec eventuellement l'application des transformations. out.println("}"); out.println("if (fillPaint != null) {"); out.println("\tg2d.fill("+name+");"); out.println("}"); out.println("if (strokePaint!= null) {"); out.println("\tg2d.draw("+name+");"); out.println("}");

---

De toute maniere mieux vaut faire tourner le convertisseur au moins une fois tel quel pour voir quel type de code il genere.

Voir aussi : http://www.jasperpotts.com/blog/2007...2-java2d-code/

Citation:

---

Envoyé par Binôme_pfe

RE
En ce qui concerne la redimension , quelqu'un peut nous aider à avoir une bonne échelle? Est-ce que l'échelle (28cm/15) correspond bien (Dimension réelle d'un terrain de BB: 28m/15). Certains nous ont dit qu'il faut faire la conversion de pixels vers le cm. Quelqu'un peut nous éclaircir un peu?
Merci une autre fois :D

---

Il faut connaitre le ratio "dot per inch" de la résolution affichée.
Cf: http://www.developpez.net/forums/d70...a/#post4087460

Toujours concernant la manipulation des SVG, voir https://svgsalamander.dev.java.net/ meme si ce projet ne semble plus etre maintenu.

Bouye :D ;
J'apprécie bien tes réponses et ton aide
Mais, vu que je suis extremement débutant en Java , au graphisme et à ce genre de conversion et d'importation, ça me semble encore vague et complique
Je te demande gentillement, de me montrer la démarche basique de l'importation de cette image SVG qui contient des petites cercles qui seront ensuite programmables en Java par des menus Popups. Comme j'ai déjà compris il faut d'abord nommer ces cercles (noeuds) en Inkscape et que seulement JavaFX me permet de faire ce type de conversion
Ensuite ?
J'espère bien que tu me répondes de la manière la plus simplifiée et basique possible
Merci infiniment à toi ;)

NB: J'utilise JBuilder comme IDE Java

Binôme_pfe, tu es très gentil, très poli, mais on ne peut faire ton travail à ta place.

Si tu veux développer, la meilleure solution est d'apprendre ce dont tu as besoin et de faire évoluer les développements avec tes connaissances. Il n'est pas possible de développer un logiciel complexe sans un minimum de bases.

JavaFX peut faire une telle conversion et permet de manipuler TRES facilement le contenu du fichier, mais cela produit du code JavaFX qui n'est donc pas ce que tu veux dans ton programme Java (et il est sans doute trop tard pour recommencer a zero).

Le plus simple pour comprendre est de faire tourner le convertisseur de Kirill en mode deboggage avec des break points bien places et de voir ce qui se passe lorsque que tel ou tel noeud de Batik est rencontre. Avoir les sources de Batik peut aider egalement pour voir s'il est possible eventuellement d'extraire des infos venant des tags du SVG a partir des objets graphiques fournis par Batik