06 jeudi Déc 2018
Étiquettes
Revue en vidéo des concepts de base pour le mouvement des lutins au travers de mon dernier projet, My Code is rich. Enjoy !
22 samedi Sep 2018
Posted in Code, Scratch, Tutoriels, Uncategorized
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…
27 vendredi Juil 2018
Étiquettes
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.
