## Exercice 1 - Créer une interface ### 1.1 - Créer une projet maven Initialisez le pour javafx. Voir le cours : [[Introduction à JavaFx]] ### 1.2 - Paramétrer le stage et la scène Le stage doit avoir le titre : `"Shapes !"` La scène doit avoir : - une largeur : `320` - une hauteur : `240` ![[window-scene-320-240.png]] ### 1.3 - Dessiner un rectangle vert Résultat attendu ![[rectanlge-vert.png]] ### 1.4 - Ajouter un bouton Ajouter un Bouton nommé : "Afficher/Cacher" Lors du clic, le rectangle doit être caché Lors du clic, quand le rectangle est caché, le rectangle doit être affiché de nouveau - Bouton : au clic : afficher cacher le rectangle (on/off) - Rectangle : au clic : change couleur : vert/rouge (on/off) ![[tp-javafx-rectangle-toggle.mp4]] ### Bonus : slider pour changer la largeur du rectangle ![[tp-javafx-rectangle-color-slider.mp4]] ## Exercice 2 - Puzzle game A partir de ce point de départ : https://github.com/coda-school/java_puzzle Vous disposez de ressources dans `src/main/resources`. A l'aide de celles ci, réalisez un jeu de puzzle. Lorsqu'on clique sur une tuile, puis on clique sur une autre, elles s'intervertissent. Lorsqu'une tuile est sélectionnée et est encadrée d'une bordure. Lorsque la substitution a lieu la bordure redevient normale. ![[tp-puzzle-sample.mp4]] ### Bonus Adapter le jeu pour permettre de choisir une autre série d'images et un nombre différent de pièces. Un exemple de tuiles différentes est présente dans les ressources du projet