Grilles polaires : Introduction à l'art génératif 2.0

1. Introduction: Bonjour, tout le monde. Mon nom est la vidéo et c'est des grilles polaires. Dans cette classe, nous tirons parti ou des connaissances de trigonométrie pour créer un artiste génératif amusant comme celui-ci. Je vous promets d'apprendre sur la trigonométrie et le système de fernet polaire pour coder et art est beaucoup plus agréable et plus facile à digérer. Nous commencerons par décrire ce dont nous avons besoin. La révision de certaines fonctions de trigonométrie après cela apprendra comment convertir les coordonnées cartésiennes X et Y en coordonnées polaires qui peuvent ensuite être utilisées pour faire avril. Bien sûr, maintenant polaire génial existe sur notre campus à moins que nous ne mettions en œuvre un traitement. La couleur, par conséquent, va ensuite remplir la grille ER avec des formes et des couleurs et des paramètres manipulés pour produire différentes variations de sont générés Artie. J' espère que maintenant vous serez attirés par ce principe de notre voyage. Faisons ça 2. Mettre en place: avant qu'il ne commence l'un de mes dessins et les planifie pour déterminer les paramètres nécessaires . Que ce soit sur un morceau de papier ou directement sur mon ordinateur, regardons cette conception et voyons ce dont nous avons besoin. Nous allons commencer par un cercle, puis nous allons traiter la série de cercles concentriques pour un cercle nécessitera un rayon, un certain nombre de tranches et les côtés de la tranche. Ensuite, nous allons répéter que pour chaque cercle consécutif, ajuster les paramètres est nécessaire à l'intérieur de la boucle, puisque les cercles radi je grandissent et les tranches ne seront pas les mêmes. Ok, donc pour me mettre en place pour un projet comme celui-ci où je n'ai pas besoin de le dessiner sur un bout de papier pour comprendre ce qui se passe, je vais juste le faire. Certainement. La façon de le faire est d'ouvrir un fichier, configurer les fonctions principales dont j'ai besoin, puis d'essayer de comprendre ce dont j'ai besoin pour cette conception. Parfois, pour un design simple comme celui-ci, je vais juste aller et commencer à créer. Je vais le faire de la même manière que prévu pour cette classe, donc nous allons commencer par un point sur un cercle, et c'est généralement ce que je dio. Je vais juste créer les fonctions pour ce cercle. Et je vais penser, Qu'est-ce que j'ai besoin pour ce cercle ? De quel type de variables ai-je besoin ? Et puis je vais juste les écrire ici pour qu'on dise : Ok, Ok, j'ai besoin d'un rayon. J' avais besoin d'être à flot juste pour éviter, euh, casser le design. Parce que parfois dans les jurés vont arrondir les chiffres et il va regarder son enfant, surtout pour les grilles. Et puis je me demanderai, quoi d'autre ai-je besoin dans ce rayon ? Je sais que j'ai besoin de tranches. Je sais que j'ai besoin d'angles et donc je vais juste faire Ok, j'ai besoin d'un certain nombre de tranches et j'aurai besoin d'une taille ou d'un angle pour chaque tranche. Et c'est ainsi que ces autres variables entrent en jeu. Et puis je sais que j'ai besoin d'un accent y coordonnées. Et maintenant que je sais que j'ai besoin de plus d'anneaux ou de plus de cercles pour que ce grain polaire ressemble réellement à une grille, je vais juste ajouter un autre cercle culte variable, et je sais que cela va englober le nombre de cercles. C' est à vous de décider comment vous voulez nommer les variables. Je veux dire, certaines personnes ne font pas l'angle, et elles vont juste faire Fada. Certaines personnes vont faire angle. Et pour moi, en fait, ça dépend. Je n'y pense pas beaucoup. Tant que les variables air descriptif assez libre pour revenir au programme et comprendre ce qui est en train de faire, alors vous êtes bon d'y aller. Maintenant, entrons en codage. 3. expliqué en trigonometry: un grand nombre des conceptions fantastiques là-bas utilisé des fonctions astuces principalement signe sur co signe. Après cette leçon, vous allez maîtriser l'utilisation de ces fonctions pour créer une grille polaire qui ouvrira beaucoup de possibilités. qui est de la conception, chaque grille polaire commence par un triangle et à partir de la classe mathématique. Nous savons que dans chaque triangle droit par rapport à l'un des deux aucun angle droit. Il y a un côté adjacent et une croix de l'angle droit. Il y a les nouvelles de High Pod. Nous savons aussi que nous pouvons produire le signe d'un angle en divisant la longueur opposée par la longueur des partenaires élevés et le cosigné. En divisant être un jour envoyé par les nouvelles de pot élevé, nous pouvons utiliser ces connaissances pour créer notre position de points sur un cercle. Heureusement, dans le traitement, nous avons une fonction de signe et de signe co qui fera le calcul pour nous. Regardons comment l'utilisation de ces fonctions peut nous aider à tracer des points sur un cercle et ainsi créer la grille polaire. Nous pouvons passer l'angle désiré à l'intérieur de notre fonction pour obtenir nos valeurs X et Y. Visualiser cela sur un cercle. Nous pouvons voir que pour un angle de zéro degrés, nous obtenons une valeur de zéro et un pour signer Cosan, respectivement. Pour 45 degrés, nous obtenons 450,7 pour les deux et pour 90 degrés, nous obtenons un et zéro. Ce sont nos coordonnées X et Y pour 90 degrés. Nous avons un point à 01 pour 45 degrés. Nous avons un point à 450.0.7 point sept et 40 Nous avons un point à un et zéro. Mais si vous remarquez que les valeurs sont trop petites pour notre toile, nous devons donc multiplier les valeurs afin de les voir correctement. C' est là que le rayon intervient, multipliant les coordonnées X et Y par le rayon désiré. Nous aurons des points sur le bord d'un cercle avec ce rayon, et c'est sa grille polaire. 4. Un point sur un cercle: avant de commencer à créer des points sur un cercle et de commencer à créer le polaire. Greg, je veux d'abord expliquer comment le point sur un cercle est tracé en utilisant du code. Je vais commencer par créer une ellipse qui va être positionnée à X et Y je vais définir cela dans une seconde. Et je vais donner à ces lèvres la taille de huit. Maintenant, ex Dieu sauve zéro et pourquoi c'est zéro, et vous pouvez voir le point ici. Maintenant, nous voulons pousser ce point au milieu de cette grue, donc je vais juste faire quoi ? Divisé par deux et la hauteur divisée par deux. Donc, vous pouvez voir comment nous pouvons facilement pousser ce cercle autour de cette crème, juste en utilisant tous les paramètres que nous avons avec, hum, cacher nos paramètres natifs dans le langage de traitement, et ils prennent essentiellement de la taille fonction. Donc, la largeur est de 500 la hauteur est de 500 Je divisé par deux pour obtenir le milieu de l'écran. Donc maintenant, nous avons, sauf 250 pixels et pourquoi est à 250 pixels ? Vous savez, d'après ce que nous avons appris sur le système de coordonnées polaires. Nous savons que pour dessiner des points sur un cercle, nous devons utiliser les fonctions de signe et de signe. Nous avons donc déjà compris que pour X nous allons utiliser la fonction littoral et pourquoi nous allons utiliser la fonction sinus. Alors enlevons ce que nous avons déjà. Et réglons le X à l'angle de co-signe et puis écoutons ce qui est dit pour signe de la cheville. Et créons l'angle. La variable doit la rendre nulle. Voyons ce qui se passe maintenant. Il est revenu à zéro Z ou à une position par ici, mais ce n'est pas en fait à 00 parce que nous savons que le signe co de zéro est un. Donc, il est en fait un pixel de la gauche et vous êtes pixel du haut et nous pouvons voir que c'est que nous le multiplions par un plus grand nombre. Disons le rayon du cercle que nous voulons. Donc je vais juste régler ce rayon du cercle par ici. 200 analystes voient ce qui se passe maintenant. Vous voyez comment la valeur Y n'a pas changé, et c'est toujours zéro pour voir comment le X est maintenant. 100 en passant sur un fait que X waas un pixels parce que maintenant c'est à 100 pixels. Et si vous voulez vous assurer encore plus, affaiblir, régler le rayon à 500 et voir si elle arrive à la fin de cette grue. Maintenant, c'est à la fin de cette reine. Donc maintenant c'est en fait 500 et nous pouvons aussi nous assurer d'imprimer l'accent, ma corniche. Nous pouvons voir que c'est 500 pour X et zéro pour y, et si je le change à 100 c'est 100 0 Maintenant, nous pouvons faire une chose de plus, et c'est changer le centre, qui est le centre du cercle, qui est maintenant 00 au milieu de la écran. On va faire exactement ce qu'on utilise mal avec divisé par deux en hauteur, mais vous, mais on va l'ajouter à ce qu'on a déjà. Et maintenant, nous avons un point sur un cercle avec un rayon de 100 pixels. Si vous voulez vous assurer que c'est sur le dessus de notre cercle qui a un rayon de 100 pixels affaiblir tirage, cela soulève je vais faire sur les lèvres qui avec divisé par deux et la hauteur divisé par deux et je vais lui donner la taille pour le rayon multiplié par deux et je vais lui donner Ah, hauteur de rayon multipliée par deux jours. Eh bien, puisque c'est un cercle parfait, vous pouvez voir que le point est, en fait, au-dessus de tout cercle droit peut changer le trait trop blanc, et nous pouvons lui donner pas Phil. Et maintenant, nous pouvons voir mieux. Ensuite, nous verrons comment nous pouvons créer plusieurs points sur un cercle en utilisant la même méthode que nous venons utiliser. 5. Points sur un cercle: maintenant, pour créer plusieurs points sur le cercle, nous devons connaître le nombre de tranches, et nous devons également connaître la taille de chaque tranche. Commençons par définir le nombre de tranches, donc je vais juste le mettre à six d'abord, puis ici. Je vais sectionner la taille de la tranche pour être de 3 60 parce que c'est certains des angles internes d'un cercle divisé par le nombre de tranches, qui va nous donner la taille de chaque tranche dans les décrets. Le seul problème ici est que nous voulons utiliser ce degré ou cet angle à l'intérieur de nos fonctions de signe et de signe, et celles-ci ne prennent que de l'éclat. On peut convertir l'angle en éclat, mais je n'aime pas imbriquer trop de fonctions. Je préférerais juste changer le 3 60 en deux brochets, ce qui est une constante qui est déjà définie pour vous dans le traitement. Maintenant, si nous imprimons une tranche, nous trouverons que trop tarte divisée par les tranches ou 3 60 divisée par une tranche, va nous donner des angles de 60 degrés en éclat. Cela va être différent,bien sûr, bien sûr, mais maintenant nous n'utilisons pas la tranche ou ne changeons pas ou rendons l'angle dynamique. Donc, pour ce faire, je vais devoir créer une boucle quatre pour utiliser la boucle ou utiliser la variable à l'intérieur de la boucle pour changer l'angle. Donc, créons la boucle et à l'intérieur de la boucle. La condition va être le nombre de tranches parce que je veux une boucle à travers chaque tranche jusqu'à ce que je frappe la dernière tranche. Donc je vais juste faire des yeux moins que des tranches que je vais incrémenter, et je vais englober tout cela du côté de ma boucle for. Juste en retrait étaient propres. Regarde. Ok, maintenant nous avons la taille de la tranche, mais nous n'avons toujours pas la position de chaque point. Maintenant, nous avons besoin d'une autre étape afin de tracer les points dans la bonne position sur le cercle. Si je mets la tranche comme l'angle à l'intérieur de mon littoral et de ma fonction sinusoïdale, elle ne sera toujours pas dynamique, principalement parce que la tranche aura une taille unique. Donc, je vais utiliser le I dans la boucle for pour définir l'angle pour être dynamique, et vous pouvez facilement le faire en multipliant la valeur I par la taille de la tranche. Donc pour le 1er 1, il va être zéro multiplié par 60 ce qui va produire zéro pour l'angle. Donc c'est notre premier point, puis leur deuxième point sera celui de moi, et il va être multiplié par 60 à nouveau, et ça va produire 60. Donc ça va aller à 60 degrés et tracer un autre point. Et puis deux multipliés par la tranche à nouveau, qui est de 60 degrés va nous donner 1 20 Et c'est le troisième point, et ainsi de suite et ainsi de suite. Alors faisons-le juste ça. J' ai multiplié par tranche. Nous devrions maintenant obtenir six points sur notre cercle, et nous pouvons jouer avec le nombre de tranches maintenant pour voir si notre formule fonctionne réellement et cela fonctionne. Plus vous voyez de points ou plus nous ajoutons de tranches, plus le cercle est beau Dans la vidéo suivante, nous allons parler d'ajouter d'autres cercles à ce 6. Ajouter d'autres cercles: maintenant, nous allons ajouter d'autres cercles. Pour ce faire, nous allons avoir besoin de connaître le nombre de cercles. Donc, je vais mettre les cercles variables à 20. Ensuite, nous allons créer une boucle quatre qui englobe sera déjà avoir parce que nous voulons recréer cette boucle entière pour chaque cercle. Et si je fais ça maintenant, on verra la même chose qu'avant. La seule différence est qu'il y a 20 cercles l'un sur l'autre pour chaque point. Nous devons donc augmenter le rayon de chaque cercle. Nous pouvons le faire en multipliant par J. Cependant, maintenant nous en avons un au milieu ici et c'est à ce moment que Jay était nul. Donc, il est mis nos X et R y à zéro. On va devoir se multiplier par Dre plus un. Évitez zéro. Donc nous allons commencer par un à chaque fois. Et maintenant nous nous sommes débarrassés de celui au milieu à 00 Maintenant, nous devons réduire le rayon du premier cercle parce que nous ne pouvons pas voir les autres cercles. Je vais juste réduire ça à 10 et voyons ce qui se passe. Parfait. Maintenant, nous avons 20 cercles. Le seul problème en ce moment est que pour chaque cercle nous avons la même quantité de tranches. Nous avons donc six cercles sur chaque cercle, même si le rayon est beaucoup plus grand et nous avons besoin de plus de tranches pour qu'il soit plus agréable. Nous pouvons le faire en augmentant le nombre de tranches chaque fois que le cercle ou le rayon devient plus grand, et cela signifie que dans la boucle externe je vais juste augmenter le nombre de tranches d'une certaine quantité. Je vais en faire trois et voyons ce qui se passe. Et maintenant nous avons ou des cercles concentriques. Si vous remarquez chaque fois que j'ai un nombre impair. Nous avons ce cercle étrange, qui est toujours cool, et c'est pourquoi je dois ajouter en nombre pair parce que je veux mes tranches orteil. Toujours avoir un numéro pair pour cela. orteils ont l'air uniforme ou symétrique comme ce fun, n'est-ce pas ? Maintenant, dans le prochain modèle, je vais ajouter de la couleur à notre cercle, et nous pouvons voir les différentes façons de changer le motif de la couleur dans ce cercle. 7. Coloration de la conception: a. Chaque personne peut avoir sa propre palette de couleurs. Donc je vais juste ajouter mon palais ici. Je vais le copier et le coller d'un autre feu que nous avons. Ok, donc non, je n'ai pas de tableau de couleurs que je vais utiliser à l'intérieur de ma boucle for. Donc, ici, on va mettre le remplissage avant l'Ellipse. Je vais le définir au nom de la variable, qui est des appels, et je vais utiliser la variable I. Le seul problème avec la variable I va partir de est qu'elle va passer de Z environ 25 et je n'ai que cinq éléments dans mon tableau, ce qui signifie qu'elle va de 0 à 4, ce qui va me donner une erreur. Donc, je vais m'assurer que je n'obtiens pas cette erreur en utilisant le modèle un signe et en utilisant le nombre sur les éléments de mon tableau. Maintenant, j'ai besoin de convertir cela en un entier, et nous obtenons nos couleurs. C' est assez amusant comment utiliser les différentes variables de vos quatre boucles ou de l' algorithme que vous avez peut changer le motif de la coloration Donc, utilisons PJ et voyons à quoi cela ressemble. C' est plutôt cool aussi. Nous pouvons également utiliser la variable X et voir ce que cela produit. C' est assez amusant. Nous pouvons également utiliser la variable Y et voir ce que nous obtenons. On dirait un papillon. Utilisons également l'angle et voyons ce que cela produit. Tu vois comment ça se passe avec le cercle. Maintenant, je vais vous montrer une façon différente d'utiliser l'une des variables à l'intérieur de votre boucle pour créer un motif de couleurs différent. Supprimons ceci et créons un C très bien appelé et nous le transmettrons ici. Et je vais créer un entier appelé C et je vais mapper la variable pourquoi de 0 à 2 pi à zéro avant ce qui est le dernier index dans le tableau de nos couleurs. Et je vais utiliser le module un signe à nouveau et utilisé les couleurs que les longueurs. Ou on peut en utiliser cinq. Cela va nous donner une erreur parce que la carte produit à flot et nous n'avons pas dans les robes. Je vais juste le jeter dans un entier et voyons ce que ces producteurs il a produit. Un modèle complètement différent. On peut faire la même chose avec X et voir ce qui se passe. C' est aussi cool. Et bien sûr, plus vous avez de couleurs ici va produire un design différent. Donc si je répliquais celui-ci ou moins, si je répliquais celui-ci ici qui a ajouté ici et maintenant nous avons six couleurs, non ? Donc je vais juste le faire. Nous avons une formule plus dynamique. Je vais juste faire la cause de cette longueur moins une et plus de couleurs, j'ai la différence. La forme va être. Je vais revenir à mon premier design, n'hésitez pas à choisir le modèle que vous voulez. Je les aime tous, et j'aime expérimenter avec les variables que j'ai et différentes façons. Je peux utiliser ces variables pour créer un motif ou un motif de coloration pour mon design. Ensuite, nous allons expérimenter avec une forme différente pour voir comment changer la forme des points tracés peut changer l'ensemble de la conception 8. Explorer une autre forme: Essayons avec une autre forme. Je vais choisir un rectangle ou un carré, et je vais le faire pivoter pour créer un type de mosaïque de dessins au lieu de l' Ellipse. Je vais utiliser la fonction théorique, et vous venez d'utiliser les coordonnées X et Y à nouveau. Et je vais définir la taille deux huit, comme c'était avec l'Ellipse. Maintenant, si je le fais, prends juste un tas de carrés au lieu des ellipses qu'on avait avant. Mais nous pouvons rendre ce look encore plus frais en tournant. La place est un peu. On va les reprendre par 1/4 de haut, peu près 45 degrés. Mais maintenant cela va produire quelque chose qui est assez horrible, et ça a brisé son design. La raison en est qu'il tourne autour des zéros. Tu es un point. Donc, chaque fois que c'est comme chaque fois que carré comme étant créé à l'intérieur des quatre boucles, il est tourné autour des zéros. Vous êtes un point qui va casser tout ce dont nous avons besoin pour englober le rectangle ou le carré et la fonction de rotation à l'intérieur des fonctions de matrice push et pop. Ce que cela va faire est de créer une matrice différente pour ces rectangles. Donc, pour chaque rectangle, il y aura un calque différent sur lequel nous allons faire pivoter notre forme. Mais maintenant, même si on fait ça, ça va toujours se briser. Donc, la raison pour laquelle cela se produit est parce que ça tourne à nouveau. Zéros. Vous êtes un point, mais pour l'ensemble, nous devons traduire la matrice au centre de chaque rectangle. Donc, je vais juste traduire aux points X et Y. Et puis je vais mettre le rectangle add 00 à la place parce que maintenant nous poussons les formes en utilisant la traduction. Donc, je pousse toute la matrice ou tout le calque à cette position X et Y. Ensuite, je vais mettre le rectangle sur les zéros, votre point de cette matrice. Maintenant, si je le fais, je vais juste avoir un tas de carrés qui sont tournés 45 décrets et je vais juste me donner cette mosaïque. Regarde. Dans ma conception, c'est à peu près tout ce que vous devez savoir sur les grains polaires. N' hésitez pas à expérimenter avec d'autres formes et autres fonctions du langage de traitement et aussi expérimenter avec des couleurs et des motifs de couleurs. Peut-être que vous voulez choisir plus de couleurs ou de couleurs différentes qui vont créer un look que nous pouvons tous apprécier. Je vous encourage à être créatif avec elle, et j'aimerais voir votre travail. 9. expliqué: en passant par. Ce que nous avons créé dans la leçon précédente vous aidera à comprendre comment fonctionne la rotation dans le traitement sur une toile carrée. Si nous avons un carré 0,0 et tourné de 45 degrés, nous obtenons ceci. Et si nous avons un carré au premier point que nous avons créé sur la grille polaire, en utilisant le littoral et les fonctions de signe pour X et Y, et après faire tourner ce carré, nous obtenons ceci. C' est pour ça qu'on a nos carrés de fouet. Cela se produit parce que les rotations se produisent au niveau de la toile, ce qui signifie que le campus lui-même est tourné et que la forme est toujours à la même position sur cette toile. Dans la leçon précédente, nous avons suivi quelques étapes pour le corriger. Au lieu de déplacer les carrés vers la position X et Y, nous avons créé une nouvelle matrice pour chaque carré. Nous avons poussé cette matrice entière à nos positions X et Y, puis avons fait pivoter la matrice de 45 degrés. Grâce à tout ce processus, sont carrés est toujours à l'origine de cette matrice, qui est le point 00 et à cause de la boucle, aura plusieurs carrés autour de votre cercle qui sont tournés 45 degrés. Depuis les carrés par défaut, dessiné à partir du coin supérieur gauche. Nous devons changer son origine au centre Donc il se comporte comme une ellipse en utilisant la fonction du mode épave avec les arguments centraux passés et maintenant nous avons notre conception finale. 10. Exporter la conception: enfin pour exporter le design afin que vous puissiez l'utiliser dans vos autres projets. Vous pouvez simplement importer le traitement, bibliothèque pdf. Tout le monde inclut tout et ensuite ici. Après avoir défini la taille, je vais utiliser la fonction d'enregistrement de début pour enregistrer un fichier pdf. Je vais mettre ça dans un dossier appelé Output, et puis je vais le définir fois Tom, ce qui est une fonction que nous allons créer en ce moment. Et puis nous créons l'horodatage de la fonction ci-dessous. Ce que la temp de l'heure fait est qu'elle obtient une instance du calendrier pour la date et l'heure d'aujourd'hui puis le formate en une chaîne qui a l'année, le mois et le jour, puis une autre partition. Et puis l'heure, les minutes et les secondes et la classe de calendrier prend de la bibliothèque de calendrier de l'utilitaire Java Cal Ah . Donc maintenant, il va utiliser la date ici. La raison pour laquelle j'ai utilisé le temps ou cette fonction est parce que je veux juste faire des rendus différents au lieu de changer le nom de fichier chaque maintenant. Ensuite, je peux juste saisir la date et l'heure, ce qui m'assure que j'aurai un dossier rempli avec chaque génération que j'avais à chaque fois qu'il a été sauvegardé, puis pour terminer l'enregistrement. Après que tout a été dessiné, je vais juste vous et le maïs et il devrait enregistrer le fichier. Maintenant, après avoir exécuté ce programme, vous pouvez aller dans le dossier de sortie à l'intérieur de votre titulaire de programmes réel et vous trouverez votre fichier pdf. Vous pouvez maintenant ouvrir ce fichier à l'intérieur d'Adobe Illustrator, et une fois ouvert, vous pouvez accéder au masque d'écrêtage. Relâchez le masque. Il peut supprimer le masque. Maintenant, vous avez le design qu'il pourrait manipuler comme vous le souhaitez. 11. À votre tour !: pour votre affectation, vous allez créer quelque chose de semblable à ce que nous avons créé dans cette classe. Il est OK de soumettre exactement ce que vous avez fait pendant que vous avez traversé ce projet avec moi, car il aime voir vos progrès, cependant, car il aime voir vos progrès, cependant,vous encourager à vous pousser plus loin et utiliser votre créativité pour trouver des designs uniques et utilisez d'autres fonctions de forme et d'autres fonctions de matrice pour créer quelque chose qui est plus vous. Vous pouvez utiliser les techniques utilisées dans cette classe ou mon précédent cours d'art génératif. C' est à vous de choisir le nombre de couleurs et de formes à utiliser dans un projet. Tant que vous utilisez un grain polaire pour démontrer ce que vous avez appris de cette classe. J' espère que vous avez apprécié ce cours et j'ai hâte de voir vos projets.