pictalink : création graphique et interactivité

Vue de l'application de dessin programmée avec Processing Processing ( processing.org ), à la fois logiciel et langage de programmation, permet de réaliser des applications graphiques et interactives sur la base du langage Java. Pour illustrer ces usages, voyons comment programmer une application de dessin qui permettra de sélectionner la couleur et l'épaisseur de trait et d'enregistrer le travail sous forme d'une image PNG ou JPEG selon le choix du programmeur (sous réserve que l'enregistrement comprend aussi des éléments d'interface : on enregistre tout ce qui s'affiche dans la fenêtre de notre programme). Pour débuter, comme pour tout programme dans Processing, tout se passe autour du setup() , qui se joue une fois pour fixer les paramètres de l'application, et une boucle draw() qui tourne en continu pendant tout le temps que se joue le programme. Commençons donc par créer une fenêtre de 900 pixels de large et 700 pixels de hauteur. La pag

Avec Processing, à la fois logiciel et langage de programmation libre et open source ( processing.org ), il est possible de réaliser une animation en manipulant des objets, comme un filtre pluie sur une image . En modifiant assez peu de choses à ce premier exercice, nous pouvons remplacer la pluie par de la neige pour illustrer par exemple une scène de Noël. Scène de Noël animée avec un filtre Processing Cette animation repose sur une image. Il faut déterminer la taille de celle-ci pour définir les paramètres du programme. L'image utilisée ("scene.png"), au format PNG, fait 600 pixels en largeur et 424 en hauteur. Pour faire une animation, nous allons utiliser la fréquence d'une vidéo (24 images par seconde ⇒ frameRate = 24). Image de fond de l'animation de 600 x 424 pixels Les flocons de neige - les objets du programme - sont réalisés en dessinant 3 ellipses superposées (pour donner un effet de flou au flocon) sans contour avec un remplissage blan

GIMP (pour GNU Image Manipulation Program) est un logiciel libre et gratuit qui permet, comme son nom l'indique de manipuler des images. Le programme permet notamment de créer des animations au format GIF animé en quelques étapes à partir d'un dossier d'images que l'on souhaiterait assembler  (cet article est en lien avec l'article sur la création d'une animation pluie sur une image avec Processing ). Pour obtenir GIMP, vous pouvez vous rendre sur le site Internet de GIMP . Une fois le logiciel ouvert, allez dans " Fichier / Ouvrir en tant que calques... " ( Ctrl + Alt + O ). Ouvrez le dossier dans lequel vous avez placé vos images à assembler, puis sélectionnez les images dont vous avez besoin. Cliquez sur " Ouvrir " pour que le logiciel crée une nouvelle image au format adapté avec un nouveau calque pour chaque image. Vous pouvez déjà avoir un aperçu de l'animation en allant dans " Filtres / Animation / Rejouer l'

Processing (disponible à  l'adresse processing.org ), est un logiciel et un langage de programmation libre et open source créé en 2001 par deux étudiants du MIT, basé sur le langage Java et adapté à l'apprentissage du code dans la perspective des arts graphiques. Il permet de développer des animations et des applications affichables sur les différents systèmes d'exploitation. Pour cette animation, qui repose sur une image, il nous faut déterminer les caractéristiques de celle-ci et définir les paramètres du programme. L'image utilisée ("maisons_pluie.png"), au format PNG, fait 550 pixels en largeur et 490 en hauteur. Pour faire une animation, nous allons utiliser la fréquence d'une vidéo (24 images par seconde ⇒ frameRate = 24). Image de fond de l'animation (550 x 490 pixels) Processing s'articule autour de deux parties :  setup() et draw(). La première n'étant lue qu'une fois au démarrage pour lancer les par