Art and Scratch : Mosaïque ! épisode 2

Honte à moi… J’ai tardé à poster. Fin de l’année scolaire particulièrement dense, manque de temps, vacances, questions existentielles… Car questions existentielles il y a. Il se peut et il y a en effet de fortes chances que les prochains tutoriels passent en mode vidéo. Auparavant cela demande réflexion pour bien faire les choses. La prochaine étape est donc en vue. Soyez patients…

Mais voila donc la suite et poursuivons nos aventures dans le domaine du graphisme génératif avec Scratch. Je reste fasciné par les mosaïques. La première que nous avions construite était très sage. Mettons maintenant un peu de hasard. Le code est un peu plus complexe que la fois précédente mais pas incompréhensible. Commençons par la fonction principale.

J’ai en effet utilisé la fonction « ajouter bloc » pour créer ma propre fonction nommée « block » qui possède deux variables : x et y. Le dessin du rectangle est simple et se fait grâce aux mouvements du lutin. On trace un trait de bas en haut, on décale d’un pixel vers la droite, puis on redescend et on décale de nouveau (en n’oubliant pas de relever le stylo pour éviter de grands traits à travers l’écran). Passons maintenant à la boucle principale.

Comment définir un placement correct de nos rectangles (de 20 pixels de haut sur 30 pixels de large) en y ajoutant un peu de hasard ? Je prends à chaque fois la limite haute de X ou de Y et retranche un certain nombre de rectangles. La couleur est elle aussi choisie au hasard. Je ne prends aucune responsabilité… 😉 Essayez une plage plus restreinte pour les couleurs (par exemple entre 0 et 30). Cela permet de travailler avec des nuances plutôt que des couleurs très différentes.

On utilise ensuite dans la boucle la fonction définie précédemment. Je reviendrai sur le sujet des fonctions prochainement.

Un dernier petit drapeau vert pour cacher nos variables et le tour est joué.

De nouveau, le mode turbo est surprenant et donnera un petit coté psychédélique à votre écran. Attention cependant aux personnes sensibles !

Le code à télécharger pour les flemmards…

 

Art and Scratch : Mosaïque ! épisode 1

Étiquettes

art, art contemporain, art numérique, centre pompidou

Je viens de passer quelques jours à Paris et je n’ai pu faire autrement que de visiter les expositions du Centre Pompidou, consacré à l’art contemporain. Un véritable bonheur et surtout une source infinie d’idées. En effet, de nombreuses oeuvres peuvent être résumées par un algorithme. Ce n’est pas de l’art facile car les oeuvres sont monumentales et une bonne partie d’entre elles ont été réalisées à une époque où l’accès aux ordinateurs n’était pas si évident. Comme un clin d’oeil, le musée accueille en ce moment l’exposition « Coder le monde » au sujet de l’art numérique et deux installations visuelles et sonores de Ryoji Ikeda. L’exposition sur l’UAM (Union des Artistes Modernes) permet de se confronter à l’art radical du début du XXème siècle, entre autres les oeuvres de Sonia Delaunay que j’affectionne tout particulièrement. Bref, un régal pour les yeux et les oreilles…

Lors de ma visite, je n’ai cessé de prendre des photos et de songer à la méthode que j’utiliserais pour « coder » telle ou telle oeuvre. Attendez-vous donc à avoir de nombreux posts sur le sujet.

Commençons comme la photo l’indique par une simple mosaïque au travers d’un générateur. Première étape, créer une fonction « ajouter blocs » qui va permettre de dessiner un rectangle plein de 30 pixels de large sur 20 pixels de haut. J’aurais pu faire cela plus simplement qu’en traçant ligne par ligne en jouant par exemple avec la taille du stylo mais j’aime faire les choses proprement et, avec cette méthode, il n’y aura pas un pixel de plus que nécessaire.

On trace une ligne. On monte. On revient au point de départ et on monte de nouveau. Une sorte de tracé en S.

Venons-en maintenant à l’algorithme principal. La dimension de mes rectangles (30*20) me permet de créer 16 colonnes et 18 lignes, d’où l’utilisation de deux boucles supplémentaires. Je fais démarrer mon personnage en dehors de l’écran (-270) afin de simplifier mon code. Il aurait en effet fallu quelques commandes supplémentaires pour la première colonne.

Et voilà le résultat !

Pour obtenir des rectangles creux, le code aurait été le suivant.

Scratch : utiliser les boucles

Étiquettes

boucles, code, scratch

Les boucles sont au code ce que l’huile d’olive est à la cuisine italienne : indispensables. On finit lors des ateliers et formations par s’en amuser, tellement je donne l’impression de me répéter (c’est le cas de la dire) lorsque j’évoque les boucles. Une par ci, une par là. Impossible de faire sans… Scratch n’en manque pas avec des particularités que l’on ne retrouve dans aucun autre langage. Petit passage en revue.

Répéter indéfiniment

La boucle la plus célèbre de Scratch et celle qui revient le plus souvent. Proche d’un des premiers codes que j’ai tapé en BASIC.


10 Print "Bonjour"
20 Goto 10


Ou comment rendre l’ordinateur fou en lui faisant sans cesse répéter la même chose sans moyen d’en sortir. Dans Scratch, la boucle « répéter indéfiniment » est essentiellement utilisée pour vérifier des états et des conditions. Ainsi, dans l’exemple ci-dessous (1er script), elle permet de suivre l’évolution du volume sonore et de déclencher un événement si celui-ci dépasse la valeur 70. La boucle est souvent oubliée et renvoie à une erreur classique. Le deuxième script en effet ne vérifie le volume sonore qu’une seule fois au déclenchement du programme en cliquant sur le drapeau vert.

Il est possible d’arrêter une telle boucle en utilisant l’instruction « stop ». Par exemple :

Répéter x fois

La boucle la plus simple à comprendre. À utiliser quand vous savez exactement de combien de répétitions vous avez besoin. Par exemple :

Cette boucle peut aussi s’utiliser avec des variables quand on ne connaît pas le nombre de répétitions à la base. Par exemple pour épeler un prénom :

C’est un peu dans ce cas l’équivalent d’une boucle « for … next » qui permet d’utiliser une boucle en faisant évoluer une ou plusieurs valeurs. Cela m’a toujours étonné que Scratch ne possède pas de boucle de ce type mais on peut la simuler avec la boucle « répéter jusqu’à ».

Répéter jusqu’à

Cette boucle est particulièrement utile car elle permet des choses que peu de langages offriraient aussi facilement. Par exemple :

Mais je l’utilise principalement pour les boucles « for … next ». Une boucle de ce type possède une condition de départ, une condition de fin et une variation de la valeur suivant un « pas ». Ainsi, par exemple, la variable x vaut 0 en condition de départ ; on arrête la boucle lorsque x vaut 250 en condition de fin et on la fait varier de 10 en 10.

En Basic, cela ressemblerait à ceci :


FOR x = 0 TO 250 STEP 10
PRINT x
NEXT


Et avec Scratch :

Ces boucles sont fort utiles notamment dans le traitement des chaînes de caractère ou dans la génération de graphismes.

Bon amusement !