Zurück zu den Grundlagen: Einführung in die Generative Kunst 0. 0 | Hadeel Alharthi | Skillshare

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Zurück zu den Grundlagen: Einführung in die Generative Kunst 0. 0

teacher avatar Hadeel Alharthi, Creative Coder and Artist

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung

      1:15

    • 2.

      Kapitel 1: UI verarbeiten

      12:58

    • 3.

      Kapitel 2: Java in der Verarbeitung

      0:44

    • 4.

      Umgebung

      4:07

    • 5.

      Integers und Floats

      0:57

    • 6.

      Beispiel: Ganze Zahlen und Schwimmer

      7:17

    • 7.

      Farbe

      1:05

    • 8.

      Beispiel: Farbe

      9:15

    • 9.

      Boolesch

      0:43

    • 10.

      Beispiel: Boolesch

      5:03

    • 11.

      Charaktere und Saiten

      0:53

    • 12.

      Beispiel: Chars und Saiten

      4:41

    • 13.

      Arrays

      1:41

    • 14.

      Beispiel: Arrays

      11:18

    • 15.

      Konditional

      1:58

    • 16.

      Beispiel: Konditionalen

      11:40

    • 17.

      Schlaufen

      1:48

    • 18.

      Beispiel: Schleifen

      11:29

    • 19.

      Funktionen

      1:50

    • 20.

      Beispiel: Funktionen

      10:36

    • 21.

      Kurse und Objekte

      1:42

    • 22.

      Beispiel: Kurse und Objekte

      16:46

    • 23.

      Systemvariablen und Methoden

      1:19

    • 24.

      Beispiel: Systemvariablen und Methoden

      12:28

    • 25.

      VERANSTALTUNGEN

      0:34

    • 26.

      Zufälligkeit

      0:32

    • 27.

      Beispiel: Zufälligkeit

      6:39

    • 28.

      STRUKTUR

      2:18

    • 29.

      Kapitel 3: Design-Grundlagen

      0:26

    • 30.

      Form: Beispiel 1

      5:29

    • 31.

      Form: Beispiel 2

      5:05

    • 32.

      Form: Beispiel 3

      10:48

    • 33.

      Form: Beispiel 4

      21:43

    • 34.

      Form: Beispiel 5

      9:26

    • 35.

      Form: Beispiel 6

      12:06

    • 36.

      Farbe: Beispiel 1

      9:54

    • 37.

      Farbe: Beispiel 2

      6:15

    • 38.

      Farbe: Beispiel 3

      6:53

    • 39.

      Bild: Beispiel 1

      12:07

    • 40.

      Bild: Beispiel 2

      21:19

    • 41.

      Typ: Beispiel 1

      24:13

    • 42.

      Typ: Beispiel 2

      12:02

    • 43.

      Kapitel 4: Design

      0:14

    • 44.

      Speichern und Exportieren

      14:53

    • 45.

      Kapitel 5: Abschließende Gedanken

      1:19

    • 46.

      Abschlussprojekt

      0:40

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

474

Teilnehmer:innen

3

Projekte

Über diesen Kurs

Zurück zu den Grundlagen ist das fehlende Kapitel und der Baustein für alle meine anderen Kurse. Es enthält eine Vielzahl von Konzepten von der Programmierung in der Verarbeitung bis hin zum Design eines Kunstwerks und umfasst über 20 lustige Beispiele, die die Fähigkeiten umfassen, die du für die Erstellung unglaublicher generativer Kunst brauchst. Am Ende dieses Kurses werde ich die Ressourcen teilen, die ich im Laufe der Jahre des Lernens generativer Kunst gefunden habe, um dir dabei zu helfen, dein Wissen über die in diesem Kurs angegebenen Informationen hinaus zu erweitern. Ich hoffe, du findest diesen Kurs für dich vorteilhaft und wünsche dir alles Gute beim Skizzieren mit Code.

P.S., wenn du eine der Konzepte findest, die du im Programm von Interesse für dich vorgestellt und ich möchtest darüber im Detail sprechen, teile diese im Diskussionsbereich dieses Kurses, damit ich nach Möglichkeit eine ganze Präsentation darauf planen kann.

Triff deine:n Kursleiter:in

Teacher Profile Image

Hadeel Alharthi

Creative Coder and Artist

Kursleiter:in

ABOUT

Hi! I'm Hadeel, and this is my humble digital abode. I'm a creative coder and artist whose sole passion is to learn all there is to know about generative art — or rather the digital art world in general. I'm curious by nature, and I love to share my findings. So if you're interested in learning generative art, this is the place to be. Welcome!

 

HOW TO NAVIGATE THE COURSES

If you're new to generative art, I recommend starting with either Back to the Basics or Intro to Generative Art. The latter is a much shorter course for anyone with too little time on their hands. Next, I'd go with Switches since that showcases my whole process, from ideating to the final design. The rest you can follow in any order since yo... Vollständiges Profil ansehen

Level: All Levels

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung: Hallo, alle. Mein Name ist Hadeel, und das ist zurück zu den Grundlagen. Ihr Leitfaden zur Verarbeitung von Internet in diesem Kurs wird die Ins und Outs der Codierung und Verarbeitung lernen , und wir werden viele Beispiele haben, um die Grundlagen jeder genitalen Kunst Schöpfung zu üben . Als ich mit dem kreativen Programmieren anfing, habe ich zu jedem gesucht, der weit fortgeschrittener ist, und mich immer gefragt, wie sie es schaffen können. Ich verbringe Tage damit, zu lernen, aber was mir nicht klar wurde, ist, dass ich die Grundlagen nicht vollständig verstanden habe. Deswegen bringe ich dir diese Klasse. Während ich generative Kunstklassen erstelle, möchte ich sicher sein, dass es eine gibt, die Lehrer die Bausteine sowie zeigen, dass Ihre Ressource eine Inspiration ist, um ein übergreifendes Repository von Informationen zu haben. Daher wird in dieser Klasse zuerst durch die Verarbeitung ey gehen, um zu verstehen, wie es funktioniert, werden wir lernen, wie man programmiert und verarbeitet von der Initialisierung von Variablen objektorientierte Programmierung, so dass wir später in die Design-Grundlagen von generative Kunst mit vielen Beispielen, die Ihnen helfen, herauszufinden, die verschiedenen Techniken. Genital-Künstler mit ihrer Arbeit gut nach gehen durch die verschiedenen Möglichkeiten, um Ihre Arbeit zu speichern und zu exportieren, basierend auf der Art des Projekts, das Sie erstellen. Und zu guter Letzt werde ich es mit dir teilen. Einige Ressourcen sind eine Inspiration, die mir geholfen hat, generative Kunstwerke zu lernen und zu kreieren. Jetzt wird aufhören, die zentrale zu ziehen, weiter und lasst uns anfangen zu lernen. 2. Kapitel 1: UI verarbeiten: Bevor wir beginnen, wird alles, was die Verarbeitung herauskommen müssen, Natürlich. Okay, Also, bevor wir die Verarbeitung herunterladen oder einfach nur ein paar Dinge zeigen wollen, die Sie jetzt tun können , das erste, was Sie über die Website oder eine Programmiersprache wissen müssen, wenn Sie beginnen, ist die Referenz Köder. Er muss immer nach der Dokumentation suchen, da die Dokumentation Ihnen alles zeigt , was Sie über dieses Programm wissen müssen und wie Sie es verwenden. Nehmen wir an, ich möchte einen Kreis erstellen. Dann gehe ich zu Judy Primitives innerhalb der Form, und du kannst den Kreis hier sehen, damit er in den Kreis gehen kann. Ich kann ein Beispiel sehen, das es verwenden kann. Manchmal hat es, manchmal zeigt es an, wie dieses Beispiel aussehen wird, manchmal müssen Sie das Beispiel innerhalb der Verarbeitung verwenden, nur um zu sehen, wie es aussieht. Und dann wird es Ihnen eine Beschreibung geben und, ah, die Parameter oder die Syntax, wie man es benutzt, und dann die Parameter, die Sie darin verwenden werden und was es zurückgibt. Wenn es Trends waren, irgendetwas und dann wird es Ihnen die verwandten Funktionen oder Eigenschaften zeigen, ähm, dieser Form oder dieser Funktion oder Eigenschaft, in die Sie gehen. Und wenn Sie auf die Referenzseite gehen, können Sie sehen, dass es viele Dinge gibt, die Sie über die Verarbeitung lernen können. Ich benutze eine sehr, sehr winzige Zunge dieser ganzen Dokumentationsseite. Ähm, und es kann viel tun. Stellen Sie sich vor, was Sie tun können. Sie können alle diese verwenden. Es gibt auch einen Tutorial-Abschnitt, aber ich gehe zu, wann immer ich es stecken bin etwas, an das ich mich nicht erinnern kann, wie es geht oder wenn ich jemanden lenken möchte, um über die Verarbeitung zu erfahren, dass ich sie einfach hier leiten würde, weil es so viele Videos gibt und Artikel und wie man bestimmte Dinge zu schaffen. Es gibt also tolle Tutorials hier, und sie haben verschiedene Themen. Oder wenn ich in Bilder und Pixel gehe, können Sie sehen, dass es ein Artikel oder entgegengesetzt ist, wo Sie viele Beispiele sehen und erklärt , Ah, eine Menge der Dinge, die Sie mit Bildern und Pixeln verwenden können. Es ist also sehr hilfreich, wenn Sie jemals ein bisschen mehr lernen müssen als die Kurse, die er kann, die Sie online finden, wie mein Kurs. Und dann gibt es auch den Beispielabschnitt im Abschnitt Beispiel. Sie können Beispiele zu den verschiedenen Themen in der Verarbeitung sehen. Also sagen wir Farbe und ich gehe zu Hugh. Sie können ein Beispiel sehen, wie Sie Hugh verwenden würden, zum Beispiel. Also, dafür ändert es tatsächlich den Farbton, wie sie auf und ab dem Bildschirm gehen. Und dann wird es Rechtecke schaffen, wenn ich auf die rechte Seite meiner Seite gehe. Diese sind also sehr hilfreich für Sie, um ein Gefühl von allem in der Verarbeitung zu bekommen, die Sie verwenden können . Nein, es gibt auch Bücher, die Sie lesen können, können Sie kaufen und warten. Es ist vor allem für Anfänger, aber einige davon ist ziemlich nützlich, und ich bin einer meiner Favoriten ist die Natur des Codes. Eigentlich, ähm, weil es nur um Simulationen geht, und ich liebe Simulationen, und dieses Buch ist kostenlos online erhältlich. Wenn Sie auf die Website gehen, gibt es andere linke Seite, wie das Lernen Verarbeitung. Es hat viele tolle Beispiele. Einige dieser Bücher, wie Thes zwei, stammen von Casey Reyes, der einer meiner Lieblingskünstler ist. Nun, also gehen wir auf die Download-Seite. Ok? Jetzt, auf der Download-Seite, wählen Sie einfach Ihr System und es wird es für Sie herunterladen. Ich werde jetzt nicht schauen, denn weil es wirklich heruntergeladen haben wird. Okay, also lassen Sie uns auf die Verarbeitung gehen, nachdem er heruntergeladen hat, um die Sie zu überprüfen Ich Okay, lassen Sie uns durch die Sie gehen, Ich sage, kann verstehen, was ich tue, wenn ich das Programm ausführen oder das Programm stoppen. Oder wenn wir dem Konsul etwas anbringen wollen, wissen Sie schon, wo alles ist. Also das erste, was ich Ihnen zeigen möchte, ist das Spiel und mit einer Run- und Stopp-Taste, und diese haben im Grunde die Programme gewonnen und stoppen Sie es, damit sie nichts Besonderes tun jetzt , Sie können sehen, dass die Standardgröße tatsächlich 100 Pixel ist um 100 Pixel. Und deshalb ändern Sie normalerweise die Größe des ersten Dings. Wann, wenn ich zum ersten Mal etwas programmiere, weil dies keine ideale Größe für irgendetwas ist. Wirklich. Okay, als nächstes ist der Debug Ah, Button. Und es sieht aus wie ein kleiner Käfer. Und wenn Sie klicken. Es könnte tatsächlich dieses leere Fenster erhalten, in dem Sie einen Namen und einen Wert haben. Und hier können Sie Ihre Variablen sehen, wenn Sie debuggen und Sie können sehen, dass hier alles geändert hat. Alle Tasten haben sich geändert. Ich weiß, dass Sie eine Debug-Schaltfläche haben, äh, was bedeutet, dass Sie sie im Debug-Modus ausführen. Wenn Sie also Fehler haben und Sie diese Fehler nicht finden können, ist der festgestellte Debug ziemlich anständig, und es hilft Ihnen, herauszufinden, warum bestimmte Variable nicht leer ist, zum Beispiel, oder warum es sich Ihr Kreis nicht bewegt oder Ihr Formen oder was auch immer. Und Destro ist Ihnen jede Variable, die Sie einen Bruchpunkt vor und welchen Wert sie haben. Aber ich benutze das nicht unbedingt, wenn ich einen Debug möchte. Ich mag es, Dinge zu drucken, der Konsul mit der Druckzeilenfunktion. Ich ziehe es einfach vor, es für andere Programmiersprachen auf diese Weise zu tun. Ich mache auch das Gleiche. Ich drucke dem Konsul Sachen aus. Ähm, es gibt nur ein paar Momente, in denen ein gebrauchter Debug, aber wenn Sie wirklich schauen, wenn Sie es vorher in anderen Programmiersprachen verwendet haben, dann empfehle ich, Daniel Schiffman sehen YouTube-Video auf tief auf dem D-Bugger und es wird Ihnen helfen zu verstehen, wie Sie es verwenden s o Im Allgemeinen, was Sie tun, ist das Programm zu spielen, und wie Sie es spielen, wo Sie Breakpoints setzen, werden Sie die Variablen hier mit ihren Werten in Begriffen sehen. Vielleicht sind die Werte Luft, nicht richtig. Und das hilft Ihnen, zu verstehen, warum etwas nicht funktioniert und was es. Was so mächtig an dem D-Bugger ist, im Gegensatz zu Ihrem Druck an den Rat ist, dass das ganze Programm tatsächlich aufgehört hat. So stoppt die gesamte Animation und Sie können dies einfach verwenden, um durch die Schritte zu gehen. Also, wenn Sie in ah, Loop waren und Sie nicht wissen, verstehen wir nicht, warum etwas nicht funktioniert und weiß oder welche Werte tatsächlich präsentiert werden , Äh, Äh, für Ihre Formen oder für was auch immer Du brauchst, Teoh, hol die Variable. Dann ist dies eine gute Möglichkeit, Ihren Mantel zu debuggen, denn dann können Sie einfach Schritt für Schritt durchlaufen und Sie können es Schritt für Schritt gehen . Und dann gibt es die Fortsetzung, die es Ihnen erlaubt, über etwas zu springen. Und dann gibt es wieder einen Stop-Knopf. Ich werde das nicht erklären, weil ich es nicht wirklich benutze, also verstehe ich nicht ganz, wie alles funktioniert. Ich habe das Video von Daniel Schiffman laufen, aber ich denke, es ist besser, wenn du es selbst ansiehst. Wenn Sie es verwenden möchten. Wenn Sie es ausschalten, als alles einfach wieder normal geht, und dann ist dies ein sehr wichtiger Teil bei der Verarbeitung für viele Leute, die gerne verwenden. Andere Programmentlader waren gut verwendet Teoh andere Programmiersprachen und eine Verwendung, die für generative Kunst zu schaffen. Normalerweise mache ich meine Klassen in Java eso im Java-Modus, aber es gibt andere Modi hier drüben. Ah, es gibt eine kalte p five Js, die im Grunde ein anderes Framework ist, also ist es ähnlich der Verarbeitung, aber es basiert auf JavaScript anstelle von Java, und sie hatten einen Editor wie diesen. Aber jetzt haben sie nur einen Web-Editor, und ich denke, es ist viel einfacher und einfacher zu bedienen, weil ich P fünf Kleid, oder JavaScript ist für das Web gedacht, so ist es viel einfacher, es tatsächlich in einem Browser zu verwenden, als wenn Sie, denn wenn Sie diesen Modus verwenden, als jedes Mal, wenn Sie es ausführen , wird es einen Browser für Sie öffnen, und ich finde es wirklich ärgerlich, weil der Webeditor eine viel einfachere Sie ich, wo Sie tatsächlich Ihre Arbeit direkt auf der rechten Seite Ihrer Bildschirm, und Sie können es tatsächlich tun. Ah, ich denke, die Realität. Wenn Sie also codieren, können Sie sehen, wie Ihr Code-Geruch läuft, was ziemlich schön ist. Aber ich mag das Fünf-Kleid nicht, nur weil es für bestimmte Dinge viel langsamer ist. Ähm, ich denke, die Verarbeitung ist viel mächtig für viel schneller, meiner Meinung nach, Ähm, vielleicht, weil es in einem Browser ist, ich weiß es nicht. Aber wenn Sie vorher das verwendete Java-Skript haben und wenn Sie denken, dass es viel einfacher ist, P five Kleid zu verwenden, als dies zu tun, können Sie meine Tutorials auch mit Java folgen. Und Sie können all das in Drop ein Skript übersetzen. Es liegt also an Ihnen, wie Sie die Verarbeitung nutzen möchten. Er will es mit Drama-Modus oder P fünf Kleid verwenden. Es gibt auch einen Python-Modus. Ich habe das noch nie wirklich benutzt, also weiß ich nicht wirklich, wie es funktioniert, aber es gibt einen. Also, wenn Sie Python vorher verwendet haben, wird dies für Sie hilfreich sein. Wenn Sie also zum ersten Mal die Software herunterladen, werden Sie nicht alle diese Modi sehen. Du wirst eigentlich nur Zeichnen sehen. Ähm, ich glaube, es ist nur Tropfen. Wenn Sie also die anderen Modi nur an ihnen hinzufügen möchten, habe ich sie gerade hinzugefügt, um Ihnen zu zeigen, dass es andere Modi gibt. Und du denkst wie auf agg? Nein, nur um Ihnen wirklich am besten zu zeigen, ähm, Sie können sehen, dass es auch einen Android-Modus gibt Es gibt unsere für die Verarbeitung, wenn Sie jemals unsere für die Datenanalyse verwendet haben, um, und Daten Visualisierung. Das ist auch cool. Ähm, ja. Ich weiß nicht wirklich viel über Händler, aber ich weiß, dass es viel mit der Verarbeitung verwendet hat, also können Sie das vielleicht überprüfen, wenn Sie etwas darüber wissen. Ok. Als nächstes können Sie die Datei oder den Tippen sehen. Hier haben Sie Ihre Skizzendatei oder Ihre Skizze. Grundsätzlich werden Verarbeitungsdateien Skizzen genannt, nur weil sie Kunst produzieren, und dann haben Sie Taps hier drüben Wenn Sie also eine neue Registerkarte hinzufügen möchten, können Sie es nennen, was auch immer. Also werde ich Farbe nur neuen tippen und Sie können eine neue Datei haben. Also alle diese würden es sein. Wenn Sie diese Datei speichern, wird all dies innerhalb des Skizzenordners sein. Wenn Sie also eine Verarbeitungsskizze speichern, wird ein Ordner erstellt und jede Datei, die Sie hier hinzufügen, wird sie diesem Ordner hinzugefügt . Ah, und das ist eine gute Möglichkeit, wenn Sie Ihre Dateien organisieren möchten. Wenn ich also Klassen erstelle, lege ich sie hier ein. Ähm, und du wirst später in dieser Klasse mehr über den Unterricht erfahren. Ah, wenn ich vielleicht Farbpaletten haben möchte, dann füge ich eine neue Datei hinzu, die nur zwei verschiedene Dinge sind. Und um es sauberer zu machen, macht es Ihnen viel einfacher, Ihren Code zu navigieren, denn alles in einem Stapel zu haben ist ein Ideal, weil Sie Ihre Schule viel gemacht haben, und das ist nicht gut. Es wird dir nicht helfen. Das wird dir nur die Dinge schwerer machen. Okay, und dann gibt es die Nummerierungslügen, die hier drüben nummeriert sind. Dies ist ideal für das Debuggen. Normalerweise benutze ich es, aber ich schaue nicht wirklich auf die Zeilennummern. Es ist auch gut, um zu erklären, was Sie jemandem erklären wollen, nur zu sagen, dass es viel einfacher ist, sie einfach durch das ganze Programm schauen zu lassen. guter Letzt gibt es die Konsole. Dies ist mein Lieblingsteil, wenn ich einen Debug möchte oder etwas visuell sehe Ah, manchmal werden einige der Dinge, die Sie hier in Ihrem Code hier drüben nicht in der Illustration erscheinen . So Positionen, zum Beispiel, die Zahlen werden nicht angezeigt, es sei denn, Sie fügen einen Text, Objekte Ihren Bildschirm und fügen Sie die Position an, dass. Dann können Sie die Zahlen sehen. Abgesehen davon werde ich keine Werte sehen. Wenn Sie das sehen wollen, können Sie es dem Rat ausdrucken. Das werden wir auch am Ende des Traktors durchmachen . Also werden wir sehen, wie die Drucklinie von Freund funktioniert, wie wir all das nutzen können. Und dann, wenn Sie Fehler haben, ob es Syntax, Fehler, eso, wenn ich etwas schreibe, können Sie die Fehler hier sehen, sie sind sehr hilfreich, um Ihre Stunden zu beheben. Also, wenn Sie tatsächlich in den Bereich schauen und kopieren Sie die unsere Nachricht, und dann können Sie gehen und suchen Sie es. Sind Google es? Und hier können Sie auch Fehler sehen. Also, was auch immer Sie Probleme haben, können Sie hier sehen und dann wird es Ihnen sagen, auf welchem tippen Sie es ist. Also, wenn es in diesem Top oder in diesem Zeug ist, und dann wird es Ihnen zeigen, was in seinem eso liegen wird Wenn Sie unsere online 12 dann wird es Ihnen sagen, dass der Fehler tatsächlich da ist. Okay, also muss das so ziemlich nur über dich wissen, ich es ist ziemlich einfach. Es ist nicht viel dran, Senator. Du kannst mir viel einfacher folgen, weil du nicht wusstest, wo alles ist. Wenn ich dir also gesagt habe, du sollst einen neuen Tab öffnen, weißt du, wohin du gehen sollst. Wenn ich dir gesagt habe, dass du auf die Konsole schauen sollst, weißt du, wo das geht auf den nächsten Abschnitt, wo wir tatsächlich über Programmierunglernen können über Programmierung 3. Kapitel 2: Java in Verarbeitung: in diesem Kapitel ist es wichtig, Daddy Praxis neben mir, sich mit den Konzepten vertraut zu machen. Es ist immer besser, es selbst zu versuchen. Es ist persönlich. Erfahrung bleibt besser. Wir werden in diesem Traktor üben ist alles, was in der Programmierung allgemein und in der Verarbeitung verwendet wird . Insbesondere wird die erste Hälfte oder so auf die grundlegenden Konzepte der Programmierung wie Variablen, Flusssteuerung und Funktionen und Klassen. Und in der anderen Hälfte wird Systemvariablen und Funktionen diskutieren, die Sie nicht brauchen, um sich selbst zu erstellen. Benutzereingaben über die Maus oder Tastatur und das am häufigsten verwendete Werkzeug in vielen generativen Kunstprojekten . Zufälligkeit. Und schließlich werden wir ein wenig über einen sehr wichtigen Teil der Codierung sprechen, der oft von Anfängern vernachlässigt wird , was Codestruktur und -organisation war, die das Annotieren Ihres Codes umfassen und , ihn in mehrere Dateien. Lassen Sie uns nun eine neue Verarbeitungsdatei erstellen und loslegen 4. Umwelt: uh Also, bevor ich beginne, Datentypen und Variablen, Klassen und Funktionen und all das zu erklären oder zu tippen , muss ich die Umgebung erklären. Erstens, eso, wie Sie vor Ihnen sehen können, habe ich zwei Funktionen, und ich werde nur nennen sie Funktion, und Sie werden mehr über von Übersetzer lernen und wie Sie Ihre eigenen erstellen. Aber das ist nativ mit der Verarbeitung kommen. In den Mittelpunkt der Funktion legen Sie alles, was Sie initialisiert oder einmal ausführen möchten, also ist es nicht zum Animieren geeignet. Normalerweise ist es nicht für die Anzeige von Formen, wenn, es sei denn, es ist nur ah, Form, die wie die Grundlage Ihres Designs, die Sie nur machen wollen, und dann, weil Sie etwas innerhalb der Zeichenfunktion erstellen möchten, wo es immer und immer wieder Schleifen. Dann setzen Sie einfach den Satz der Funktion ein. Und in der Draw-Funktion setzen Sie alles, was Sie tun möchten, immer und immer wieder. Es ist also eine nie endende Schleife. Es ist im Grunde eine Endlosschleife, also was auch immer Sie dort hineinlegen, es wird unendlich immer und immer wieder gemacht werden. Also, wenn ich dort einen Kreis zeichnen will. Es wird den gleichen Kreis immer wieder oben auf sich ziehen, bis Sie das Programm stoppen. Also, bis wir den Stop-Button drücken, drücken, ist der Grund, warum ich will, dass du darüber Bescheid weißt, weil wir die ganze Zeit in der Setup- und Draw-Funktion arbeiten werden . Ich brauche einen Ort, an dem Sie alles einrichten und einen anderen Ort, an dem Sie animieren können wenn Sie jemals etwas animieren müssen. Und Sie können die Draw-Funktion im Grunde mit einer Schleife neu erstellen, über die wir später sprechen werden , eine while-Schleife genannt, wo Sie sagen würden, während wahr Und das ist etwas, das viele Python-Programmierer tun, wenn sie etwas wollen laufen, bis sie aufhören wollen, es wird genommen. Tun Sie das, indem Sie eine Schleife schreiben, die nie endet und sofort. Also haben sie es für dich erschaffen, wo du alles darin zeichnen kannst. Es gibt eine Möglichkeit, es zu stoppen und vielleicht statische Trocknung innerhalb des Tropfens zu ziehen Funktioniert. Ich habe das schon mal gemacht, äh, und meine anderen Kurse und Sie können die No-Loo-Funktion dafür verwenden, damit sie wissen, dass die Live-Funktion das Schleifen verhindern wird. Es wird also etwas ähnlich dem Funktionsumfang sein, bei dem alles innerhalb der Doktoratsfunktion einmal ausgeführt wird. Und dann gibt es auch eine andere Funktion, die sehr hilfreich ist, wenn Sie ein wollen wir etwas zeichnen . Also, wenn Sie Schleife stoppen und Sie eine Draw-Funktion haben, Aber dann möchten Sie, dass der Benutzer vielleicht auf den Bildschirm klickt, um eine neue Jungfrau von der Zeichnung zu bekommen , ähm, irgendwelche würden Sie verwenden können? Uh, wir zeichnen die Funktion dafür. Also vielleicht kann ich sagen, und ich werde es einfach in Kommentare schreiben, wenn eine Maus gedrückt wird und wenn, wo ich Das ist, was sie Studio-Code nennen. Wenn Sie Dinge in Kommentaren schreiben, nur Teoh rationalisieren, was Sie getan haben, also werde ich es einfach in Supercuts schreiben. Es ist nicht unbedingt ein echter Code, den er schreiben würde, Also, wenn Beträge gedrückt werden, dann möchte ich, dass Sie ziehen führen. Ich werde einfach zu Recht so zeichnen, weil ich es nicht in Kommentare schreiben möchte . Es ist nur so, dass Sie sehen können, dass es gefärbt ist, dass es eine tatsächliche Funktion bei der Verarbeitung ist. Also zeichnen wir. Also, wenn ich will Oh, jedes Mal, wenn ich mit der Maus klicke, wird es neu zeichnen. Also, wir zeichnen wird im Grunde alles innerhalb der Draw-Funktion wieder ausführen. Jedes Mal, wenn Sie anrufen, zeichnen wir, wird es die Draw-Funktion aufrufen. Nehmen wir an, ich möchte einen Kreis zeichnen und ich möchte ihn noch einmal versuchen. Ich könnte einfach neu zeichnen, wenn eine Maus sammelt oder wenn auf eine Tastatur geklickt wird. Es spielt keine Rolle. Ah, wenn du trocken sein willst, kann es vielleicht trocknen. Wir zeichnen alle 10 Frames oder so. Okay, das muss nur über die Umwelt Bescheid wissen. Uh, muss nur wissen, ist der Satz von Funktionen diejenigen, die Drop-Funktion wiederholt. Und dann, wenn Sie die Draw-Funktion von einem Schlag stoppen möchten,können Sie einfach die No-Look-Funktion verwenden, und Sie können das Neuzeichnen von Shinto können Sie einfach die No-Look-Funktion verwenden, verwenden. Rufen Sie einfach die Draw-Funktion erneut auf, um alles darin auszuführen. Wieder eine Leber. Jetzt gehen wir in das nächste Modell 5. Integer und Schatten: Variable speichern Informationen im Speicher in verschiedenen Datentypen wie Zahlen und Text in diesem Modul werden zwei Arten von Zahlen diskutieren. Ganzzahlen in Gleitkommazahlen. Da ganze Zahlen ganze Zahlen sind, sie sich hervorragend zum Zählen oder für jede Funktionalität, die keine Genauigkeit erfordert. Floats hingegen sind präziser und eignen sich daher für Divisionsberechnungen. zum Beispiel an, Nehmen wirzum Beispiel an,ich möchte den Bildschirm in gleiche Rechtecke aufteilen. Und flott ist der Weg, um als ganze Zahlen um die Zahlen zu gehen, was mehr unerwünschte Lücken im Tourismus hinzufügt. Floats eignen sich hervorragend für mehrere Verwendungszwecke, von denen einige Elemente auf der Leinwand positionieren, eine Größe festlegen oder animieren. Wie definieren Sie diese beiden Datentypen, um eine beliebige Variable zu definieren? Verwendet das Datentyp Schlüsselwort hier Es ist entweder in oder Float einen Namen Ihrer Wahl und Wert. Es gibt Fälle, in denen Sie einem Variablendefinitionsstadium keinen Wert zuweisen würden, und das sieht so aus und verarbeitet aus. Obwohl Zahlen standardmäßig mit einem Wert von Null initialisiert werden, sehen wir ein Beispiel 6. Beispiel: Integers und Schwimmern: es ist demonstrieren, wo wir über ganze Zahlen und Floats gelernt haben. Das erste, was ich tun möchte, ist ein wenig über das Beispiel zu sprechen, das ich erstellen werde . Also sagten wir, dass betritt und Schwimmer sind toll für Anna Treffen Frandsen. Also werde ich eine sehr winzige Animation erstellen, nur um Ihnen zu zeigen, wie man Variablen und speziell in Tickern in Floats verwendet . Okay, ich werde eine Formfunktion namens Kreis verwenden. Ich bleibe bei Circle für all diese Demonstrationen und diesen Traktor, nur weil ich noch keine Funktionen eingeführt habe, also werde ich nicht zu viele einbeziehen. Es wird nur ein Kreis sein, und ich werde erklären, wie sie funktionieren. , Nur um dieser Demonstrationen willen,um mit dem Kreis zu beginnen, werde ich den Kreis zeichnen, nur um Ihnen zu zeigen, wie er aussieht. Dann können wir die Variablen verwenden. Circle benötigt also drei Argumente. Die 1. 1 ist die Ausstellung auf dem Bildschirm. Die 2. 1 ist die weiße Position auf dem Bildschirm, und die 3. 1 ist die Größe. Also für die 1. 1 werde ich es einfach in die Mitte des Bildschirms legen. Da unser Bildschirm eine Größe von 400 x 400 Pixel hat. Die Mitte wird also 200 Hände auf der Y-Achse sein. Ich werde auch 200 machen, und dann gebe ich ihm eine Größe von 20. Nun, wir wissen bereits, dass dies die Ausstellung ist, und warum Position? Um diesen Kreis zu bewegen, muss ich diese in Variablen ändern, damit ich diese Variablen inkrementieren kann. jetzt Wenn ich dasjetztgewonnen habe, werde ich einen Kreis in der Mitte des Bildschirms haben. Aber ich will es bewegen. Ich möchte es nach rechts oder nach links oder nach oben und unten verschieben. Okay, also haben wir vorher über das Einrichten und Zeichnen gesprochen. Also werde ich eine Animation erstellen und keinen Kreis immer wieder zeichnen lassen. Ich muss bei der Hintergrundfarbe hier. Also jedes Mal, wenn es geht, um Hintergrundfarbe und dann den Kreis zu zeichnen, wenn ich sie lernen werde, der Kreis, so wird es aussehen, als ob ich bereits einen Kreis. Ich bin nicht viele übereinander, und ich wollte sauberer aussehen, als es,weißt du, etwas schade war weißt du, , weil es viel zu viele übereinander hat. Okay, jetzt möchte ich die X-Position verschieben. Also, was ich tun werde, ist eine ganze Zahl zu erstellen und sie X zu nennen, und ich werde ihr einen Anfangswert von Null geben. Auch wenn Sie dies nicht tun, die Anfangswerte des falschen Helden. Aber ich mache es gerne. Nur um wissen zu können, dass ich bei Null anfangen wollte. Ok? Nein, um es zu animieren, werde ich X schreiben und dann plus den alten Wert von X plus vom Jahreswert oder diesem Schrittwert Ich werde nur wissen, dass dies ein wenig seltsam scheint, die gleiche Variable immer und immer wieder zu verwenden in sich selbst. Aber , was ich tue, ist im Grunde, im Grunde, zuzuweisen und Sie Wert der alten Variablen zu haben, anstatt viele Variablen zu haben, was keinen Sinn ergibt. Denn wenn ich eine Animation von 10 Frames machen möchte, werde ich 10 x ah, Variablen haben , oder ich werde eine for-Schleife haben, um all diese Variablen für mich zu erstellen, was keinen Sinn ergibt. Also? Also die Art, wie Sie das tun würden, ist einfach X zu tun, was bedeutet, das alte X, das wir hier drüben ein Zeichen es den alten Wert von X haben. Also das ist irgendwie so, was Sie X. Sie sagen OK, jetzt X wird gleich sein, was es war davor. Plus, sagen wir eins, Also möchte ich, dass meine Schrittgröße ein Pixel ist. Nein, wenn ich das mache, wird nichts passieren, weil ich es hier drüben in meinem Kreis nicht wirklich benutzt habe. Also, jetzt könnte ich einfach X anstelle der 200 tun. Jetzt wird es nicht anfangen. 200 wird bei Null beginnen. Aber das ist in Ordnung. Wenn ich eine 200 beginnen wollte, muss ich es ein 200 initialisieren. Und lassen Sie uns das vorerst tun, nur um das Beispiel zu machen, dass es einfacher ist, Sie wissen, dass es sich von der Mitte nach rechts bewegen wird. Jetzt ist dies in Bewegung, weil es begann eine 200 dann jedes Mal, Hinzufügen wollen, um es. Also ist es 201 202 203 und wir können nicht unbedingt sehen oder einfach nur, weil die Frame-Anzahl standardmäßig 30 Bilder pro Sekunde ist , weil die Frame-Anzahl standardmäßig und so sehen wir nicht unbedingt. Siehst du es? Bewegungen, jedes Pixel. Nein. Wenn ich möchte, dass es langsamer ist, kann ich einfach 0,5 machen, aber es wird nicht funktionieren. Das ist es, worüber ich sagte, wenn ich eine präzisere Bewegung will oder wenn und eine von präziseren ah, Positionierung, dann muss ich umdrehen. Also werde ich das einfach in Wasser umwandeln und es wird funktionieren. Und jetzt kann ich mit meinen Bewegungen noch präziser sein. Wenn ich also sehr, sehr langsam sein wollte , kann ich 0,5 machen. Ich kann auch 0.1 machen, was sehr langsam sein wird. Ähm, und das ist hilfreich, wenn Sie eine Zeichnung erstellen. Also, wenn ich das zeichnen möchte und ich den Hintergrund entfernen möchte, wird es zeichnen wird glatter. Aber wenn ich plus eins tue, dann wird es hier Kofferraum sein. Und wenn ich das tue, plus drei wird sogar Trunk hier sein und so weiter und so weiter, weil die Bewegung sehr schnell ist . Es bewegt sich also. Eigentlich, drei große Seelen jeder Schritt offen und das ist etwas abhängig davon, was Sie suchen . Manche Leute mögen den Kofferraum. Sie sehen, einige Leute Stil, haben sehr betrunken e Bewegungen der Menschen Stil haben sehr glatte Bewegung, die aussieht wie ein Gemälde am Ende. Es hängt also davon ab, was Sie suchen, was Sie erstellen möchten. Wenn ich mich auf der gegenüberliegenden Seite bewegen möchte, kann ich stattdessen einfach ein Minus drei sagen und dieser wird sich indie andere Richtung bewegen, und wir können dasselbe tun, warum es einfach breit ist und wir beginnen bei 200 und dann Wenn ich mich auf der gegenüberliegenden Seite bewegen möchte, kann ich stattdessen einfach ein Minus drei sagen und dieser wird sich in die andere Richtung bewegen, und wir können dasselbe tun, warum es einfach breit ist und wir beginnen bei 200 und dann Ich werde das in den Grund ändern. Und jetzt wird sich das auf die linke Seite sehr schnell bewegen und runter, ähm, Steigung. Also, wenn ich sehr diagonal sein wollte, dann werde ich nur drei kommen und es wird 45 Grad sein. Ich wollte durch die Ecke gehen, also das ist im Grunde, was man mit Schwimmer und in Kleidung machen kann. Und es gibt definitiv viele Beispiele, die bald kommen werden, die Floats verwenden und eine Menge vorstellen werden. Also in jeder Demonstration, werden die kommen, nachdem die Datentypen etwas sein werden, das einige dieser Datentypen wieder verwendet . Also, wenn Sie diese perfektionieren, können Sie leicht zu den nächsten Modulen gehen. 7. Farbe: Dieser Datentyp ist ein bisschen anders, aber alles, was wir darüber wissen müssen, ist, dass er Farben von Fred Green, Blau und Alfa Werten speichert . Diese Werte gehen von 0 bis 2 55 Der Farbdatentyp wird mit den Füllstrichfunktionen verwendet , die später aufgerufen werden, um eine Farbvariable zu deklarieren. Fügen Sie das Schlüsselwort color vor dem Variablennamen für den Wert hinzu. Es gibt verschiedene Möglichkeiten, es zu speichern. Sie können entweder einen Hex-Code verwenden oder die Farbfunktion entweder mit 13 oder vier Parametern verwenden. Wenn Sie einen Parameter verwenden, speichern Sie einen Graustufenwert von Schwarz bis Weiß. Wenn Sie drei verwenden, speichern Sie ein RGB-Farbspektrum, d. h. alle Farben, die das Ergebnis einer Kombination von Rot, etwas Grün und etwas Blau sind . Nehmen wir an, Sie haben 255 für Rot, Null für Blau und Null für Grün. Dann haben Sie eine leuchtend rote Farbe. Dasselbe gilt für Blau und Grün. Der vierte Parameter ist für den alfa-Wert oder in anderen Worten, der A-Passity-Wert. Transparenz kann Ihrer Szene eine weitere Farbe hinzufügen, ohne einen weiteren Farbwert hinzuzufügen. Um diesen Datentyp besser zu verstehen, empfehle ich, ihn selbst auszuprobieren. Das ist unser Stichwort, um ein Beispiel zu sehen 8. Beispiel: Farbe: okay für das Farbbeispiel. Ich möchte damit beginnen, über die Hintergrundfunktion zu sprechen, bei der die Hintergrundfunktion tatsächlich die Farbdaten verwendet. Und wie ich im Video erklärt habe, verwende ich, wenn ich nur eine Variable verwende, einen Wert von schwarz bis weiß. Also von 0 bis 55. Also, jetzt habe ich einen Hintergrund von weiß. Und wenn ich das auf Null ändere, werde ich einen Hintergrund schwarz haben. Das ist also im Grunde Farbe. Im Video sagte ich,dass wir Farbe hauptsächlich mit Phil und Strich-Funktionen verwenden, und das ist richtig. Im Video sagte ich, dass wir Farbe hauptsächlich mit Phil und Strich-Funktionen verwenden, Diese Luft, die Funktionen, die ich mit Formen verwende. Aber ich habe vergessen, die Hintergrundfunktion zu erwähnen, die auch die Farbe des Datentyps verwendet. Und das ist eine Farm mit 200 es gibt mir großartig. Also geh ich zurück. Teoh, warte. Nur weil ich damit anfange, normalerweise bevor ich ein Design aufstelle und sie meine Farbpalette ist, okay. Und um eine Farbvariable zu definieren. Wie gesagt, wir haben den Farbdatentyp verwendet, und dann können Sie ihm geben, welchen Namen Sie für angemessen halten. Also wollen wir sagen, ob ich eine blaue Farbe haben will. Ich will es einfach blau nennen. Versuchen Sie nur, die Werte mit dem Namen der Variablen sinnvoll zu machen. Nur um es einfacher für Sie zu machen, wenn Sie anfangen, an größeren Projekten zu arbeiten, wird es viel schwieriger für Sie sein , hin und her zu gehen, um zu verstehen, welche Variablen Sie erstellen und warum. Ah, Sie beenden diese Variablen, die ich nicht wirklich mag, wenn Sie Variablen mit einem Hebel erstellen außer wenn es etwas ist, das für viele Leute ziemlich üblich ist. Und ich werde nicht blau verwenden, nur weil Blue tatsächlich in der Verarbeitung stammt. Okay, also werde ich drei Farbvariablen erstellen, die heißt, ähm rdd. So ist die 1. 1 geben tohave die Farbe rot. Und ich sagte, Teoh Guy erklärte, dass es mehrere Möglichkeiten gibt, Teoh eine Farbvariable zu initialisieren. Einer von ihnen verwendet einen Hex-Code, was ich normalerweise in meinen Klassen oder in meinen persönlichen Projekten verwende, weil es viel einfacher ist, sechs Zahlen zu verwenden, als eine ganze Farbfunktion mit 3 bis 4 Parametern zu verwenden , vor allem, wenn Sie einen Alfa Wert haben. Also, aber für diese Demonstration werde ich Ihnen auch die Anruferfunktion zeigen. Also für ein Rot werde ich tun 55 sind So haben wir RGB in der Farbfunktion für Werte. Eso, ich werde dem Rot den höchsten Wert geben und dann gebe ich keinen Wert für Grün und Ihren Wert für Blau, nur um ihm eine leuchtend rote Farbe zu geben, und dann werde ich Jeanne für Grün benutzen , um dasselbe zu tun. Ich werde Null für Radikalismus geben. Eins ein neues Rot. Ich will eine volle grüne Farbe und ich will kein Blau. Ich werde dasselbe für Blau tun. Also, wenn jemand, der Ihr Programm verwendet oder wenn er jemals Ihr Programm mit jemandem teilt, werden sie verstehen, dass dies rot bedeutet und das bedeutet grün und das bedeutet blau. Das ist also beschreibend genug, nur weil die Farbfunktionen bereits erklären, was Sie einstellen möchten. Verwenden Sie Ihre besten Urteile, wenn Sie Ihre Variablennamen erstellen. Es liegt an Ihnen, wie Sie sie erstellen möchten, aber machen Sie sie einfach beschreibend genug, dass jeder sie verstehen kann, auch wenn Sie der einzige sind, der sich diesen Code ansieht und dann verwenden wir diese Werte, um unsere Kreise zu färben. Ich werde wieder bei Kreisen bleiben, weil wir die Formfunktionen noch nicht eingeführt . Also möchte ich nur eine Sache benutzen, um dich nicht zu verwirren. Okay, ich werde es in die Mitte des Bildschirms legen, also werde ich nur 200 machen. 200, weil unser Bildschirm 400 mal 400 ist. Ähm, und die Hälfte davon sind 200. Und dann werde ich ihm eigentlich eine Größe von 20 geben, lass es uns ein bisschen größer machen. Also werde ich ihm eine Größe von 100 geben und das dann einfärben. Also, wenn Sie das jetzt spielen, können Sie sehen, dass es weiß mit schwarzem Strich ist. Dies sind also tatsächlich die Standardwerte für die Strich- und Füllfunktion. Ah, aber wir werden das ändern. Also werde ich Phil machen. Ich gebe ihm die rote Farbe. Ich möchte die rote Dose wählen. Nein, er kann sehen, dass es eine rote Füllung hat, aber jetzt ist der Strich immer noch die schwarz entwickelte schwarze Farbe. Normalerweise, was ich tue, ist nur die Nasendrogenfunktion verwendet und dies entfernt den Schlaganfall. Äh, du kannst die Farbe deines Strichs ändern, also möchte ich ihm vielleicht eine grüne Farbe geben, ihre Gruppenfarbe, sie sind geschaffen. Und ich kann sehen. Und Sie können sehen, dass ich, was ich hier getan habe, einen Strich innerhalb des Setup verwendet habe und ich verwendet, um innerhalb der Zeichenfunktion zu füllen. Es liegt an Ihnen, wie Sie dies tun möchten, denn es basiert auf Ihrem Programm. Ah, dafür, zum Beispiel, zum Beispiel, ich habe nicht unbedingt den Schlaganfall hier drüben gesetzt, es sei denn, ich möchte, dass der gleiche Schlag für alles auf meinem Programm so ist. Aber wenn ich es nur auf einen Kreis will, und ich werde es hier rüber bringen, also was auch immer unter dem Fillonstrich hier drüben geht , wird es gefärbt sein. Jetzt wird Circle eine rote Füllung und einen grünen Strich haben. Aber dann, wenn ich einen anderen Kreis kreiere und wir werden es tatsächlich auf Null setzen, für 15 und 200 angesichts der Größe von 100 weiß ich, wenn ich das mache, wird es die gleiche Farbe haben. Also, wenn ich es ändern möchte, kann ich das einfach überschreiben, indem ich eine andere Füllfunktion schreibe, und diese Zeit des Unbehagens könnte variabel sein, was meine blaue Farbe ist. Und ich werde den Schlaganfall gleich lassen, damit er immer noch die Königin hat. Aber wenn ich den Strich auch für diesen ändern möchte, muss ich ihn vorher schreiben. Also werde ich ihm einfach einen roten Schlaganfall geben, wird einen roten Schlaganfall haben. Was auch immer Sie es vor die Form stellen, es wird es mit diesen Farben färben. Also, wenn ich keinen Schlaganfall für diesen hier will, kann ich einfach in einem Schlaganfall tun. Es wird keinen Schlaganfall haben. Also ja, so überschreibt man die Farben. Also dieses Mal werde ich Ihnen zeigen, wie man es mit Hex-Code erstellt. Also wirst du das Gleiche tun. Es ist eine Farbe, also wird es immer noch einen Farbdatentyp haben, und dann werde ich nur eine weiße Farbe machen, und dann wird es unser Symbol und sechs s beherbergen also wird das mir tatsächlich eine weiße Farbe geben. Also, wenn ich es hier drüben setze , lass uns eine schwarze Farbe kreieren, damit wir sie ändern können und sehen, wie es aussieht, wie es aussieht. Nennen Sie es schwarz, und ich benutze auch einen Hex-Code. Und für Schwarz sind es eigentlich sechs Nullen. Das erste Mal, dass ich das Weiß benutze, und dann werde ich diesen Zehenschwarz wechseln. Sie werden sehen, dass es zu Züge zu Schwarz geht, so dass die Hacks tatsächlich auf die gleiche Weise funktionieren, wie die Farbfunktion funktioniert, aber es ist viel kleiner. Es ist einfacher zu finden, wenn Sie zu Adobe Color oder Cooler oder einer dieser Websites gehen, auf denen Sie Farbpaletten haben. Und wenn Sie eine Vielzahl von Farben haben, dann ist es viel einfacher, es auf diese Weise auszuschreiben, als die Farbfunktion immer und immer wieder zu schreiben . Und selbst wenn Sie die Farbe von einer dieser Websites kopieren möchten, ist es viel einfacher, eine Farbe zu kopieren, dann eine Steuer zu kopieren, als die drei Zahlen zu kopieren, die innerhalb der Farbfunktion gehen. Und eine Sache, die ich in meinem Video in meinem Erklärungsvideo nicht erklärt habe, ist, dass dieser Hex-Code von 0 bis 9 gehen soll. Also jeder hat es tatsächlich geht von 0 bis 9 und dann von einer Zehe nach der A T F sind äquivalent zu 10 zu 15. Aber weil diese Luft sechs Ziffern, so dass sie es ersetzen Ah, was sie brauchten, welche Buchstaben statt? Deshalb gibt es eine Kombination von Ziffern und Zeichen, die für volles Weiß,werden Sie zum letzten Wert gehen, dersechs EFS ist. Deshalb gibt es eine Kombination von Ziffern und Zeichen, die für volles Weiß, werden Sie zum letzten Wert gehen, der Und dann, wenn Sie zu Schwarz gehen wollen, dann haben Sie überhaupt keine Werte. Es sind also alle Nullen. Es ist im Grunde so, als ob von 0 bis 55 bis 55 der höchste Wert ist. Es ist also der hellste. Es ist also weiß und Null ist keine Farbe oder kein Wert. Es ist also schwarz. Das ist so ziemlich alles, was wir über Farbe wissen müssen und wir werden durch Beispiele im nächsten Kapitel gehen ist, nun, wir können sehen, wie Farbe ein bisschen mehr verwendet wird. 9. Boolean: Unser nächster Datentyp ist nützlich, um zwischen zwei Zuständen umzuschalten. Das liegt daran, dass es nur zwei mögliche Werte hat. Wahr und falsch. Das entspricht einem Ein- und Ausschalter in unserem täglichen Leben. Es gibt auch zurückgegebene Typen in Bedingung. ALS, zum Beispiel, Überprüfen, ob eine Zahl größer ist als unsere Liste als eine andere Zahl, führt entweder zu true oder false. Wir werden später mehr über den Zustand als erfahren. In diesem Kurs, Cem verwenden Beispiele für Milliarden wäre toddling zwischen zwei verschiedenen Farben, basierend auf der Position eines Elements auf unserem Campus zu überprüfen von zwei Elementen Luft kollidieren oder einige Animation zu beschränken Stier lehnt Sie definieren folgen der gleichen Syntax sind die vorherigen Datentypen, aber stattdessen mit dem Schlüsselwort Boolean. Und der Standardwert für diesen Datentyp ist false. Hier ist ein Beispiel. Kode 10. Beispiel: Boolesche Form: Okay, lass uns ein bisschen über Milliarden reden. Also für Barren ist drei Beispiel wird ein wenig schwieriger sein. Nur weil es bedingte erfordert, ist, ihre Macht zu präsentieren. Ich werde Ihnen sehr viele Beispiele zeigen, indem Sie bedingte verwenden oder es eine if-Anweisung und sie werden sehr einfach zu verstehen sein, nur weil sie sehr ähnlich sind, wie Sie in Englisch oder in einer anderen Sprache mit Bedingungszor sprechen, wenn Sie möchten um es jemandem zu sagen. Wenn etwas passiert, dann könnte etwas anderes passieren. Okay, also wie fängst du an? Wenn du dich an das Erklärungsvideo erinnerst,setzen wir das mit einem Schlüsselwort ein, und sie heißen Barren, weil sie nach jemandem namens George Boole benannt sind. Wenn du dich an das Erklärungsvideo erinnerst, setzen wir das mit einem Schlüsselwort ein, Sie können mehr darüber online lesen, wenn Sie die, die Sie kennen mögen, Was wir hier wissen müssen ist, dass wir das Schlüsselwort Boolean benötigen, um eine Variable mit einem wahren oder falschen Wert zu erstellen . Die meiste Zeit ist es mit der Bedingung ALS verbunden. Was im Grunde passiert, ist, dass die, wenn bedingten, de bullion Datentypen zurückgibt, so dass es entweder wahr oder falsch zurückgibt, also wird es Ihnen sagen? Ja, der Zustand war gemeint oder weiß, dass der Zustand intakt war. Also ja , dort beschäftige ich mich normalerweise mit Anlagebarren. Also richte ich nicht unbedingt Milliarden die ganze Zeit. Manchmal, wenn ich etwas basierend auf dem Ausschalter ausschalten möchte, trocken. Wenn ich sein wollte, wie wenn sie es als Eingabe durch den Benutzer verwenden, lassen Sie uns sagen, Sie wollen eine Illustration erstellen und oder ein generatives unsere Schöpfung, und Sie wollen, dass die Person wählen, ob sie wollen, dass es gefärbt oder in Schwarz-Weiß , oder ob sie das Design in Schwarz und Weiß oder Farbe sehen möchten. Dann können Sie einen Barren verwenden, um schwarz und weiß zu sagen und es dann in Stürze zu setzen. Aber wenn die Person auf eine Reihe von Klicks klickt und etwas, das das Design in Schwarz und Weiß ändern würde , als diese boolesche Variable geht, ändert sich Teoh zu true, was ein Design erzeugen wird, das in Schwarzweiß ist. Also, im Grunde zu behandeln, was du von ihm willst, Ähm, also heute gehen wir Teoh ein Beispiel mit Farbe machen, da wir gerade über Farbe gelernt haben. Also werde ich einfach tun, worüber ich gerade geredet habe. Also werde ich es einfach variable Graustufen nennen, und ich werde es falsch machen, eigentlich, eigentlich, fangen wir mit True an. Also, wenn ich beginne, möchte ich, dass die Illustration in Graustufen ist. Also werde ich wieder einen Kreis zeichnen. Ich werde es in der Mitte haben, und ich werde es 100 Pixel haben und dann werde ich Phil benutzen , okay? Und anstatt eine Farbvariable zu erstellen, werde ich nur die Farbe direkt innerhalb der Füllfunktion setzen, weil sie auch die gleichen Dinge nehmen, die die Farbfunktion nimmt. Also nehmen sie RGB einen Alfa Bauch für den vierten Parameter. Also werde ich einfach eine beliebige Farbe machen, weil ich weiß, dass ich eine f Bedingung verwenden werde. Du musst dir keine Sorgen machen, aber das ist der einzige Weg, den ich Julian demonstrieren kann. Uhm, ich werde nur sagen, wenn Graustufen wahr ist, werde ich eine Füllung Grau haben und wenn Graustufen gleich falsch ist, werde ich diese Farbe haben. Also im Moment ist es wahr und es wird in Graustufen sein. Aber wenn ich mich ändere, fällt dieser Zeh, aber es wird diese leuchtend orange Farbe sein. Aber so werden Sie im Grunde einen Anlagebarren erschaffen. Ähm, alles, was Sie jetzt wissen müssen, ist, wie Sie einen Anlagebarren erstellen. Wir werden keine Beispiele erstellen, die Milliarden in dieser Klasse verwenden, aber wir werden, wenn bedingte, eine Menge verwenden. Also benutzten diese im Grunde den Tyrann im Datentyp hinter dem Bildschirm. Ah sagte gerade jetzt Grauskala gleich wahr wird ein Datum eine Zeit zurückgeben. Es ist also Trekking, wenn der Wert einer Graustufe gleich wahr ist, und es wird zurückgeben, ob es wahr oder falsch ist. Also, wenn das falsch war, wurde das tatsächlich falsch, also tat es keinen, und dann war das wahr, weil große Fähigkeiten in der Tat falsch sind. Und so ist dieser hier gelaufen. Du musst dir keine Sorgen machen, ob die Bedingungen, die wir ausführlicher über sie reden werden. Wenn die Beispiele für sie werde ich kommen. Du musst also nur wissen, dass Villines wahr oder falsch zurückgibt? Und das, obwohl verwendet die Mehrheit der Zeit mit bedingten 11. Figuren und Strings: Wenn Sie die Steuer auf Ihren Dennard of Art suchen oder einige einfache Operationen ausführen, wie Laden eines Bildes, dann benötigen Sie die String-Datentyp-Strings. Aaron Array von Zeichen, das ist ein anderer Datentyp und Verarbeitungszeichen, waren nützlich zu verfolgen. Wenn ein Buchstabe auf der Tastatur geklickt wird oder eine Zeichenfolge zu dekonstruieren, wird sie in einem Beispiel in der Typabschnitt des Traktors verwenden , um zurück zu Stärken wissen. Nehmen wir an, wir wollen eine Datei laden. Schwächung. Speichern Sie seinen Namen in einer Variablen, so dass wir das Schlüsselwort wieder benötigen. Diesmal ist es String und dann der Name der Variablen und schließlich der Wert. jedoch Diesmal muss der Wertjedochin doppelten Anführungszeichen gespeichert werden, damit wir die Verarbeitung nicht verwechseln. Wenn die Verarbeitung eine Reihe von Brettern ohne Anführungszeichen sieht, erwartet sie, dass sie Variablen sind, und es wird einen Fehler auslösen, der besagt, dass die Variablen definiert sind. auch, Beachten Sie auch,dass es doppelte Anführungszeichen für Zeichenfolgen sein muss, da einfache Anführungszeichen für Zeichen sind . Die Verarbeitung wird sowieso einen Fehler auslösen, also mach dir keine Sorgen, wenn du dich das alles nicht sofort merken kannst. Hier ist ein schnelles Mini-Beispiel für Sie 12. Beispiel: Chars und Strings: Okay, reden wir über Charaktere und Saiten. Ich möchte damit beginnen, ein Zeichen und eine String-Blister mit Strings zu definieren. Und dann werden wir über Zeichen ein wenig mehr sprechen, weil Strings eine in der Regel häufiger verwendet und Zeichen in, ah, viele der Programmiersprachen, nicht nur Verarbeitung. Okay, String ist der einzige Datentyp aus dem Datentyp, den ich erklärt habe, der einen Großbuchstaben für die Tastatur hat . Also alle anderen, die wir benutzt haben, beginnen mit einem kleinen Buchstaben. Also Ende beginnt eigentlich für den Kleinbuchstaben. Ah, Float Kleinbuchstaben Farbe als auch. Mobbing und Zeichenkette ist die einzige. Jetzt hat es einen Großbuchstaben. Es funktioniert nicht mit einem kleinen Brief. Und nur um der Konvention jeder Programmierklasse zu folgen, die Programmierung für Anfänger lehrt , werde ich eine Hallo Welt String machen. Also hallo. Welt ist nur im Grunde ein erstes Programm, das jeder, uh, uh, läuft in jeder Programmiersprache oder irgendetwas, was sich auf die Programmierung bezieht. Also, wenn du einen Webentwickler machen willst und sie werden mit Hallo Welt anfangen, also werde ich einfach eine große, ähm, eine Zeichenfolge. Ich werde es nennen. - Hallo. Richtig diesen Drink. Hallo, Welt. Dies ist im Grunde, wenn eine Zeichenfolge ist, ähm, wie Sie dies verwenden würden. Normalerweise würden Sie es verwenden, wo die Textfunktion. Wenn Sie also den Textschreiben möchten, möchten, den Text diesen Kran, verwenden Sie die Textfunktion, die Sie Hallo darin verwenden können, und dann können Sie die Position festlegen, wo Sie es wollen. Ich werde es wieder in die Mitte stellen, und wir werden nichts sehen, nur wegen Versäumnis. Füllfarbe ist eigentlich weiß, also werde ich die Zehe schwarz ändern, damit wir etwas sehen können, und wir können Hallo sehen. Welt ist auf dem Bildschirm bei 202 100. Also ist es eigentlich in der Mitte. Du würdest es, weil es nicht ausgerichtet ist. Mitte. Es ist eine Linie nach links. Also ist die linke Seite des Satzes oder der Satz tatsächlich in der Mitte. Es gibt andere Funktionen, über die wir später sprechen können. Und die Beispiele, wenn wir über Text ein wenig mehr sprechen, ähm, und wir können sehen, wie wir all das ausrichten können. Und jetzt, wenn Sie die Zeichenvariable verwenden möchten, können Sie einfach Zeichen machen, und Sie können es benennen, was Sie wollen. Normalerweise definiere ich Zeichen nicht auf diese Weise, also ist es ein wenig, es zu benennen. Aber sagen wir, ich möchte es speichern nennen und ich werde ihm den Charakter s geben. Und wie ich in Erklärung Video für Strings erwähnt habe, es doppelte Anführungszeichen für Zeichen. Es ist ein einziges Zitat. Es lässt dich nicht umgekehrt machen und zynisch und okay enden, also initialisiere ich es nicht unbedingt auf diese Weise. Normalerweise ist, wie wir Zeichen verwenden, wenn ich ein Bild speichern möchte. Also, wenn ich wollte Spur einer Person klickte auf die S Schaltfläche, dann wollte ich ein Bild speichern. Nehmen wir an, Sie möchten vielleicht, dass die Person die Formen in Ihrem Design ändert. Vielleicht haben Sie also zwei verschiedene Designs erstellt, wobei eines Kreise verwendet und das andere , Quadrate verwendet und basierend auf dem Zeichen,auf dem sie auf der Tastatur klicken, die Sie ändern möchten. Sagen wir mal, Sie wollen sie. Teoh zeichnen Sie wollten, entworfen, um in Quadrate zu ändern, und dann, wenn es den Buchstaben C verwendet, dann möchten Sie dieses Zeichen in Kreis ändern und Sie würden das innerhalb von ihnen eine Funktion namens depressed oder Taste freigegeben verwenden . Wenn also die Tastatur tatsächlich gedrückt wird, kann sie die Buchstaben verstehen, die Sie drücken, damit wir überprüfen können, ob dieser Buchstabe tatsächlich Preston die Taste ist, die gedrückt wird. Dann tun Sie das oder tun Sie das. Dies ist nur eine Demonstration, um zu sehen, wie eine Zeichenfolge in einem Zeichen definiert ist und wie Sie sie verwenden können . Also hier haben wir amüsant verwendet, wie wir die Phrase innerhalb der Variablen Hello innerhalb der Textfunktion eingegeben haben. Ja, und wir werden mehr über Text oder Typ und den Typabschnitt von Traktor drei erfahren. 13. Arrays: last but not least in Datentypen, für diesen Kurs, ist der Array-Datentyp , der im Grunde alle anderen A Raise Speicher mehrere Werte umfasst, und eine Variable ist im Gegensatz zu den zuvor genannten Datentypen, und die Werte sind die zuvor genannten Datentypen. Zum Beispiel können wir eine Erhöhung verwenden, um mehrere Farben zu speichern und sie verwenden, um Formen zufällig mit dem gleichen Variablennamen zu färben . Stell dir vor, wir wollten fünf Farben speichern, um ihre Szene zu benutzen. Benötigt fünf Zeilen von nur Farbvariablen. Das ist ein wenig absurd, eigentlich restriktiv auf lange Sicht als Raise offen. So viele Türen für uns. Wir werden an diesem Morgen die Beispiele des nächsten Traktors sehen. Mal sehen, wie wir eine Erhöhung definieren können, um zu beginnen, müssen wir wissen, welche Art von Daten wir wollen. Ein Geschäft. Bleiben wir bei unserer Farbe. Beispiel für ein Array von Farben wird das Schlüsselwort color benötigen, aber dieses Mal werden wir es mit zwei leeren eckigen Klammern folgen. Dies ist unser Hinweis darauf, dass es ein Array ist, das mit einem Variablennamen folgen wird. Ich mag es, bei Pleura Variablennamen zu bleiben, weil sie am sinnvollsten sind. Es gibt mehrere Möglichkeiten, eine Gehaltserhöhung zu deklarieren. Sie können entweder eine leere Initialisierung haben oder Werte direkt zuweisen. Die Faustregel besteht darin, die Werte direkt in der Definierungsphase hinzuzufügen, wenn Sie eine kleine Anzahl von konstanten Werten haben , das ist normalerweise mein Farbfeld, wenn Sie jedoch mehr Werte später hinzufügen müssen als nur state und Anfangsgröße für das Array, wie sie in der Regel für Startelemente Positionen arbeiten, unter anderem. Eine andere sehr unterschiedliche Sache an einer Erhöhung ist, dass Sie, wenn Sie sie verwenden , den Namen der Variablen und die Position des angeforderten Werts in eckigen Klammern verwenden müssen. Und eine sehr wichtige Sache, die hier zu beachten ist, ist, dass die Positionen von Null beginnen, nicht einer. Wenn Sie also den Wert der ersten Position benötigen, verwenden Sie Null für die zweite, Sie verwenden eine usw. Lassen Sie uns ein kurzes Beispiel sehen 14. Beispiel: Arrays: für überfallen seine Höhe. Sie können grundsätzlich jeden der Datentypen verwenden, die wir zuvor verwendet haben und Kredit-Array daraus . Es ist im Grunde eine Liste von Werten innerhalb einer Variablen von einem bestimmten Datentyp. Ich werde mit dem Farbbeispiel fortfahren, weil es das am häufigsten verwendete in meinen Projekten , und ich denke, es ist viel einfacher für Sie, es zu sehen. Howie erstellt, weil ich dies für meine anderen Klassen oder für irgendwelche anstehenden Klassen sehr oft verwenden werde. Also werde ich mit dem Farbdatentyp beginnen. Und wie wir gesagt, um anzuzeigen, dass es ein Array ist, müssen Sie Anzeigen eckige Klammern. Das ist im Grunde nur zu sagen, dass wir die Verarbeitung sagen. ist übrigens Diesist übrigenskeine reguläre Farbvariable. Es ist eigentlich Nobre, also ja, es wird eine Reihe von Farben oder eine Liste von Farben enthalten, und dann kannst du es benennen, was immer du willst. Natürlich haben Sie Teoh immer darauf verzichten, denselben Variablennamen wie den Datentyp zu verwenden. Er arbeitete, weil es nicht funktionieren wird, da es in der Verarbeitung stammt, aber für eine Erhöhung, Ich benutze normalerweise die gleiche dauerhafte ihn Also für Farben, Ich benutze entweder Palette oder ich benutze Farben, nur weil Farbe verwendet wird. Aber Farben sind nicht, weil ich normalerweise den Plural verwende, um anzuzeigen, dass es ein Array ist, wenn ich es irgendwo anders im Programm verwende , obwohl Reyes Ihnen tatsächlich sagen, dass es eine Erhöhung nur wegen der Art, wie es verwendet wird und im gesamten Programm unterscheiden sie sich sehr von regulären Variablen. Aber ich benutze gerne Farben oder ich verwende Plural, nur weil es für mich viel einfacher ist. Teoh sagt es, wenn ich darüber rede, es gibt, weil es viel einfacher für mich ist, über eine Gehaltserhöhung nachzudenken. Und dann sagte ich, dass es zwei Möglichkeiten gibt, eine Erhöhung für Farben zu definieren. Ich werde Ihnen den direkten Weg zeigen, dem Farben-Array, das die geschweiften Klammern verwendet, Werte zuzuweisen und den Wert direkt darin zu setzen. Und dann werde ich es dir in die andere Richtung zeigen. Niemand kann auch verwenden, was auch viel verwendet wird, oder meistens als direkt so, weil er in der Mehrzahl der Zeit, als er eine Erhöhung verwendet hat, viele Werte speichern möchte, die während der -Programm. Also, als Schleife, zum Beispiel, generiert Positionen im Programm, dann wollen Sie es und das speichern. In Ordnung, also wollen wir nicht unbedingt die Werte innerhalb dieses Arrays direkt vor Farben Variable oder für Farben setzen . Genau, wo Sie wollen nur eine Reihe von Farben im gesamten Programm verwenden, Dann? Ja, ja. Es ist definitiv der richtige Weg, es direkt zuzuweisen. Okay, also werde ich es dir auch zeigen. Howie, geh in der Regel und wähle meine Farbpalette aus. Also gehe ich durch Color Dot Adobe Dot com, und ich habe meine Safe scheint, und ich werde einfach diesen einen benutzen, aber du kannst gehen und den anderen überprüfen. Überprüfen Sie die Trends. Drohnen basierend auf dem, was sie in ba Händen haben. Dies sind alle Projekte im neuen Projekt, die jetzt auf mir Hände in diesen Abschnitten, und es gibt viele Farben in verschiedenen Kategorien. Und dann kannst du zum Erkundungsteil gehen und er kann auch meine Farben durchsuchen. Wiederholen Sie, geben Sie Orange ein. Sie können alle Kohlepaletten sehen, die die Farbe oder in sie haben. Ähm, ich habe bereits ein Set in meiner Bibliothek. Ich werde das hier benutzen, und ich werde diese Farben kopieren und einfügen. Deshalb verwenden Sie Hex-Code? Weil es viel einfacher ist, zu kopieren und einzufügen, weil Sie einfach den Hex-Code kopieren und einfügen . Okay, ich weiß, ob wir im Programm sind, weil wir Array nicht benutzt haben, ist nichts zu tun. Also lassen Sie uns tatsächlich Kreis wieder zeichnen, es Mitte des Bildschirms. Ich werde ihm vorerst keinen Schlag geben. Sie können die Nordfüllfunktion auch an jedem Punkt verwenden, an dem Sie nur einen Strich und nicht Phil möchten . Okay, jetzt werden wir das nur benutzen und dann innerhalb der Phil ah Funktion werde ich das Farben-Array benutzen. Wissen Sie, ob Aziz sagte, ist im Erklärungsvideo. Wenn ich all diese fünf Farben wollte, ist es ein wenig absurd, fünf Variablen zu verwenden. Es ist viel einfacher, ein Farben-Array zu verwenden. Nun, wenn wir eine dieser Farben weniger verwenden wollen, möchte ich die erste Farbe verwenden. Und wie ich im Erklärungsvideo noch einmal erwähnt habe, habe ich den Variablennamen wie jede andere Variable verwendet. Aber stattdessen werde ich die speziellen eckigen Klammern verwenden und dann drinnen, in der Definitionsphase, müssen Sie hier nicht unbedingt etwas einfügen. Es ist nur ein Hinweis darauf, dass übrigens dies übrigensein Array und keine reguläre Variable ist. Aber hier müssen Sie eine Position festlegen, weil Sie gerade die Werte nennen. Also, wenn ich die 1. 1 in einer Erhöhung verwende, beginnen sie mit Null und enden mit einer weniger als die Farben-Array-Länge. Jetzt haben wir fünf. Der letzte wird tatsächlich eine Position sein für es ist 0123 und vier. Wenn ich die 1. 1 benutzen will, werde ich einfach Null machen. Und das wird tatsächlich die Farbe an der ersten Position nehmen. Und wenn ich die 2. 1 benutzen will, werde ich eins benutzen. Wir werden sie alle benutzen, um die Klamotten zu sehen, die wir tatsächlich haben, und dann zwei für die 3. 1 drei und vier. Was passiert, wenn ich tatsächlich etwas oder eine Position benutze, die hier nicht existiert? Sagen wir mal, 55 existiert nicht. Also, wenn Sie vergessen, dass Positionen innerhalb eines Arrays mit Null beginnen und Sie am Ende 123 und vier tun . Und der letzte wird fünf sein. denkst, dass es fünf sein wird, bekommst du einen Fehler. Also sind sie im Grunde wird Ihnen sagen regnen Schwänze aus dem Gleichgewicht Ausnahme sie können durchführen, was Sie verlangen. Nur weil es hier einen Fehler gibt und Ray-Index außer Balance ist. Ausnahme bedeutet, dass Sie außerhalb des Arrays außerhalb der Positionen innerhalb des Arrays gehen. Es gibt also keine Position fünf, es gibt nur 0123 und vier, und das ist ein sehr hilfreiches sind tatsächlich oft, wenn ich eine Schleife benutze und ich das ganze Recht durchgehen möchte , besonders wenn Sie ein großes Array haben, das Sie die Größe davon hier drüben, neigen Sie dazu, in diese er Menge zu bekommen. Und wenn man das sieht, versteht man sofort, dass ich vielleicht tatsächlich eine Position benutze. Also werden Sie tatsächlich in die Position der Arrays schauen, die Sie verwenden, um herauszufinden warum es tatsächlich außerhalb der Grenzen geht. Ja, also wollte ich Ihnen das nur zeigen, aber wenn Sie von 0 auf 1 weniger als die Länge gehen, dann sind Sie gut zu gehen. Eine andere Möglichkeit, Variablenzu definieren , Variablen . In dem Beispiel, Video tatsächlich erwähnt, dass Sie es zum Speichern von Positionen verwenden können. Also werde ich einfach ein anderes Array machen, wo ich speichern werde. Es schwebt die Werte und auch wieder, Ah, wir werden eckige Klammern verwenden, um anzuzeigen, dass es in Ray ist. Ich werde nur sichere Positionen, weil es eine Reihe von Positionen ist. Und dieses Mal kann ich keine Anzahl von Positionen direkt festlegen, normalerweise weil ich Positionen verwende, in denen ich Positionen speichere, während sie sie innerhalb von vier Loop generieren , die wir später ein paar Module sehen werden, da sie diese Positionen nicht gelesen hat, ich werde sie in den Positionen abspeichern, so wie mit Initialize einen leeren Strahl im Job über und die Verarbeitung verwendet das neue Schlüsselwort und dann wieder den Datentyp verwenden, äh, also einfach schweben. Dann wieder die eckigen Klammern. Aber dieses Mal, anstatt leere eckige Klammern zu haben, weil wir gerade jetzt eine leere Variable initialisieren. Aber wir müssen wissen, wie viele wir anfangen werden. Es ist ein Anfangswert, so dass Sie alles schreiben können und dann können Sie es später erweitern, wenn Sie möchten. Mit der Mehrheit der Zeit wissen wir bereits, wie viele wir benutzen werden. Also für einen Zufallsläufer, zum Beispiel, aus, was ein Beispiel ist, das wir durchmachen werden und Traktor drei. Aber Sie können mit 400 Zufallswandern oder 1000 beginnen. Es hängt von dem Aussehen ab, nach dem Sie gehen. jetzt, Sagen wirjetzt,ich fange mit fünf Ärzten an, okay? Ich werde diese Positionen nicht generieren, aber ich werde dir zeigen, wie du es eins nach dem anderen machen würdest. Also im Moment tun wir keine fünf. Also für die 1. 1 setzen wir, dass seine Position Null. Also werde ich einfach Positionen machen. Und dann sage ich dem Programm im Grunde, dass ich bei Position Null in den Speicherwert von 200 will. Nehmen wir an, und denken Sie daran, dass dies einzelne Werte sind, also sind sie eigentlich kein Zufall meiner Werte. Ich nenne es nur positioniert dies, um es einfacher zu machen, aber es wäre sinnvoller, wenn ich es vielleicht Expositionen nenne. Also werde ich das vorerst tun. Und ich werde das Gleiche für hier tun, also wird es stattdessen Expositionen genannt, um, damit wir es hier ersetzen können, und dann die 1. 1 werde ich ihm einen Wert von 200 geben. Lasst uns noch einen machen. Das wird also die Exposition an Position eins im Array sein und geben wir ihm einen beliebigen zufälligen Wert, und dann werde ich eins und Null machen, damit Sie hier eine große Veränderung sehen können. Ähm, für diejenige der Position, werde ich es Null machen. Du wirst das auch für drei und vier tun müssen. Deshalb Schleifen oder besser. Denn dann kannst du das Ganze durchgehen und dort Werte generieren. Also, jetzt werde ich Exposition Null hier benutzen, und du wirst sehen, dass es hier den Wert 200 bekommen wird. Okay, das Problem hier ist, dass ich keinen Strich habe, und Sie können es nicht sehen, weil die Standardfüllung tatsächlich weißes Syrien ist, und Sie können den Kreis hier sehen. Okay, jetzt machen wir Position, um eine große Veränderung zu sehen. Jetzt ist die Ausstellung tatsächlich auf Null. Nein, ich werde es spielen. Eigentlich sehen Sie es. Die Exposition ist tatsächlich Null hinzufügen und der Grund, warum Kreis in zwei Hälften geschnitten wird, ist, weil es von der Mitte gezogen wird, so dass sein Mittelpunkt tatsächlich an Position ist. X füge Null hinzu. Dies ist alles, was wir über Datentypen im nächsten Abschnitt wissen müssen. Wir gehen tatsächlich durch die anderen Konzepte und Verarbeitung, wie, wenn bedingt, ist Schleifen und Funktionen und Klassen und Objekte. 15. Bedingungen: bedingte Anweisungen sind eine gute Möglichkeit, den Fluss Ihres Mantels zu steuern. Sie sind mit dem Bullion-Datentyp verbunden, da die Bedingung entweder wahr oder falsch ausgewertet wird. Wenn eine Bedingung als wahr ausgewertet wird, wird der Codeblock, der sich auf sie bezieht, ausgeführt. Andernfalls ist nichts passiert oder wenn der Codeblock zu finden, der mit dem falschen Wert verknüpft ist, ausgeführt wird. Dies wird in jedem Beispiel verwendet, in dem Sie Funktionalitäten basierend auf einer Bedingung trennen möchten . Nehmen wir an, ich möchte die Größe meiner Form basierend auf der Position auf der X-Achse in Bezug auf die Mittellinie festlegen . Wenn es auf der linken Seite ist, wollte ich klein sein, und wenn es auf der rechten Seite ist, wollte ich groß sein. Dies ist jedoch nicht sehr realistisch, denn im wirklichen Leben können wir mehr als zwei Bedingungen haben, die auch bei der Verarbeitung unter Verwendung von zwei oder mehr verschiedenen Bedingungen durchgeführt werden können, die bei einem bestimmten Zeit der Programme Leben sehen die Syntax wird hier mehr Sinn machen. Um eine bedingte Anweisung zu schreiben, benötigen Sie das Schlüsselwort, wenn zwei Klammern gefolgt sind. Setzen Siedie Bedingung fort, die Bedingung fort, z. B. X ist größer als 10. Dann, um geschweifte Klammern, die den Code umgeben, den Sie ausführen müssen, wird sagen, Größe wird fünf der Variablen X ist tatsächlich größer als 10. Dann wird der Code ausgeführt. Andernfalls wird nichts passieren, es sei denn, wir definieren eine else-Anweisung. Die else-Anweisung wird ausgeführt, wenn die Bedingung falsch ist. , Was passiert,wenn wir diese mehrfachen Bedingungen brauchen? Nun, wir haben gerade noch etwas hinzugefügt. Wenn mit Klammern nach Theis Schlüsselwort, lassen Sie uns jetzt die Bedingung X größer als 30 und wir machen die Größe 10. Wissen Sie, ob die X-Variable größer als 10 ist? Wir haben die Größe von fünf. Ansonsten der Axt ist größer als 30 als die Größen. 10. Und schließlich, wenn keine dieser Bedingungen erfüllt war, wird der else Block ausgeführt. Sie können nach Ihrer ersten F-Anweisung so viele andere if-Anweisungen haben, wie Sie benötigen, und Sie können die endgültige L-Anweisung immer entfernen, wenn Sie dafür keine Verwendung haben. Diese kostenlose Information Es gibt eine andere Möglichkeit, Bedingung ALS mit einer switch-Anweisung zu schreiben. Ich werde nicht darauf hineingehen, weil die F, die von der Verarbeitung abhängig ist, ausreicht, aber fühlen Sie sich frei, es in der Verarbeitungsdokumentationsseite zu überprüfen. Lassen Sie uns jetzt auf unsere bedingte ist Beispiel 16. Beispiel: Konditionen: in diesem bedingten Beispiel werden wir ein wenig mehr über bedingte lernen. Dann haben wir in der Erklärung Abschnitt gelernt, nur weil es viel mehr gibt, als ich darüber sprechen möchte , dass ein wenig mehr ein Beispiel in einer Demonstration benötigt. Und ich werde nur die f bedingte demonstrieren, nur weil der Schalter etwas ist, das Sie in die Dokumentation gehen und verstehen können, sobald Sie alles über das, wenn bedingte lernen , vor allem, weil ich nur benutze, wenn bedingt, die Mehrheit der Zeit. Selbst wenn Sie in den Code anderer Leute gehen, werden Sie sehen, ob Bedingung ALS mehr als Sie Switch-Anweisungen sehen werden. In Python zum Beispiel gibt es zum Beispielnicht einmal eine switch-Anweisung. Es gibt nur und wenn bedingte, ähm, aber ja, Angst, es zu benutzen, wenn Sie das Gefühl haben, dass es besser für Sie ist, dann zu lesen und wenn sie bedingt , sobald Sie verstehen, wie Sie all dies verwenden, um die Flow, was auch immer zeigen wird, ich werde ein paar Dinge abdecken, die Sie viel im Mantel der Leute sehen werden, und ich werde über ein Beispiel sprechen, das ich in Milliarden verwendet habe und lesen Rate darauf, weil es Dinge gibt, die ich werde Fix in diesem Beispiel. Fangen wir damit an. In einem vorherigen Beispiel habe ich Barren verwendet und ich habe es falsch gemacht. Und dann hier, sagte ich: Wenn Graustufen gleich wahr ist, dann tun Sie etwas anderes. Das haben wir also gelernt. Zustand ALS. Ich habe vorher nicht über die beiden Gleichheitszeichen gesprochen, ähm, in dieser Klasse, aber wir werden darüber in der Demonstration reden, weil es viel einfacher ist, es in Aktion zu sehen, als es nur in einem Ich habe vorher nicht über die beiden Gleichheitszeichen gesprochen, ähm, in dieser Klasse, aber wir werden darüber in der Demonstration reden, weil es viel einfacher ist Erklärung mit einigen Animationen. Okay, die meiste Zeit wirst du nicht sehen, vor allem mit Leuten, die mehr Erfahrung in der Programmierung haben, wirst du es nicht sehen. Diese beiden Gleichheitszeichen, wenn der Wert, gegen den wir prüfen, ist ein 1.000.000.000 Datentypen , also entweder wahr oder falsch , die Mehrheit der Zeit, werden Sie den Code so sehen, wenn Graustufen. Das bedeutet also im Grunde, wenn Graustufen gleich wahr ist. Ah, aber es ist sehr überflüssig, Graustufen gleich wahr zu schreiben, der Code wird funktionieren. Aber man kann es auch einfach so machen, denn wenn das alles wahr ist. Wenn Graustufen also echte Onley-Arbeit entspricht, wird der Code innerhalb der Bedingung nur ausgeführt, wenn Graustufen gleich zwei ist. Wahr. Also, wenn das wahr ist, warum dann Trek? Wenn es einmal wahr ist, liegt dies daran, dass der Wert bereits wahr ist. Das wird also Läufe sein, also müssen wir nicht sagen, dass Graustufen gleich zwei wahr ist oder ob es Standardwerte ist. Nun, wenn Sie überprüfen möchten, ob es gleich zwei Stürze ist, können Sie einfach ein Ausrufezeichen machen. Ein Ausrufezeichen bedeutet nicht so, wenn nicht Graustufen bedeutet das Gegenteil von dem, was Gail gerade ist. Im Moment ist es also wahr. Also hier wird falsch sein. Also, wenn das falsch war, wird das wahr sein, weil es sagt, wenn es nicht der Wert hier ist, also wenn es nicht falsch ist, dann tun Sie etwas hier. Es ist ein wenig verwirrend am Anfang, wenn Sie anfangen, dies zu lernen, aber verstehen Sie nur, dass es zwei Werte sind und Sie können sich daran in der Zukunft leicht erinnern. Wenn du es die meiste Zeit praktizierst, erhalte ich keine Neuigkeiten. Nicht, es sei denn, ich werde keinen anderen Block verwenden. Also, wenn ich das nicht benutze. Vielleicht werde ich nicht benutzen, weil ich nur Trekking bin, wenn es nicht der Fall ist. Und das ist es, was ich möchte, dass ein Code läuft und mir nichts anderes wichtig ist, aber ja, normalerweise würde ich einfach tun, wenn etwas stimmt. Also setzen Sie einfach die Variable und es wird für mich überprüfen, ob es wahr oder falsch ist, indem Sie auf das Tal schauen . Also im Moment, wenn Gray Skala Also es sucht, dass es wahr ist, dass das läuft, aber jetzt ist es falsch. Also, das wird falsch sein und es wird nicht laufen, Lassen Sie uns wissen, statt Mais fällt, überprüfen Sie nach Werten. Also lasst uns zwei in Kulturen machen, und ich werde ihn einfach X und Y nennen. Ich werde sie in zwei verschiedene Zeilen setzen, nur weil ich ihnen dort oben Wert geben werde. Also lasst uns diese 10 zum Beispiel machen und diese fünf machen, weil ich nicht weiß, wie wir überprüfen können, ob X gleich oder größer ist, als warum zum Beispiel diese Vergleichsoperatoren verwenden werden, wir zum Beispiel diese Vergleichsoperatoren verwenden werden,um das zu verfolgen? So ist es genau das, was wir im Mathematikunterricht gelernt haben. Wir werden X. Aber anstatt nur eine normale Gleichheit zu schreiben, weil bei der Programmierung Gleichheitszeichen eine Zuweisungszeit ist. Es wird also nicht für diesen Ausdruck funktionieren. Wenn wir wollen, eine Spur von etwas ist gleich etwas. Also, wenn ich das tue, dann denkt es, als ob ich der Variablen X warum zuweise und es wird mir die Typ-Diskrepanz geben , dass ganze Zahlen, die X sind, nicht mit Anlagebarren übereinstimmen, weil innerhalb von und wenn bedingt, Sie müssen einen Barren haben, und um einen booleschen Wert zu haben, müssen Sie gleich sein, um zu überprüfen, ob etwas gleich etwas ist. Nun, das ist eigentlich eine Bedingung. Also ist X gleich Zeh Warum, es ist nicht so, dass es mir eine falsche geben wird, also was immer hier drin ist, wird laufen und die Spur wir nur die Line Community drucken, richtig. Und dann werde ich dich falsch machen, und wir werden sehen, dass es falsch ist, weil X nicht gleich fünf ist. Wenn ich das jetzt auf 10 ändere, werden wir korrigieren. Und der Grund, warum dies viel Druck ist, ist, weil die Zeichenfunktion Schleifen ist, so dass wir einfach stoppen können, dass Platzierungsschleife nur für diese Demonstration. Okay, jetzt werde ich das auf fünf zurückgeben, wird auf Ron zurückgehen. Aber dieses Mal werde ich überprüfen, ob es nicht gleich Juli ist. Also werde ich überprüfen, ob X nicht gleich Zeh ist. Warum? Durch die Verwendung des Nicht-Operators vor dem Gleichen Jetzt braucht er nur einen gleich, weil nicht vorhanden ist . Und das ist eigentlich eine Bedingung, die einen booleschen Wert erzeugen wird oder entweder wahr oder falsch, und es ist nicht gleich, also wird es uns richtig geben. Und das ist richtig. Jetzt gibt es andere Vergleichsoperatoren, wie Greater Than mir richtig geben wird, weil X größer ist, als wir auch größer oder gleich machen werden. Und es wird richtig sein, nur weil größer oder gleich entweder größer oder gleich bedeutet . Irgendwas von diesen beiden wird ausreichen. Und dann, wenn ich auch weniger als und es gibt auch weniger als und gleich zu überprüfen weniger als wird uns falsch geben, weil X definitiv nicht weniger als und dann weniger als oder gleich ist. Und es wird mich falsch machen, weil es nicht ist. Es ist weder oder, äh, wenn es 10 ist, dann wird es mir richtig geben, nur weil einer dieser beiden richtig ist, also X gleich Zeh ist . Warum? Es ist nicht weniger als, aber es ist gleich. Also wird es mir richtig geben. Nun, während ich spreche, habe ich entweder oder mehrmals gesagt, also werde ich eine andere Variable namens Z vorstellen, und das ist, um verschiedene Operatoren zu demonstrieren, die wir innerhalb von bedingten Zoes verwenden können. Nun, ich werde ihm einen willkürlichen Wert geben, also hier werde ich es für geben und ich werde prüfen, ob X gleich y und dann werde ich diesen komisch aussehenden Operator mit zwei geraden Linien verwenden. Auf meiner Tastatur haben Sie diese mit dem rückwärtigen Schrägstrich eingeschränkt. Mit einer Verschiebung im Rückwärtsschrägstrich werden wir einen davon bekommen. Also zwei von ihnen werden uns geben oder okay, also was ich jetzt sage, ist , wenn x gleich y ist. Also, wenn X gleich dem Grable ist, warum oder X größer als Z ist, dann führen Sie das so oder ist sehr verzeihend. Es wird nur nach einem wahren Wert suchen. Also, wenn eine dieser Bedingungen wahr ist, wird das Brot. Nun, diese beiden Bedingungen waren wahr. Aber was ist, wenn ich es tue? X ist weniger Rainfarn. Es wird mir immer noch richtig geben, weil X gleich y ist und das stimmt. Und so sage ich entweder, dass diese Bedingung wahr ist oder diese Bedingung wahr ist. Wenn einer von ihnen Drew ist, dann gib mir richtig. Aber wenn ich hier rein und statt oder und diese Luft nach Amper Sands, das wird mich falsch machen. Der Grund dafür ist, dass der 1% oder der Operator und viel strenger ist. Es sagt, dass ich nicht wahr sein werde, es sei denn, das hat eine wahre. Also, wenn das wahr ist und das wahr ist, dann werde ich richtig sein. Es ist also sehr streng. Also, wenn einer dieser beiden Werte falsch ist, dann wird die ganze Ziege nicht innerhalb dieser wenn Bedingungen ausgeführt werden. Es wird also zum andersspaziergang gehen, wenn es sofort einen anderen Block gibt. Wenn ich das in wahr ändere und renne,wird mir das richtig geben, denn jetzt ist es glücklich. Wenn ich das in wahr ändere und renne, wird mir das richtig geben, Da dies wahr ist und die Schwester wieder, könnte dies verwirrend für einige von euch beginnen. Aber wenn du es praktizierst, wirst du sehen, dass es gesunder Menschenverstand ist und dass es sehr leicht zu verstehen ist. Okay, also lass uns jetzt ein anderes machen. Wenn jetzt werden wir dieses Beispiel ein wenig ändern, weil richtig und falsch sind nur zwei Werte. Ich möchte dies nicht zu einer Bedingung von drei Blöcken machen. Also werde ich einfach gleich sagen. Und dann, wenn X größer ist, als warum ich größer oder noch besser drucken werde, ist X größer. Und dann hier, werde ich nur sagen, warum ist größer. Also, wenn X gleich ist, Teoh, warum werden wir gleich, und wenn X größer ist, dann bekommen wir X ist größer. Und jetzt, wenn warum größer ist, werden wir weise größer werden. Das ist im Grunde, wie sonst mit bedingtem Es ist sehr einfach. Sobald Sie einen f else Block verstehen, können Sie anders verstehen, wenn leicht, weil es dazwischen geht und Sie können so viele haben, wie Sie möchten, können Sie auch, anstatt zu drucken. Ich weiß, dass ich Print Len eingeführt habe, bevor ich tatsächlich darüber gesprochen habe, aber Sie können auch Text für all diese machen. Anstatt dem Rat hier drüben zu drucken, können Sie es einfach in Ihre Skizze eingeben. Ich werde es in die Mitte des Bildschirms legen bevor wir es ausführen. Wir müssen die Füllung Zehe schwarz ändern, weil das Standardgefühl weiß ist und Texas nicht zeigen wird, weil es vom Pillenwert genommen wird. Und jetzt steht es, Warum ist größer und lasst uns ändern y Es sagt X ist größer ab und zu endlich, es wird sagen, gleich und gut, das ist alles, was Sie wissen müssen. Wenn Bedingung als nächstes, werden wir über Schleifen sprechen und was wir mit Schleifen tun können. 17. Loops: in diesem Modul wird über mein Lieblingskonzept und Programmierschleifen sprechen, um Sie nicht zu beeinflussen , einen Favoriten zu wählen, aber ich glaube, eine Erklärung hilft uns Redundanz zu vermeiden, während das Hinzufügen zum Kunstwerk ist erstaunlich. Loops machen Wunder auf eigene Faust, aber sie sind auch großartig. Wenn mit einem Raise kombiniert, können wir durch ein Array schleifen, indem wir die Belüftungsvariable in Schleifen als Position der Array-Elemente verwenden, so dass wir durch das gesamte Array gehen. Wir können Schleifen verwenden, um eine Vielzahl von Formen zu zeichnen, Zugriff auf jedes Element im Array zu erhalten oder sogar auf ein Array für die Syntax zu handeln. Es gibt zwei Möglichkeiten, Schleifen basierend auf dem zu schreiben, was Sie brauchen. Wenn du weißt, wie viele Rationen du wirst, dann ist eine Vier-Schleife perfekt. jedoch eine Schleife suchen, Wenn Siejedoch eine Schleife suchen,bis eine Bedingung erfüllt ist, die genaue Anzahl von Wiederholungen nicht zu kennen als eine while-Schleife der richtige Weg. Für eine Vier-Schleife benötigen Sie das vier Schlüsselwort, gefolgt von Klammern, die drei Komponenten enthalten, eine Initialisierung, eine Bedingung und ein inkrementelles Element. Was auch immer hineingeht, die geschweiften Klammern, die danach kommen, werden so oft wiederholt, wie in den Klammern angegeben . Die for-Schleifenvariable kann eine ganze Zahl oder flott sein, aber wie wir bereits erwähnt, tritt ein und float ein. Unterscheiden. Industrien sind für die Buchhaltung gedacht. also Wenn Siealsodie Schleifen verwenden, Zehenzugriffs-Array-Elemente beispielsweise als initialisierte Variablen vom Typ in Titern sein. Mal sehen, wie man eine while-Schleife definiert. Dazu benötigen Sie auch drei wichtige Komponenten bei der Initialisierung. Dann, der nächsten Zeile, das Schlüsselwort, während gefolgt von den Klammern, die die Bedingung enthalten, und schließlich Insider-Code-Block. Nachdem alles ausgeführt wurde, fügen wir das inkrementelle er hinzu. Ein Problem, auf das Sie häufiger in while-Schleifen stoßen können als in vier Schleifen ist eine Endlosschleife . Dies kann Ihre Software zum Absturz bringen. Unendliche Schleifen passieren, wenn eine Bedingung nie erfüllt wird, und das tritt auf, wenn Sie eine inkrementelle Ihre Variable haben oder, wenn Sie Recht, die falsche Bedingung. Es ist Zeit für ein Mini-Beispiel 18. Beispiel: Loops: Jetzt, wo wir über Schleifen reden, lassen Sie uns erneut besuchen oder Rennen. Eines der Beispiele, die wir in einer Raise erstellt haben, sind die Positionen, Ray. Also werde ich neu erstellen, dass, wenn Sie Positionen von Float-Werten wollen, dann werden wir ein Array namens Float erstellen und die eckigen Klammern Array bedeuten. Und dann werde ich es Expositionen nennen. Ich werde ihm fünf Positionen geben. Einige können einfach Ihren Float sagen, also initialisieren Sie ihn mit fünf leeren Zellen. Nun, letztes Mal haben wir gesagt, wenn Sie Werte einbeziehen oder Werte innerhalb von Expositionen generieren wollen, schwächen Sie, sagen Sie einfach Expositionen. Und dann 0123 und vier Also fünf Täler. Aber das ergibt keinen Sinn. Denn was ist, wenn ich hier 100 Werte habe? Ich werde nicht von 0 bis 100 tun. Ich meine, von 0 bis 5 ist schon eine strenge. Stattdessen kann ich einfach eine vier gelebt innerhalb von vier Schleife machen. Wir haben gesagt, dass wir mit einer anfänglichen Isar beginnen. Anfangs gab es im Grunde eine Variable, also was auch immer Variable normalerweise außerhalb Ihrer Funktionen hier erstellt, Sie können hier die meiste Zeit erstellen, die wir Leute sehen werden, die I und J verwenden. für meine erste for-Schleife. Manchmal, wenn Sie für Schleifen nisten, dann verwenden Sie eine I one j, weil Sie nicht mit der gleichen Variable verschachteln können. Also werde ich einfach tun und ich sehe nach Index, weil er den Index von für die for-Schleife speichert und dann werde ich es mit Null initialisieren. Das ist also meine erste Isar, und dann habe ich einen Zustand. Wir wissen bereits, wie man die Bedingungen von unserem letzten Traktor und den Großteil dieses Hoch lesen . Und wenn Sie es mit einem Raise verwenden, werden Sie sehen, dass die Bedingung überprüft, ob der Index weniger ist, um die Strahlen Länge zu verbieten. Ich werde das einfach schreiben und dann erkläre ich mir weniger als Ausstellungen. Und ich werde die Eigenschaft für eine Erhöhung namens Länge verwenden. Und wenn Sie dazwischen bemerken, benutze ich immer zynisch und den Grund, warum ich an mich Coghlan's gewöhnt und ich habe das während des gesamten Programms verwendet . Eine Menge besteht darin, eine Codezeile zu beenden. Also, wenn du es nicht tust und diese Codezeile mit einem zynischen und du wirst einen Fehler bekommen, weil dein Programm nicht weiß, wo es hacken soll, wo ich enden soll, also hier sage ich, OK, ich bin damit fertig, Also werde ich es mit einem Semikolon beenden. Das Gleiche geht hier innerhalb von vier Schleifen rein. Ich werde jeden Abschnitt beenden, wie das Semikolon, weil ich allein für das und dann für das allein und für den letzten Abschnitt der Liebe wandern wollte . Und dann werde ich erhöhen, bevor ich inkrementell bin. Wenn ich diesem Ausländer erkläre, ist die Bedingung hier, das I zu überprüfen, ob es kleiner ist als die Expositionen dieser Länge. Also, jetzt ist die Länge hier fünf. Es überprüft also, ob ich weniger als fünf bin. Solange es weniger als fünf ist, wird der Inkrementwert steigen, wo das Inkremento mein Auge hier rüber machen wird, steigen Sie den Wert von I. Also wird es von 0 zu 1 zu 2 zu 3 bis vier sein, bis er eins unter fünf erreicht. Wenn es also eins unter fünf erreicht hat, wird es aufhören. Und dann das inkrementelle er ich in meinem Erklärungsvideo schrieb ich ich plus, wenn Sie sich von unseren Ganzzahlen und Floats Beispiel erinnern , wir inkrementelle X wie so. Dies ist also ein inkrementeller er er, den wir den alten Wert von X um eins implementiert haben, und wir begannen innerhalb der alten Variablen. Jetzt könnte dies auf eine andere Weise geschehen. Es kann auch auf diese Weise gemacht werden. Das heißt also, erhöht X um eins und begann innerhalb von X. Dies ist eine Kurzschrift. Es gibt auch Minus, also ist es tatsächlich Menting um eins zu täuschen. Und dann, wenn Sie um einen anderen Wert erhöhen wollen, denn das ist etwas, das wir auch innerhalb ihrer ganzen Zahlen gemacht haben und schwimmt Beispiel, das ist wie So hat er süß gemacht. Und das bedeutet im Grunde dasselbe. X inkrementelle tat um drei und schwächen tun Minuspunkte gut, und dies wird durch drei gemeint zu täuschen. Also diese Luft nur kurze Hände und macht Ihren Code viel sauberer, anstatt dies zu schreiben, so dass Sie es einfach lesen können, so dass es viel einfacher ist. Es ist einfacher zu verstehen, und es ist schöner, in Ihrem Code zu betrachten. Also, das ist im Grunde, was ich hier mache. Ich implementiere von einem. Ich kann auch plus gleich frei tun, damit ich alle drei Werte inkrementieren kann. Er kann das tun, wenn Sie ein Gitter erstellen möchten, ich schaffe nicht unbedingt ein großartiges auf diese Weise. Aber ich habe Leute gesehen, die Gitter erstellt haben, indem ich überprüft habe, ob das Auge kleiner als die Breite ist , und wenn sie dann die Inkremente durch die Zellen mit eso gehen, liegt es an Ihnen, wie Sie dies verwenden möchten. Ich erhöhe normalerweise um eins, und dann mache ich meine Berechnungen innerhalb meiner for-Schleife. Wir werden gerade um eins erhöhen. Und dann schließe ich die Klammern und öffne meine geschweiften Klammern, um meinen Mantel hier drin zu schreiben , denn jetzt werden wir genau das tun, was wir getan haben, bevor wir die Ausstellungen Null und eins und zwei und drei benutzen . Aber stattdessen werde ich nur Ausstellungen machen und in den Klammern werde ich den Index setzen und dann werde ich ihn über dich geben. Also sagen wir, ich möchte ihm einen zufälligen Wert geben, vielleicht von Null zu Tech. Und lassen Sie uns auch Expositionen drucken, nur um die Werte darin zu sehen. Sie können sehen, dass es Ihnen genau das gibt, was wir vorher getan haben, als wir einen Wert an die Position bei 01 Dann 123 und vier zugewiesen haben . Es sagt also, dass jetzt innerhalb des Expositions-Arrays an Position Null. Wir haben diesen Zufallswert an Position eins. Wir haben diesen Wert. Also haben wir diese schwimmende kaum drei und vier und so weiter, also wissen wir, dass es funktioniert. Aber wie funktioniert es wirklich? Also nimmt eine for Loop diesen Index im Grunde, als prüft, ob er kleiner als die Expositionen dieser Länge ist. Also Null ist definitiv weniger als fünf, weil die Länge die Größe dieses Arrays ist, und dann wird es um eins erhöht. Also, jetzt ist es Null plus eins. Also jetzt diese Werte, eigentlich eins. Jetzt, in der nächsten Generation, geht es Teoh, überprüfen Sie es wieder gegen den Zustand. Nein, es ist 11 ist immer noch weniger als fünf, also wird es inkrementieren und bevor es inkrementiert oder jedes Mal in Schritten. Eigentlich hatte das Ausführen der Berechnungen und hier oder das Ausführen des Blocks innerhalb einer for-Schleife in der ersten Oration den Wert Null. Also Exposition Null gleich Zufallswert von 0 bis 10. Und dann, als es eins wurde, war es eins hier drüben. Also Expositionen an Position eins werden ein weiterer Zufallswert sein, ist, dass ich auch,sagen wir, 10 getan sagen wir, habe, als alle von ihnen 10 sein werden. Also werden sie alle Float-Werte von 10 sein und bemerkt, dass es hier eine 100,0 gibt, nur weil ich eine ganze Zahl eingegeben habe, nur weil dies ein Float ist, all diese Luft wie Schwimmer aussehen wird. Also, wenn ich das in eine ganze Zahl ändere, dann werden sie in Bildern sein. Aber jetzt können wir keine Brandon-Werte wirklich eingeben, es sei denn, um sie herum. Also, wenn ich 0 bis 10 mache, wird es nicht lernen, weil es Typ-Mismatch sagt, da Zufall einen Floating-Wert zurückgibt. Aber wenn ich es umrunden und das ist nur eine sehr einfache mathematische Gleichung, die wir in der Schule verwendet haben, haben wir Zahlen gerundet, so dass wir wissen, wie man sie läuft. Also geht es um die Zahlen für mich. Und dann wurden sie jetzt zum Geschlechtsverkehr, also wird es mich erlauben, es in Anti-Drogen zu stecken. Dies ist im Moment nicht sehr wichtig, aber nur über vier Schleifen wissen müssen ist, dass Sie sie verwenden können, um Werte zu erhöhen. Okay, jetzt lassen Sie uns dasselbe exakte Beispiel mit einer while-Schleife machen, ich werde gerade die for-Schleife verlassen. Es ist und ich werde Ihnen das zurückgeben. Gelebt? Nein, ich werde das aussagen. Okay, Okay, weißt du, in einer Weile Schleife haben wir gesagt, dass wir vorher eine erste Isar haben müssen. Also werde ich hier einfach die erste Isar erstellen. Ich werde es nennen und ich für den Index wieder und dann werde ich die while-Schleife schreiben. Also innerhalb der while-Schleife haben Sie nur die Bedingung. Und die Bedingung für uns hier drüben ist wieder Augen weniger als die Expositionssachen wie und dann innerhalb des Blocks werde ich alles tun, was ich in der for-Schleife getan habe. Und dann danach werde ich inkrementieren Ich Also jedes Mal, wenn ich hineinschauen werde, werde ich hier sehen, der Wert wird überprüfen, ob es kleiner ist als die Expositionen, die Länge der rechten und dann wird es dies tun, wenn Es ist weniger so, wenn das wahr ist, es immer noch weniger als fünf. Dann wird es das tun und dann wird es inkrementieren. Wenn Sie nicht inkrementieren, wird dies eine Endlosschleife sein, da dies immer Null sein wird. Es wird nie bis zu fünf gehen. Also der lokale Stopp, damit es unendlich läuft und das kann Ihr Programm brechen. Es kann Ihren Computer einfrieren. Ich weiß nicht, was passiert. Die meiste Zeit, als mir das passiert ist, konnte ich es einfach mit dem Stop-Knopf hier aufhören. Also, wenn es nicht funktioniert, dann nur zuerst eine schnelle Verarbeitung und alles wird gut. Aber denken Sie daran, dass Sie das incremento im Inneren von hier brauchen und Sie die Bedingung benötigen . Teoh, irgendwann im Programm, falsch werden, also hört es auf. Also, nein, das wird genau das tun, was die vier es vorher geloopt haben und uns einen zufälligen Wert geben , einen zufälligen Gleitwert von 0 bis 10 Endpositionen von 0 bis 4 innerhalb des Arrays. Das ist also genau das Gleiche wie die for-Schleife. Ich benutze nicht unbedingt eine while-Schleife mit einer Erhöhung, nur weil , ah, für eine Weile Schleife, es besser ist, sie mit Bedingungen zu verwenden, die Sie nicht wissen, wann erfüllt werden. Nehmen wir an, Sie haben zufällige Walker, und sobald dieser zufällige Walker bewegt sich von einer Seite der Bildschirme oder einer Seite Ihrer Leinwand auf eine andere Seite Ihres Campus. Dann wolltest du aufhören. Vielleicht, wo Sie wollen, dass der Kreis aufhören, sich zu bewegen oder aufhören, Ihren Bildschirm dort eine Weile zu färben . Loop ist großartig, denn da die Bewegung zufällig ist, weißt du nicht, was sie diese Linie überqueren wird. Aber wenn Sie Positionen generieren wollen, oder wenn Sie etwas tun wollen, wo Sie die Menge der Zeit oder die Menge der Wiederholungen kennen , dann ist eine vier Liebe definitiv das, was Sie wieder brauchen. Es hängt davon ab, welche Designs Sie erstellen. Wonach suchen Sie in der generativen Kunst? Und basierend darauf werden Sie wählen, ob Sie eine for-Schleife oder eine while-Schleife benötigen. Jetzt, da wir über eine Schleifen gesprochen und Code effizient als nächstes wiederholen, werden Sie über Funktionen lernen und wie Sie wiederverwendbare Methoden oder verwendbare Codeblöcke erstellen , um Redundanz zu vermeiden. 19. Funktionen: Lassen Sie uns nun darüber sprechen, Redundanz in unserem Mantel zu vermeiden. Die mühsamste Aufgabe und Programmierung besteht darin, dieselben Codezeilen zu wiederholen, wann immer Sie sie brauchen . Und wenn Sie später eine Wertänderung wünschen, müssen Sie es an all diesen Orten jedes Mal ändern, wenn Sie dieses ganze Chaos vermeiden können, indem eine Funktion erstellen. Funktionen sind Blöcke von wiederverwendbarem Code, die verwandte Aufgaben ausführen und manchmal sogar einen Wert zurückgeben , den er in einer Variablen für die spätere Verwendung speichern kann. Ich verwende Funktionen für eine Textformatierung, berechnete Zahlen oder benutzerdefinierte Formen zu erstellen. Nehmen wir an, ich möchte ein Smiley-Gesicht oder mehrere Smiley-Gesichter erstellen. Dies erfordert drei Kreise, einen großen für das Gesicht und zwei kleine für die Augen und vor allem eine Arche für das Lächeln. Ich kann all das in eine Funktion setzen, es Smiley nennen und es ein Zeman e mal nennen, wie ich will. Das ist Effizienz. Lassen Sie uns die Syntax einer Funktion mit einem viel einfacheren Beispiel erkunden. Ich möchte eine Funktion, die einen Radius annimmt und einen Durchmesser zurückgibt, wird diesen Funktionsdurchmesser aufrufen . Funktionen beginnen auch mit einem Schlüsselwort wie Variablen. Das Schlüsselwort gibt jedoch jedoch den Typ des Rückgabewerts an. Für unser Smiley-Beispiel wäre das Schlüsselwort ungültig, da es nichts zurückgibt. Aber für dieses Durchmesserbeispiel wird der Rückgabewert über Wasser sein. Da unsere Funktion einen Wert annimmt, müssen wir einen Parameter definieren. Nennen wir es Radius und geben ihm eine Art Schwimmer. Dies ist eine einfache Berechnung. Ein Durchmesser ist das Zweifache des Radius schwächen. Speichern Sie diese Daten in einer Float-Variablen innerhalb der Funktion und geben Sie sie zurück. Aber da es ein kleines Beispiel ist, wird die Berechnung direkt zurückgeben. Wir verwenden das Rückgabe-Schlüsselwort vor einer Rückkehr. Werte jetzt Dysfunktion zu verwenden, nennen wir es mit seinem Namen gefolgt von Klammern. Da diese Funktion eine Eingabe aufzeichnet, müssen wir ein Argument übergeben. Ich mache einen Wert von 10 für Radius schwächen. Speichern Sie den Rückgabewert in einer Variablen, oder wir können ihn direkt in ihrem Mantel verwenden. Ich denke, es ist Zeit für ein Beispiel, das besser zu verstehen 20. Beispiel: Funktionen: Okay, Es ist Zeit für die Funktionen. Beispiel. Wie ich in dem Erklärungsvideo erklärt habe, speichert eine Funktion einen Codeblock in einer vernünftigen Methode, die Sie überall im Programm aufrufen können , haben die Größe und Hintergrundfunktion und diese Luftfunktionen verwendet, die native -Verarbeitung. So wurden sie dort bereits mit Verarbeitung erstellt, so dass wir sie nicht neu erstellen müssen. jedoch Manchmal gibt esjedochBedarf an Funktionen oder für Sie, um Ihre eigenen Funktionen zu erstellen. Im Beispielvideo habe ich darüber gesprochen, ein Smiley-Gesicht zu erstellen und es innerhalb einer Funktion zu speichern. Vielleicht können wir dieses Beispiel neu erstellen, um zu sehen, wie es funktioniert. Um Funktionen zu erstellen, benötigen wir die Schlüsselwörter des Rückgabetyps. Für ein Smiley-Beispiel müssen wir nichts zurückgeben, das ich einfach vermeiden verwende, wasleer bedeutet, leer bedeutet, also gibt es nicht notwendigerweise etwas zurück. Und das ist das Schlüsselwort, das du dafür verwendest. Wie Sie hier sehen können, vermeiden wird verwendet, zurückgezogen und eingerichtet, weil sie nichts zurückgeben, und jetzt nenne ich es Smiley, und wir haben die Klammern, wo wir Parameter haben können und dann die geschweiften Klammern, wo wir kann den Codeblock haben, den wir ausführen möchten, und innerhalb unseres Smiley-Gesichts. Ich werde nicht in die Ark-Funktion oder die Archenform gehen, nur weil es für dieses Beispiel etwas zu kompliziert ist. Aber ich werde nur einen gelben Kreis und zwei kleine Kreise erstellen, und ich werde sie auch färben. Also werde ich dem einen Gelben geben, und es wird immer in der Mitte über dem Bildschirm sein, und ich werde ihm diesmal eine Größe von 200 geben. Und dann werde ich einen anderen Phil für die beiden anderen Kreise erschaffen, die die Augen sein werden, die ich ihnen einen Phyllis Black geben werde. Ich werde zwei verschiedene Kreise erstellen, und ich werde jetzt einen von 34 setzen und wir werden sehen , wo das positioniert ist, und wir können es später reparieren, und sie werden eine Größe von 20 haben. Mal sehen, wo dieser ist. Okay, wir werden nichts sehen. Der Grund dafür ist, dass wir Funktion nicht aufgerufen haben, also haben wir sie nur definiert. Dies ist ein Fehler, den ich so oft beim Programmieren gesehen habe. Ah, viele der Schüler vergessen, die Funktion anzurufen, und sie erwarten, dass ihr Code funktioniert. Aber was sie tun müssen, ist die Funktion aufzurufen. Ich werde zuerst die Draw-Funktion vom Schleifen stoppen. Also werde ich einfach die No-Look-Funktion und dann innerhalb der Zeichnung verwenden, weil sie nicht wollen, dass es viele Kreise übereinander zeichnet. Dann, innerhalb der Ziehfunktion, gehe ich Teoh, ruf Smiley an. So, wie Sie eine Funktion aufrufen, ist nur, indem Sie ihren Namen aufrufen und dann Klammern setzen. Da wir hier keine Parameter haben, brauchen wir hier drüben keine Argumente. Ich werde es jetzt ausführen, wir können sehen, dass es sehr weg ist. Also sollte ich nicht hier drüben sein. Ich weiß also, dass das Zentrum 202 102 100 hier ist. Und weil ich ein visueller Mensch bin, ist es viel einfacher für mich, etwas vor mir zu sehen, nur um die Positionierung davon zu verstehen . Ich kann es visualisieren, aber es kann mehr Zeit für mich dauern. Es ist einfacher für mich, es einfach zu sehen, also werde ich das hier oben verschieben, also wissen wir, dass es 200 hier sind, also musste ich nur weniger als 200 sein, die Größe ist 200. Also weiß ich, dass der Radius die Größe des Kreises 200 ist. Also weiß ich, dass der Radius 100 ist. So wissen wir, dass ich zurückbewegen kann vielleicht 30 Pixel von 200 nach oben 30 Pixel. Es wird also 170 für beide sein, und es sollte funktionieren. Jetzt werde ich noch einen Kreis haben, und dieses Mal wird das Warum das gleiche sein, weil sie parallel zueinander sein werden . Aber dann werden die anderen Augen dieses I auf der X-Achse spiegeln. Also wird es diesmal 2 30 sein. Aber warum werden jetzt 170 sein? Wir haben zwei Augen. Großartig. Das ist also im Grunde, was eine Funktion ist. Jetzt können Sie Aziz viele Smiley-Gesichter erstellen, wie Sie möchten, in Ihrem Inneren zu kran, aber mit einem Problem. Das Problem im Moment ist also, dass jedes Smiley-Gesicht an der gleichen Position sein wird. Der Grund dafür ist, dass wir keine Parameter haben. Also nennen wir das nicht mit einer anderen Positionierung. Wir können das ändern, indem wir hier Parameter hinzufügen. Also, wenn ich Float X und Float warum, Dies ist im Grunde, wie wir Parameter erstellen. Sie haben nur Variablen ohne Werte definiert, und dann verwenden Sie sie hier, und das wird uns hier im Aufruf einen Fehler geben, weil es Parameter erwartet. Also müssen wir Argumente eingeben. Und übrigens, die meisten der Zeit werden Sie hören, wie Leute über Parameter sprechen, wenn sie definieren, und Argumente, wenn sie die Funktion aufrufen. Okay, jetzt haben wir unsere Parameter erstellt, aber wir müssen sie verwenden. Also innerhalb dieses Kreises, anstatt 202 100 zu verwenden, die statische Werte sind, werde ich sie durch die Float-Werte ersetzen, die ich erstellt habe, oder die Parameter, die erstellt werden. Also werde ich einfach X machen und ich weiß, dass das perfekt für den gelben Kreis funktionieren wird. Aber wie kann ich es für die Augen tun? Wenn Sie sich erinnern, sagte ich von der mittleren Position, ich werde nach links 30 Pixel bewegen und dann 30 Pixel hoch, um das erste Ich zu erstellen, also werden wir das Gleiche tun. Also weiß ich, dass, was auch immer diese Position ist, ich weiß, dass die Augen, die 30 Pixel weniger auf der X-Achse und 30 Pixel weniger auf der Y-Achse geben . Und dann wird der andere 30 Pixel mehr und 30 Pixel weniger sein. Okay, also wird das X minus 30 sein und das ist gut, wird warum minus 30 sein. Das wird Wein minus 30 sein. Und das ist Spiegel, also wird es X plus 30. Und jetzt müssen wir den Fehler korrigieren und unsere Argumente heute Abend hinzufügen. Ich will, dass die 1. 1 ein 202 100 wird. Es wird also sein, dass der große Kreis an dieser Position sein wird, die das Zentrum sein wird. Aber ich will, dass der andere auf der 00 Position ist. Cool. Jetzt müssen wir smileys. Lassen Sie uns dieses bewegen, damit Sie die Augen sehen können, die für beide arbeiten. Also mache ich 100 in 100 und sie könnten sich überlappen. Das ist okay. Cool. Jetzt müssen wir Gesichter lächeln, und beide haben die Augen an der richtigen Position. Und jetzt können Sie so viele Lächeln haben, wie er will. Und jetzt, wenn wir über Loops wissen, können wir viele Smileys erstellen, indem wir Brandon-Positionierung für sie generieren, und Sie können eine ganze Seite mit Smiley-Gesichtern erstellen. Und wenn Sie in die Dokumentation gehen und ah, die Ark-Form und wie sie erstellt wird, können Sie diese Dokumentation jetzt besser verstehen, weil Sie alles über Argumente wissen und wie sie tatsächlich verwendet werden, weil Sie Ihre eigene Funktion. Nein, lassen Sie uns eine andere Funktion erstellen, die etwa diese Zeit zurückgibt. Also werde ich nur die 100 Pixel zurücklassen. Miley, weißt du, ich habe das nur, weil ich hier etwas drucken möchte, das ich von der anderen Funktion zurückkehre , um es zu schaffen. Sie wissen, lassen Sie uns eine Anzeigenfunktion erstellen, die die einfachste Funktion ist, die Sie mit dem Rückgabewert erstellen können. Nun eine Anzeigenfunktion zwei Zahlen hinzu. Es wird eine sehr, sehr einfache Funktion sein. Es geht, Teoh fügt einen Unfall hinzu. Warum Wert, was auch immer die Benutzereingaben oder was auch immer Sie wollen und in Ihr Programm einfügen, und dann wird es Informationen dieser beiden zurückgeben, kann es ein Eindringling oder Float sein. Es liegt an Ihnen, wie Sie diese Funktion erstellen möchten. Ich werde nur eine ganze Zahl erstellen, weil es viel einfacher ist, damit umzugehen. Also werde ich den Rückgabetyp machen. Und so nein, das Schlüsselwort ist vermeiden mehr, weil dies etwas zurückgeben wird, und ich werde sagen, und ich werde es an und und und die Klammern und dann andere Klammern anrufen . Nun, anstatt leere Parameter oder leere Klammern zu haben, werde ich ihm einen X-Wert geben. Und White Alley. Nein, das wird ein wenig wütend sein, nur weil diese Methode ein Ergebnis vom Typ Interview zurückgeben muss und wir hier immer noch keinen Rückgabewert haben. Wie ich in meinem Erklärungsvideo sagte, kann ich entweder eine Variable hier darin erstellen, die einige genannt wird, und lassen Sie uns das zuerst erstellen oder es kann sie direkt zurückgeben. Und da dies ein kleines Beispiel ist, werden wir es auch direkt zurückgeben. Also werde ich einfach tun, es endet. Ich werde es etwas nennen, und dann werde ich X plus y tun also welche Werte innerhalb von X und welche Werte auch immer ich will. Einige von denen, und dann kann ich einfach einige zurückgeben. Also jetzt ist es froh, dass es keine Fehler mehr gibt. Und es gibt diesen Sohn zurück. Ich werde Ihnen zeigen, wie das damit funktionieren wird, und dann werde ich es ändern, um die etwas direkt zurückzugeben. Also lassen Sie uns dies tatsächlich innerhalb der Text-Funktion tun, die wir zuvor verwendet haben. Und ich werde das auf Position 200 stellen. Was auch immer hier drin ist, und dann rufe ich die Anzeige an. Sie können ihm geben, welchen Wert Sie wollen. Du machst nur 10 und fünf. Und wenn ich richtig bin, attrited zurückgegeben 15. Richtig? Und es gibt den Wert zurück. 15 gewähren Inkrementelle Textgröße ein wenig, nur damit Sie klar sehen können, was geschrieben wird. Okay, jetzt sind es 15. Und mal sehen, ob ich die Werte direkt zurückgeben möchte. Also werde ich das einfach direkt zurückgeben, weil es keine Notwendigkeit gibt, dem Speicher weitere Variablen hinzuzufügen , wenn Sie es nicht brauchen. Und wenn ich es leite, wird es 15. Wir wissen also, dass alles gut funktioniert. Jetzt kann er Ihren Mantel sauber halten, indem er Funktionen erstellt und sie aufruft, wann immer Sie sie brauchen . 21. Kurse und Objekte: Klassen und Objekte sind die Grundlage der objektorientierten Programmierung perfekt, wenn Sie eine Vorlage für ein neues Objekt erstellen möchten , das standardmäßig nicht existiert. Eines der bekanntesten Beispiele ist die Fahrzeugklasse. Nehmen wir an, wir möchten einen Entwurf für die Erstellung von Fahrzeugobjekten erstellen. Wir können eine Klasse mit dem Namen Vehicle schreiben und darüber nachdenken, welche Eigenschaften und Aktionen alle Fahrzeuge haben. Zum Beispiel sollten sie alle eine Ausgangsposition haben. Sie bewegen sich alle. Sie alle haben eine Art von Motor und so weiter. Das ist großartig. Wir haben bereits eine Vorlage, die wir anpassen können, basierend auf dem Typ des Fahrzeugs erstellt wurden . jedoch sinnvoller, Hier ist esjedoch sinnvoller,ein generativeres Kunstthema zu betrachten. Schauen wir uns einen Zufallswandler an, und während wir dabei sind, lassen Sie uns die Syntax für die Erstellung von Klassen und Objekten erkunden. Jede Klasse beginnt mit einem Klassenschlüsselwort, gefolgt von einem Namen, zum Beispiel ein Call it Walker. Im Gegensatz zu Funktionen wird einem Klassennamen im Gegensatz zu Klammern direkt mit geschweiften Klammern gefolgt, da sie später beim Erstellen des Konstruktors kommen. Der Konstruktor ist der Name der Klasse, gefolgt von Klammern, in denen wir Parameter hinzufügen können, um Eingabe bei Bedarf zu ermöglichen. Jetzt ist es Zeit für einige Eigenschaften und Methoden. Eine Eigenschaft ist eine Variable in einer Methode ist eine Funktion, aber die Terminologie ist anders, weil sie zu einer Klasse gehören. Also wissen wir bereits, wie man diese erstellt. Nur wissen, dass Eigenschaften gehen, bevor der Konstruktor und Methoden nach jetzt gehen, um eine Instanz dieser Klasse zu erstellen . Wir haben die neue Klasse verwendet, die wir erstellt haben, als wir Datentypen für Variablen verwendet haben, die mit ihrem Walker-Beispiel fortfahren . So wird unsere Instanz aussehen. Wir können auch ein Array von Objekten erstellen, wenn wir Klammern nach dem Walker-Schlüsselwort hinzufügen, wie jetzt, um die Instanz tatsächlich zu erstellen, haben wir diese Variable mit dem Walker-Typ dem Wert von new walker zugewiesen. Dazu der Konstruktor leer. Aber wenn wir Parameter definiert haben, müssen wir hineingehen. Argumente wie wir mit Funktionen und Beispielen gemacht haben, helfen uns, mehr Übung mit Klassen und Objektenzu bekommen Klassen und Objekten 22. Beispiel: Kurs und Objekte: Dieses Beispiel wird nur ich demonstrieren, wie Klassen Luft verwendet oder wie ich persönlich Klassen benutze . Ich werde sie in derselben Datei erstellen, weil wir später über mehrere Dateien sprechen werden, und ich möchte nicht viel zu viele Dinge integrieren, über die ich noch nicht gesprochen habe. Okay, bevor ich beginne, das Beispiel zu durchlaufen, möchte ich darüber sprechen, warum eine Klasse verwenden würde Manchmal, anstatt nur die regulären Formen zu verwenden oder ein Array oder eine for-Schleife zu verwenden, ist eine Lektion. Ich möchte einen Kreis auf der Seite erstellen, aber ich möchte ihn auch verschieben. Das ganze Programm dreht sich also darum, diese zu animieren. Vielleicht ist es ein Standbild. Am Ende möchte ich erstellen, indem diese Shapes verschoben und auf dem Bildschirm gezeichnet werden. Oder vielleicht möchte ich nur, dass sie sich bewegen, weil ich in der Animation selbst teilen möchte. Also ein Kreis, wenn ich ihn fahren möchte, hat eine X- und Y-Position und er hat Größe. Aber wenn ich es verschieben möchte, ist der einzige Weg, dies zu tun, die Verwendung von Variablen und inkrementellen den Akzent y basierend auf dem, was ich tun möchte. Aber jetzt Wenn ich ein Array von Kreisen erstellen möchte, um sie über den Bildschirm zu verschieben, habe ich nicht unbedingt eine Methode, die sie verschieben würde. Ich habe keine Methode, die den Bildschirm jedes Mal aktualisieren würde , ,wenn es eine Bewegung gab oder sich diese Formen bewegen. Also werde ich nur ein Klassenzimmer erstellen, wie der Gedankenprozess macht. Das weißt du. Okay. Sie müssen eine Klasse erstellen, da kein Objekt bereits vorhanden ist, das alle diese Funktionen enthält , die Sie benötigen, da alle Datentypen, über die wir gesprochen haben, tatsächlich Objekte sind , die Klassen haben. So sind beispielsweise die Methoden, die mit der Zeichenfolge verwendet werden, alle innerhalb der String-Klasse definiert. Also hast du nicht dasselbe getan. Also werde ich einen Klasse-Gold-Kreis erstellen, und wir werden Eigenschaften vier Bewegung haben, und für Größe und sogar für Farbe, fangen wir an, die Klasse zu lesen, wir werden es einfach Kreis nennen. Und wir haben gesagt, dass es hier keine Klammern hat. Eine Klasse hat einen Konstruktor darin. Es ist irgendwie wie die Funktion der Klasse. Es sieht also genauso aus wie eine Funktion, aber ohne Schlüsselwörter davor. Es ist also der gleiche Name und dann die Klammern, und dann haben Sie Variablen initialisiert, die für einige andere Sprachen eindeutig sind. Es heißt darin, weil es eine anfängliche Isar ist. Also initialisierst du alles, was du brauchst, hier und davor. Wir sagten, die Eigenschaften gehen hier, was die gleiche ist wie Variable unterscheiden erstellt, wenn Sie sie vor allen Funktionen erstellt haben, die wir haben. Also werde ich einfach Ex schweben und warum? Und dann werde ich ihnen auch die Größe geben, die es sein kann. Sie können alle die gleiche Größe haben, oder sie können zufällige Größen haben. Es liegt an Ihnen, wie wir sie erstellen möchten. Dies ist nur die Erstellung der Vorlage. Der Kreis wird die Vorlage sein, aus der wir viele Kreise erstellen werden. Das ist also im Grunde die Form des Kreises oder wie es ein Blick war oder welche Art von Eigenschaften es wird halb. Und dann werde ich ihm auch eine Farbe geben, also machen wir einfach zufällig. Ich weiß, dass wir keine Zufälligkeit eingeführt haben, aber das ist eines der Dinge, die ich hier verwenden werde, nur um Ihnen zu zeigen wie ich es normalerweise benutzen würde. Ich möchte nicht, dass dieses Beispiel ein Beispiel ist, nur um Ihnen zu zeigen, wie Klassen erstellt werden, ohne Ihnen genau zu zeigen, wie ich sie verwenden würde. Ich möchte, dass sie realistisch sind, auch wenn ich etwas vorstelle, mit dem ich nicht gesprochen habe. Wahrscheinlich. Okay, wenn Sie also wollen, dass der Benutzer die Position des X auf meiner Position, alle Größe oder Farbe, dann müssten Sie hier Parameter zuweisen. Also, wenn ich es will, sagen wir, wenn ich möchte, dass der Benutzer die X- und Y-Position eingibt, dann muss ich float sagen und ich werde ihm einen anderen Namen geben. Also werde ich einfach Acts unterstreichen, es einfach mit X verknüpfen und dann schweben. Warum können Sie sie X X Y nennen. Warum ist einfach einfacher, wenn es sich von diesem unterscheidet? Es ist nicht verwirrend. Und dann würden Sie sie hier zuweisen. Das ist also die erste Isar. Also würde ich sagen, dass dieses X gleich diesem X ist, also was auch immer die Eingabe hier zwei X zugewiesen wird und dann werde ich dasselbe tun warum Aber im Moment möchte ich nur, dass sie aus der Mitte hervorgingen. Also werde ich nur 200 sagen. Also werde ich nur 200 tippen, dann wird Lüge auch 200 sein. Und dann werde ich ihnen vorerst die gleiche Größe geben. Es wird also gute Pixel sein, und dann ist das einfach willkürlich. Es ist nicht wichtig, welche Größe Sie setzen. Es liegt an dir und dann werde ich Farbe machen. Machen wir es eigentlich nur eine Farbe. Für den Moment werde ich es einfach blau machen. Danach werde ich eine Methode schreiben. Die beiden wichtigsten Methoden, die Sie sehen werden, dass viele generative Künstler verwenden, einschließlich mir, einschließlich mir, ist die Anzeige- und Update-Methode. Sie können die Update-Methode verschieben aufrufen. Es liegt an dir, wie du diese Methoden nennen willst. Aber das ist die Konvention, die Sie viel sehen würden. Ich rufe nur die 1. 1-Anzeige an und die Anzeige ist im Grunde die Ziehmethode. Aber ich habe ihn angerufen. Ich nenne es Display. Nur weil es eine Ziehmethode nativ gibt und dann große vermeiden wird, um die Kreise zu bewegen . Also hier wirst du zeichnen, was du zeichnen willst. Also, was immer Sie anzeigen möchten, Sie schreiben es einfach hier. Ich werde es eine Füllung von Farbe geben, und Sie hätten einfach nicht verwenden können, rufen Sie hier sind die variable Farbe hier drüben und füllen Sie einfach direkt aus. Aber ich wollte es nur hier und hier setzen, nur um Ihnen zu zeigen, dass Sie es als Eigenschaft hinzufügen können und Sie sogar Ihre Eingabe verwenden müssen. Die Farbe. Vielleicht wollen sie die Farbe zufällig bestimmen. Vielleicht haben sie nicht die gleiche Farbe. Und dann werde ich Teoh tatsächlich einen Kreis zeichnen. Also wird der Kreis die Exposition der Y-Position haben und ihr Jungs okay, ich werde die Update-Methode MT verlassen. Vorerst, und ich werde Ihnen zeigen, wie das aussehen wird. Okay, also hast du gesagt, dass, wenn wir ein Objekt aus der Kreisklasse initialisieren oder deklarieren wollen, wir es so nennen, als ob es der Datentyp ist, genau wie Strings und in all diesen anderen Datentypen einführen und schweben und dann werde ich es einfach nennen, was auch immer. Also werde ich es nur Sir nennen und dann werde ich sie innerhalb dieses zentralen Funktionskreises initialisieren wird gleich amüsiert Ihre coole, denn jetzt erstelle ich eine neue Instanz der Kreisklasse. Also, jetzt enthält das eine Instanz der Klasse? Nein. Wenn ich eine andere Instanz erstellen möchte, werde ich nur Cirque zwei Fahrzeuge machen, neuer Kreis. Und diese beiden werden unterschiedliche Einstellungen haben, wenn ich sie mit Argumenten initialisiere. Wenn ich jemals Parameter hier habe und sie initialisiert habe, und wenn das und wenn dasaus der Mitte hervorgehen muss und ich das aus der Ecke hervorgehen ließ, dann waren das verschiedene Objekte. aus der Mitte hervorgehen muss und ich das aus der Ecke hervorgehen ließ, Wenn ich initialisieren muss, um zwei hier drüben zu dienen, ist nun , okay, jetzt werde ich den Hintergrund so einstellen, dass er nicht trocknet, weil ich einfach wieder nach White ziehen wollte , und jetzt werde ich diesen Cirque nennen, und ich werde seine Methode aufrufen, um anzuzeigen. Wir werden Update jetzt nicht anrufen, weil es nichts hat. Und selbst wenn ich anrufe, wird es mir nichts anderes zeigen als anzeigen, weil es implementiert ist. Es wird mir den Kreis zeigen. Nein, so würden Sie Methoden und Eigenschaften innerhalb Ihrer Klasse aufrufen, so dass sie als Variablen und Funktionen definiert sind , weil sie identisch sind. Aber weil sie zu einer Klasse gehören, müssen Sie Punktnotation verwenden, um Verbindungen herzustellen oder sie aufzurufen, weil sie nur zu den Schränken gehörten . Und Cirque ist eine Instanz dieser Klasse. Es kann auf alle Eigenschaften und Methoden mit Punktnotation zugreifen. Also, wenn ich auf X zugreifen möchte, da es nicht privat ist, oder den Wert von Handlungen, die ich tun kann, und ich kann auch Wert daraufsetzen , und ich kann auch Wert darauf , wenn ich es stattdessen Null machen möchte, kann ich das tun. Aber im Moment werden wir nur zeigen. Okay, jetzt können wir spielen und du kannst unseren Kreis sehen. Wir können es ein bisschen größer machen, also mache ich es 20 und dann können wir unseren Kreis trotzdem sehen. Und wenn ich das entferne, siehst du, dass es nicht mehr da ist. Und das ist nur ein Weg zu gemeinsamen Dingen, jedem Commons oder irgendetwas, das doppelte Schrägstriche davor hat. Es funktioniert nicht oder zeigt sich nicht. Und jetzt zeigt es sich. Jetzt lasst uns eigentlich damit. Also bewegst du es? Ich werde nur X plus gleich machen. Ich werde nur 1/2 halb dieses Pixels machen. Es wird sich also langsam bewegen, weil ich nur ein Pixel in jedem Ring hatte. Und jetzt, wenn ich es bewegen will, muss ich es anrufen. Aber Sie müssen die Methode aufrufen, die die Bewegung so beim Update serviert hat und sie bewegt sich jetzt . Sie sehen, dass es sehr ähnlich ist, nur Kreis mit normalen Variablen oder normalen Gleitkommazahlen von X und y als Positionen zu erstellen , und dann innerhalb der Zeichenfunktion zu ändern und sie zu animieren. Aber wenn Sie ein Array dieser Kreise erstellen möchten, die sich mit zufälligen Geschwindigkeiten und zufälligen Größen bewegen , können Sie dies nur tun, wenn Sie eine Klasse erstellen. So sieht es jetzt sehr ähnlich aus. Aber wenn wir ein Array davon erstellen wollen, werde ich einfach Klammern machen, um es in ein Array zu ändern, werde es stattdessen Surks nennen, weil ich loyal bleiben wollte, und dann werde ich das Array zuerst initialisieren. Wir initialisieren also nicht die Klasse, die das Array dieses Mal am Anfang initialisiert hat, ich werde nur neuen Cirque-Kreis und dann werde ich ihm eine Größe von 10 geben. Also sagen wir 1/2 10 Kreise. Okay. nun Umnunjede Instanz zu initialisieren oder jede Instanz des Kreises zu erstellen, müssen Sie eine for-Schleife verwenden . Der Grund dafür ist, dass, wenn ich jetzt alle initialisieren möchte, dieser Cirque nicht existiert. Wie auch immer, ich werde es einfach Surks nennen. Und jetzt heißt es, dass dies nicht mit einem Array übereinstimmt. Also muss ich kein Recht gutschreiben. Um dies zu tun, müssten Sie Null bis neun tun, nur um 10 Kreise zu machen. Also der gute Weg, dies zu tun, ist, äh, ich werde einfach eine for-Schleife machen und in geben, weil für eine Gehaltserhöhung, müssen wir zählen. Also müssen wir ganze Zahlen verwenden und wird mit Null beginnen. Und dann muss ich kleiner sein als Surks Do not length, weil sie nur bis zur Länge dieses Arrays durch das Array gehen mussten . Oder ich könnte einfach 10 machen. Es ist das gleiche und dann, Aber wenn ich das jemals erweitern, ist es besser, die Eigenschaft aus dem Array zu verwenden, dann diese beiden jedes Mal zu ändern. Und dann werde ich für jede Belüftung ein und jetzt implementiert werden, um in jede Zelle oder jedes Element im Array zu tippen . Ich muss mich für die Klammern machen. So wird die 1. 1 einfacher sein. Die 2. 1 wird eins sein, bis Features neun und dann stoppt es. Und jetzt werde ich eine for-Schleife verwenden müssen ist gut für die Anzeige und die Update-Funktion in Dies sind tatsächlich Surks ein anderes in einem Rennen. Ich muss und die Klammern. Wenn ich das mache,haben wir eigentlich 10 Kreise, aber sie sind alle übereinander. Wenn ich das mache, haben wir eigentlich 10 Kreise, So ist die Macht dieser Klasse jetzt, dass wir zufällige Positionen zufällige Startposition für jeden wählen können , und dann werden sie alle den gleichen Schritt bewegen , der ein halbes Pixel ist. Also werde ich das einfach in zufällige Position ändern. Ich werde es zu einer Position von Null auf 400 machen und dann werde ich es auch für diesen hier von 0 bis 400 schaffen. Sie müssen jetzt nicht viel über die Zufallsfunktion wissen, aber nur damit Sie mit mir folgen, nimmt die Zufallsfunktion einen Minimalwert in einem Maximalwert an. Das wird mir also eine Zahl von 0 bis 400 geben. Also jede Zahl von dort, also wird es sein und der Grund, warum es für Hunderte von gewählt hat, weil meine Leinwandgröße 400 mal 400 ist . Also wollte ich von Null gehen, das ist die linke Seite der Leinwand zu 400, die die rechte Seite der Leinwand ist. Und dasselbe gilt für Frau von oben nach unten. Und jetzt, wenn ein Lauf das tut, werden wir sehen, dass wir viele Kreise in verschiedenen Positionen haben, die sich auf die gleiche Weise bewegen . Wir können auch meine als Schrittgröße rendern. Nehmen wir an, ich möchte einen zufälligen Wert von 0,5 bis 3, so dass sie unterschiedliche Geschwindigkeiten haben. Einige werden sehr langsam sein und einige werden sehr schnell sein. Nein, wenn ich es führe, können Sie sehen, dass sie in einem sehr zufälligen Weg einziehen. Ich denke jedoch, jedoch, dass Sie sehen können, dass jeder von ihnen tatsächlich Geschwindigkeit ändert. Der Grund dafür ist, dass wir es in der Update-Funktion innerhalb der Zeichenfunktionen ändern , so dass jeder Frame tatsächlich einen neuen Zufallswert erhält. Aber Sie können das ändern, um jeden Kreis haben, wenn zufällige SBI und klebt mit ihm durch den Zeitraum des gesamten Programms. Dann machen Sie es hier wegen der Initialisierung unserer Kreise zu initialisieren. Objekte ist hier in der Setup-Funktion, die nur einmal ausgeführt wird. Also werde ich eine andere Variable hinzufügen, die Schrittgröße genannt wird, und ich werde den gleichen Wert erhalten, wie dorthin. Also 0,5 bis 3, geben Sie diese Schrittgröße ein. Nun, wenn ich das durchführe, wird jedem Kreis ein Zufallswert von 0,5 bis 3 zugewiesen, und es bleibt dabei, während sie sich durch den Bildschirm bewegten. Sie können sehen, dass einige sehr langsam sind und einige sehr schnell sind und bereits den Bildschirm verlassen. Wir können auch lügen, aber dieses Mal, Schrittgröße wird die gleiche für Akzent im Leben sein. Aber es wird sein, es gibt genug, um es ein bisschen zu machen. Sind zufällig kann ich tun. Wir können einen Zufallswert von negativ 3 bis 3 auf diese Weise tun, auch wenn, wie Hinzufügen und negativer Wert tatsächlich in der gegenüberliegenden Seite bewegt wird. Sie können sehen, dass der Sommer tatsächlich so geht, und einige sind es tatsächlich. Und wenn Sie es noch weiter randomisieren möchten, können Sie eine Schrittgröße für einen Unfall erstellen. Schrittgröße für warum? Es wird also ein anderer Wert für jeden sein. Jetzt haben wir Kreise, die sich um diesen Bach bewegen. Sie können hier eine Menge coole Sachen machen, nur mit Eigenschaften und Methoden denkt, dass Sie nicht mit dem tun können, was Sie bereits in der Verarbeitung haben. Also, ja, im Grunde lässt du sie miteinander interagieren, nur weil sie deine Objekte sind. So können andere Objekte, die sie durch Verarbeitung erstellt werden , nicht notwendigerweise miteinander interagieren , , und wenn Sie es zu Ihrem eigenen machen, können Sie dies erstellen. Das ist also ziemlich mächtig. Und ich denke, wenn du das perfektionierst , kannst du alles tun , heimische Kunst verletzen , kannst du alles tun, heimische Kunst verletzen, 23. Systemvariablen und Methoden: bis jetzt. Wir haben gelernt, alles von Variablen bis zu Klassen zu erstellen. Aber es gibt einige Systemvariablen und Methoden, die wir verwenden können, ohne sie erstellen zu müssen . Die ersten 2 Methoden, die jedes Mal verwendet werden, wenn ich eine Skizze starte ,sind die Größe und die Hintergrundmethoden , , die Größenmethoden, das ist die Größe der Leinwand und die Hintergrundmethoden. Das ist die Leinwand-Hintergrundfarbe, die mit der Größenfunktion verbunden sind, sind die Breiten- und Höhenvariablen, die die Werte der Canvas-Größe enthalten, diese Luft hilfreich. Wenn Sie zum Beispiel Ihren Bildschirm in ein Raster aufteilen möchten , müssen Sie keine Vermutsvariable erstellen. Sie verwenden nur die Standardwerte nächste oder zwei Variablen, die zum Testen geeignet sind. Ärzte zeichnen Skizzen, und es gibt die Mouse X und Maus y Variablen, die den Lebensakzent begonnen haben. Warum Positionswerte der Maus? Das bedeutet, wie Sie die Maus bewegen. Wenn Sie die Werte an den Konsul drucken, können Sie sehen, wo sie sich auf der Arbeitsfläche befinden. Apropos Drucken für den Konsul, die Pentland-Methode ist unglaublich nützlich, um Ihren Code zu debuggen. Mit anderen Worten, finden Sie falsch in Ihrem Programm, um sie zu beheben, werden wir sehen, wie das funktioniert im folgenden Beispiel. Schließlich sind die Maus Brust und halten Rest Ereignisse ideal, wenn Sie Programm auf der Maus oder Tastatur Eingabe des Benutzers verlassen. Sie können zum Beispiel die Animation starten, wenn die Maus oder die Tastatur gedrückt wird, damit der Benutzer nichts verpasst. Dies sind die wenigen Variablen und Methoden, die ich am meisten verwende, aber es gibt mehr, die Sie in der Dokumentation beschränkt haben, also überprüfen Sie das. Lassen Sie uns nun auf die Verarbeitung gehen, um zu sehen, wie diese funktionieren. 24. Beispiel: System-Variablen und Methoden: Sie haben gesehen, dass ich die Größe und Hintergrundfunktion immer und immer wieder in jedem Beispiel verwendet habe. Beginnen Sie also normalerweise diese Größenmethode, indem Sie ihr zwei Argumente geben. Die 1. 1 ist die Breite und die 2. 1 ist die Höhe der Leinwand. In den Beispielen habe ich nur 404 100 verwendet, aber er kann verwenden, was Sie wollen. Normalerweise benutze ich eine quadratische Leinwand, egal wie groß oder klein, weil ich meine Arbeit viel auf Instagram gelegt habe, und das ist die am besten geeignete Auflösung für mich. Aber Sie können eine HD-Auflösung tun, um es in einen Film wie eine 1920 x 10 80 Zugänglichkeit oder jede andere Größe, die Sie wollen. Aber ich werde bei 400 mal 400 für den ganzen Kurs bleiben, nur um konsistent zu sein, und so können Sie die ganze Arbeit in der gleichen Größe sehen wie für die Hintergrundfunktion. Wir haben darüber gesprochen, als wir über den Farbdatentyp gesprochen haben, also geben Sie einfach Hintergründe ein, und dann geben Sie ihm entweder einen Parameter für Hex-Code oder für einen Graustufenwert oder drei Parameter für R G und B also geben Sie einfach Hintergründe ein, und dann geben Sie ihm entweder einen Parameter für Hex-Code oder für einen Graustufenwert oder drei Parameter für R G und B Gib ihm einfach einen 255. Das beginne ich normalerweise mit. Bieten Sie einen Hintergrund von weiß. Und nachdem ich die Farbpalette eingerichtet habe, wähle ich eine andere Farbe, um mein Design zu fotografieren. Okay, also habe ich im gesamten Programm 202 100 für X und y verwendet, um den Kreis in der Mitte dieses Mal nicht zu positionieren, weil es besser ist, die Breite und Höhe zu verwenden, die ursprünglich für das Programm ist, da es , die mit der Größenmethode verbunden sind. Denn jedes Mal, wenn ich dies ändere, ändern sich diese automatisch, wenn ich die Breiten- und Höhenvariablen verwendet habe. Aber wenn ich 202 100 wie früher benutzt habe, es nicht funktionieren, weil das nicht immer 400 sein wird. Und ich werde diese Werte nicht jedes Mal ändern, wenn ich die Größe meines Campus ändere. Diesmal werde ich den Kreis in der Mitte zeichnen. Aber anstatt 200 mal 200 zu setzen, werde ich mit geteilt durch zwei und Höhe geteilt durch zwei verwenden , dass ich ihm eine Größe von 100 geben werde, wenn wir dies ausführen, werden wir den Kreis in der Mitte des Bildschirms sehen. Nun, wenn ich das auf 200 mal 200 ändern will , dann wird es immer noch in der Mitte des Bildschirms sein, denn jetzt sind es nicht nur 200 mal 200. Denn wenn ich das bei 200 für Ex belassen würde und warum es hier drüben sein wird, denn für eine Leinwand der Größe 200 ist das die untere rechte Ecke. Es ist also viel besser, einfach zu tun, was durch zwei in der Höhe geteilt wird, Divided by two würde seinen Wert vom ersten Argument beibehalten, und High nimmt seinen Wert von den zweiten Argumenten der Größenmethode. Jetzt funktioniert alles einwandfrei. Gehen wir zurück, Teoh unsere vorherige Leinwandgröße und lassen Sie uns unsere nächsten Variablen sehen. Dieses Mal, anstatt einen statischen Kreis zu zeichnen, möchte ich den Kreis bewegen, und ich möchte die Werte von der X- und Y-Position dieses Kreises überprüfen. Dieses Mal werden wir den Kreis zeichnen, aber ich werde die Maus X und Maus y benutzen. Wir werden es gleich groß lassen, und jetzt, wenn ich das mache, sehen Sie einen Kreis in der oberen linken Ecke, aber es ist eigentlich nicht da. Es ist nur da, weil Maus, X und Maus, warum wird bei Null beginnen, wenn Sie das Programm ausführen, Aber wie Sie es bewegen, Sie werden sehen, dass es die Kreise tatsächlich mit der Maus bewegen. Aber der Grund, warum diese Zeichnung ist, ist, weil wir keine Hintergrundfunktionsseite der Zeichnung haben . Jedes Mal, wenn der Kreis trocknet, zeichnet er einen anderen auf die Leinwand und was darin verschwunden ist. Also, wenn ich jeden Frame zurücksetzen möchte, werde ich nur einen Hintergrund machen, der sich befindet, bevor ich ihm den gleichen Wert geben werde, mit dem wir begonnen haben . So 255 4 weiß. Und jetzt entferne das. Es wird sich bewegen und nicht nur zeichnen, denn jedes Mal wird es mit dem Hintergrund zurückgesetzt und dann mit Kreis, der in der Mitte ist und dann mit einem Kreis, der eine Maus X und Maus hat. Frau für X in meiner Position, wissen, dass dies sehr hilfreich ist, denn jetzt können Sie die Druckzeilenfunktion verwenden, um die Maus X und Maus y-Position zu drucken . Das wird dir helfen, deinen Campus besser zu verstehen, wenn du dir die Werte ansiehst. Also, wenn eine Drucklinie Haus X in meinem Haus, warum können wir den Wert im Konsul hier unten sehen. Jedes Mal, wenn Sie es bewegen, also wenn ich ins Zentrum gehe, wird es 200 mal 200 sein. Nun, fast 200 mal 200. Ah, und dann, wenn ich in die obere linke Ecke gehe, wird Null wieder eine Null sein, fast nur, weil ich aus dem Bildschirm, bevor es Null eine Null erreicht. Und dann, wenn ich hier rüber gehe, wird es fast 400 vor 100 sein, was die Breite und Höhe unserer Leinwand ist. Jetzt können Sie auch die Breite und Höhe drucken, nur um die Werte von ihnen zu sehen, und Sie werden sehen, dass es 404 100 ist. Und wenn ich auf diese 2 200 trainiert habe, werden Sie sehen, dass es sich auf 200 geändert hat. Sie können hier alles drucken, was variabel ist. Beachten Sie auch, dass es eine andere Druckfunktion gibt, die als Druckfunktion bezeichnet wird und nicht Lynn drucken. Der Unterschied zwischen den beiden ist, dass Druck alles nebeneinander drucken wird, also wird es Ihnen nicht jedes Mal eine neue Zeile geben, damit Sie sehen können, dass es alles nebeneinander drucken wird und es keine Leerzeichen geben wird zwischen ihnen. Aber der Grund, warum es hier Arten gibt, ist wegen dieses Kommas, und ich werde Ihnen einen der Werte auf mich zeigen, und jetzt können Sie sehen, dass es keinen Platz gibt. Der einzige Grund, warum es ein Leerzeichen gab, ist, weil ich den Druck auffordere, anstelle von einem auszugeben . Also, ja, ich bevorzuge die Frontline-Funktion, die kurz für Drucklinie ist. Jedes Mal, wenn es gedruckt wird, wird es eine neue Zeile erstellen und dann den neuen Wert öffnen. Also jedes Mal, wenn es die Breite druckt und dann wird es zur neuen Zeile und innerhalb der Druckfunktion zurückkehren . Sie können ein oder mehrere Argumente haben. Normalerweise verwende ich mehrere und du kannst es auch tun, und ich habe gesehen, dass viele Leute dies in anderen Programmiersprachen tun. Sie können auch eine Zeichenfolge ausführen, die mit und dann Plus sagt, also fügen Sie diesen Wert zur Zeichenfolge hinzu, da Print Lynn eine Zeichenfolge setzt, so dass Sie sie einfach so hinzufügen können. Und jetzt gibst du zu, sagt Breite und dann plus den Wert hier drin. Der Wert ist also irgendwie so, als ob er innerhalb des Streams gesetzt wird, und Sie können eine andere namens Höhe und dann die Pluszeichenhöhe tun. Also kontaminieren Sie zwei Strings im Grunde oder einen beliebigen Wert für diese Zeichenfolge, und ich kann Breite und Höhe sehen. Und wenn Sie ein Komma zwischen ihnen wollen, müssen Sie es hinzufügen. Entweder hier oder Sie können es. Nach der Breite. Sie wird eine weitere Schnur hinzufügen, so dass Sie sehen können, dass es ein Auto hat, wissen Sie. Also ja, das heißt im Grunde stärken Cat Nation, so dass Sie Schlüsselwörter mit Strings hinzufügen können, nur um zu verstehen, nach welchen Werten Sie suchen. Nur für den Fall, dass Sie ein größeres Programm haben und Sie möchten, dass diese Druckland-Funktion ihre bleiben bis Sie das Programm beendet haben, ist es einfacher, wenn Sie wissen, welche Werte readies, anstatt hin und her zur Pentland-Funktion zu gehen . Okay, die nächsten Schlüsselwörter, die es nativ für die Verarbeitung sind, sind die gedrückte Maus und halten Ruhe. Also diese Luft aufgerufen Ereignisse, weil sie passieren, wenn der Benutzer etwas tut, so entweder der Benutzer drückt die Maus oder drückt die Tastatur. Ich benutze dies normalerweise mit einem f bedingten. Wenn ich f und dann mache ich die Maus gedrückt und hier werde ich Linie diese drucken. Sie werden sehen, dass nur, wenn die Maus gedrückt wird, dies wird gedruckt, so dass Sie dies nicht jedes Bild innerhalb der Zeichenfunktion sehen. Du siehst es nur, wenn ich klicke. Jedes Mal, wenn ich klicke, der Grund, warum du viel siehst, ist, weil wenn der Mausklick tatsächlich einen Wert setzt , solange du drückst, wir werden dir das zeigen, ähm, in einer viel einfachen -View-Beispiel. Anstatt zu drucken, werden wir jedes Mal zeichnen, wenn der Mund gedrückt wird, und ich werde den Hintergrund entfernen um vorerst zu funktionieren. Ok. Und jetzt können Sie sehen, dass ich einen Kreis gezeichnet habe, wo er mit der Maus geklickt hat. Und wenn ich weiter drängen will, wird es ein paar Kreise ziehen. Das ist also großartig, wenn Sie etwas zeichnen möchten, wenn Sie eine Zeichnungsanwendung erstellen möchten, können Sie beliebige Formen erstellen, und wir werden ein Beispiel dafür im kommenden Kapitel erstellen. Dies ist also eine unterhaltsame Möglichkeit, den Benutzer die Formen zu erkunden, die Sie haben. kannst du auch tun. Wenn Kees Presse hat, dann möchte ich, dass du die Form änderst. Okay, um dir zu zeigen, dass du Ruhe hältst, werde ich etwas tun. Ich werde einen Boolean erstellen, und ich werde ihn klein nennen, und ich werde ihm jetzt einen Wert von falsch geben. Und ich werde sagen, wenn der Tastendruck, ich will klein, gleich, wahr. Und dann werde ich ein anderes tun, ist bedingte Überprüfung, ob klein wahr ist. Es ist also klein. Klein ist wahr, dass ich prüfen werde, ob die Maus in ihrer oder jetzt wissen über die bedingte, dass kann sagen, wenn klein und Maus Chris, so dass wir nicht brauchen, um. Nachricht der bedingten ist und wir versuchen, so viel wie möglich zu vermeiden Verschachtelung Zeug. Wir fahren mit 50 Pixeln statt 100 Pixeln. Okay, wenn ich jetzt drücke, zeichnet es einen großen Kreis. Und wenn es eine der Tasten drückt, wird es auch den kleinen Kreis zeichnen. Der Grund, warum es den großen Kreis und diesen Monat Kreis darüber zeichnet, ist, weil ich das nicht in den falschen Wert gesetzt habe, also werde ich einfach anderes tun. Aber das wird jetzt nicht funktionieren, weil hier überprüft wird, ob klein und die Maus deprimiert ist . Also hier sonst wird die Kontrolle der Maus ist beeindruckt. Also kann ich entweder anders tun, wenn und Sie nicht klein und seine Maus gedrückt, wo ich ein Verschachtelungsbeispiel dio , wo ich sagen kann,, wenn die Brust der Maus und dann innerhalb von Moses Brust kontrahieren, wenn klein und dann sonst. Aber ich denke, das ist besser, nur weil es mehr Sinn macht und du es so verfolgen musstest . Also werde ich das stattdessen tun. Ok? Und jetzt wird eine der Tasten gedrückt. Es wird ein kleiner Kreis sein. So können Sie Keep Rest in Ihrem Programm verwenden. Sie können auch andere Verwendungszwecke haben. Ich werde dir nur einen von ihnen zeigen, um kreativ zu sein. Ich habe nicht wirklich alle Ideen. Ich gebe Ihnen nur die Schlüssel, und Sie können so kreativ sein, wie Sie wollen, um Ihr endgültiges Projekt zu erstellen. Okay, das ist alles, was ich heute für ein System Variablen und Methoden, Natürlich müssen Sie gehen und überprüfen Sie die Dokumentation für eine Menge mehr, die Sie in der Verarbeitung verwenden können und wir werden mehr Beispiele sehen, und wir werden sehen weitere Verwendungen für einige dieser und das kommende Kapitel. 25. Veranstaltungen: für dieses Modul wird über Massen- und Tastaturereignisse sprechen, die für verschiedene Benutzereingaben ziemlich nützlich sind, dann Maus und Tastatur gedrückt. Ich verwende diese Eingaben gerne für mehrere Zwecke, aber meine am häufigsten verwendeten sind die Taste oder die Taste, die zum Speichern von Bildern meines Artworks freigegeben wird. Die Unterschiede subtil. Der erste macht die Aktion. Sobald die Kees drücken, wartet die zweite auf die Freigabe des Schlüssels. Das gleiche gilt für Mausklick, dass die Maus freigegeben. Es gibt eine Reihe von anderen Ereignissen in der Verarbeitung ist die Dokumentationsseite, also gehen Sie dorthin, um sie auszuchecken. Wir werden zwei Beispiele von Ereignissen im Designausgabe-Kapitel erhalten, wenn wir unsere Entwürfe exportieren. 26. Randomität: in diesem Modul diskutiert Zufälligkeit. Mit zwei Funktionen Zufalls- und Rauschzufall gibt den Wert für einen minimalen Sollwert auf ein Maximum zurück. Allerdings gibt Rauschen eine flotte Zahl von 0 bis 1 zurück, die Sie skalieren können, um Ihre Anforderungen anzupassen. Fast jedes Kunstwerk erschaffe ich diese Zufälligkeit, und es ist eines meiner Lieblingswerkzeuge in der generativen Kunst. Wenn ich zumBeispieldie Farbe randomisieren möchte, Beispiel verwende ich die Zufallsfunktion. jedoch Wenn ichjedochglatte Bewegungen randomisieren möchte, habe ich eine Rauschfunktion verwendet. Lassen Sie uns ein Beispiel sehen, um den Unterschied zwischen der Zufallsfunktion und der Rauschfunktion herauszufinden . 27. Beispiel: Randomness: okay für Zufall und Lärm. Ich möchte Ihnen ein Beispiel zeigen, dass Everton vorher, dass ich Ihnen zeigen möchte, wie sich diese beiden Funktionen unterscheiden. Und ich werde das Beispiel erklären und Schritt für Schritt durchgehen. Also das erste, was ich erstellt habe, sind die Werte X und Y Position zu schweben. Und dann, wie immer, habe ich eine Größe im Hintergrund von Weiß gemacht Und dann begann ich Warum bei hoch geteilt durch zwei. Okay, also habe ich X implementiert und es beginnt mit Null, richtig? Wenn auch, wie es inkrementiert, wird es durch eins kommentiert werden. Wenn ich dieses hier gerade kommentiere und X stattdessen hier drüben setze, wird es ein normales Beispiel sein, wo sich das X oder wo sich der Kreis nach rechts bewegt. Nein, Anstatt X zu implementieren, habe ich Float-Wert Gold erstellt, und ich gab ihm einen Zufallswert von Null zu Breite. Das wird mir also eine Exposition von Null zu einer so schwebenden Exposition von Null zu geben, damit es die Mitte sein kann. Es kann auf der rechten Seite sein. Es kann auf der linken Seite sein. Es könnte ein beliebiger Wert sein und wir können Zeile diese Werte gut drucken, so dass Sie es sehen können, wenn Sie wollen . Bevor ich es auf die Ellipse auftrage. Ich werde Ihnen nur die Werte zeigen. Also wird es mir einen Wert von Null zu was geben? Und wenn ich das auf die Ellipse anstelle von unserem anstelle von Ex anwende, werde ich unsere und jetzt, weil wir keine Hintergrundfunktion haben, wird zeichnen, okay? Und Sie können es nicht genau sehen, weil es übereinander zeichnet, also wissen Sie es nicht. Es fühlt sich an, als gäbe es eine Vielzahl von Kreisen, obwohl es nur ein Kreis ist, der von einer Position zur anderen festen Null auf die Art und Weise springt, wie ich den Hintergrund zeigen werde . Aber wenn du dich schwindlig fühlst, wenn du nur einen Kreis anschaust, der verrückt würde ich empfehlen, diesen Abschnitt nicht zu beobachten wird,würde ich empfehlen, diesen Abschnitt nicht zu beobachten oder ihn zu verlangsamen. Aber normalerweise wird es passieren, dass der Kreis von Null zu Witz bei zufälligen Ärzten verrückt wird . Wenn ich das jetzt leite, siehst du, dass der Kreis verrückt wird. Es geht von links nach rechts an Brandon-Positionen und wir können langsamer werden, indem wir die Bildrate ändern . Also werde ich die Bildrate auf 12 setzen. Sie können sehen, dass es viel langsamer ist. Ich werde mich noch weiter verlangsamen. Machen Sie es drei und Sie können sehen, wie der Kreis von einem Ort zum anderen springt. Und wenn wir den Hintergrund entfernen, können Sie sehen, dass er zeichnen wird. Aber jetzt versucht es verschiedene Positionen. Jetzt werde ich das gleiche Beispiel mit Lärm zeigen. Okay, jetzt, in dem Lärm-Beispiel sehen, haben wir die gleichen Dinge. Wir haben echte Schwimmer, ex und warum wir weiße Höhe geteilt durch zwei haben. Und wieder, wenn ich X inkrementiere und es hier rüber schiebe, wird sich von links nach rechts bewegen. Und er wollte, dass wir es sehen. Nur einen Scheck. Es bewegt sich von links nach rechts? Ja, ich entferne X und, ähm, ersetzen Sie es durch n so und im Moment nimmt eine Rauschfunktion. Kein Rauschen gibt den Wert von 0 bis 1 zurück. Aber jetzt, um zu sehen, dass es sich sehr glatt bewegt, müssen wir in die Rauschwelle hineinzoomen. Kein Geräusch. Von 0 zu 1 zu sein, ist extrem klein. Aber wenn wir es nur mit seiner multiplizieren wird uns nicht eine sehr glatte Bewegung geben, nur weil es eine sehr lange Wartezeit ist. Also wollten wir nur ein Stück davon holen, also muss ich nach einem Wert pflegen. Jetzt skaliere ich es um 300, indem ich es durch 300 dividiere. Und so bekomme ich nur einen kleinen Teil der Welle, was mir eine sehr sanfte Bewegung geben wird. Und dann multipliziere ich es mit dem Witz, um es zu skalieren. Also zoome ich hinein, indem ich es auf bestimmte Weise durch 300 den Wert dividiere. Und dann überziehe ich den Stamm der Welle durch den Verstand. Also, jetzt bewegt es sich von Null auf den Witz, und ich werde Extras erhöhen müssen, weil es hier benutzt wird. Also musste ich inkrementieren, um die Werte zu erhalten. Nein, wenn ich das hier drüben führe, können Sie sehen, dass die Bewegung sehr, sehr glatt ist , im Gegensatz zur Zufälligkeit. Und wenn ich den Hintergrund tatsächlich entfernt habe, um es zu sehen, ist die Zeichnung viel glatter und Sie können viel mit der Rauschfunktion tun. Ich werde Ihnen ein paar Beispiele mit Lärm und Zufälligkeit zeigen, die es vorher erstellt haben nur damit er das gleiche Beispiel mit Zufälligkeit und Rauschen sehen kann und wie diese beiden sich unterscheiden können . Okay, jetzt, wo wir das zufällige Kunstprojekt geöffnet haben, werde ich es einfach ausführen, damit Sie sehen können, wie sich zufällige Bewegungen bewegen. Es ist sehr willkürlich. Es ist sehr verrückt. Und Bewegung, es gibt immer noch gute Ergebnisse. Aber jetzt, wenn Sie sehen, das Geräusch funktioniert, gehen zu sehen, ein viel anderes Ergebnis kann nicht. Dies ist das gleiche Beispiel mit Rauschen und Sie können sehen, dass die Bewegung viel glatter ist und es gibt Ihnen schönere Kurven. Wenn du also mit der Skala und der Stärke des Lärms herumspielst, wirst du in der Bewegung anders schweben. Du wirst noch mehr Rotationen bekommen, nur weil wir die Zufälligkeit und den Lärm und die Abschiebung dieser Kreise benutzen , und das wird dir ein anderes Ergebnis geben. Und das ist einer der Gründe, warum ich Lärm mag. Viel besser für Pink Charlie Art zu schaffen, anstatt die Zufallsfunktion zu verwenden, ist, weil es Ihnen diese beruhigen Bewegungen gibt und es Ihnen Pinselstriche im Gegensatz zu der zufälligen Funktion, die Ihnen einen sehr verrückten Blick auf die Arbeit gibt. Es kann funktionieren, wenn es das ist, was du willst. Aber normalerweise, wenn ich zufällig verwendet habe, ist es nur, um vielleicht verschiedene Farben oder zwei verschiedene Formen zu wählen, wie ich in meinen anderen Projekten verwendet habe . Aber in der Regel, wenn es um Simulationen oder Kunst und Malerei geht, ist es besser zu verwenden, dann Rennfunktion, weil es Ihnen viel glattere Route Münzstätten. Moment, das ist alles, worüber ich reden werde, wenn es um die Rauschfunktion und Zufallsfunktion geht . Aber wir werden sie später im nächsten Kapitel behandeln, und ich werde in Zukunft mehr Klassen über sie machen, vor allem die Rauschfunktion, weil es eine Menge gibt, die Sie damit machen können, und Sie können produzieren ein sehr unglaubliches Kunstwerk nur mit der Noise Funktion jetzt auf das nächste Modul. 28. Struktur: Dieses letzte Modul in Kapitel zwei wird alles über Organisation Lehrer sein. Dies ist sehr wichtig zu wissen, weil ein Rookie-Fehler darin besteht, Code in einer sehr unorganisierten Angelegenheit zu schreiben, weil Sie es nur für sich selbst auf lange Sicht schwierig machen, Zum Beispielsind Kommentare der Zum Beispiel Schlüssel zu zu verstehen, warum eine Codezeile geschrieben wird. Ich habe damit gekämpft, als ich anfing. Manchmal weiß man, wie der Code funktioniert, aber er weiß nicht, warum ich ihn benutzt habe. Hier ist ein Beispiel. Ich habe die gleiche vier Schleife mit zwei verschiedenen Kommentaren. Der erste sagt mir, dass ich die Y-Werte den Winkelwerten zuordne, aber die Map-Funktion sagt das bereits. Also, hier bin ich nur repetitiv. Was ich wissen muss, ist, warum ich die Y-Werte den Winkeln zuordne. Übrigens, mach dir keine Sorgen um das Beispiel von sich selbst. Dies ist nur ein Kommentarbeispiel. In diesem anderen Beispiel möchte ich Ihnen zeigen, wie das Deklarieren Ihrer Variablen und Funktionen mit beschreibenden Namen Ihnen helfen kann , zu verstehen, was sie auf lange Sicht tun, anstatt zusätzliche Kommentare hinzuzufügen. Beachten Sie, dass manchmal, wenn Sie Ihren Code kommentieren müssen, die Lösung darin besteht, Ihre Variable oder Funktion auf der linken Seite umzubenennen . Ich musste einen Kommentar hinzufügen, um den Mantel zu verstehen, wenn er auf der rechten Seite ist, erklärt der Funktionsname es besser. Der Punkt ist, beschreibend genug zu sein, um Sinn zu machen, dass Ihr Code später zu unseren Klassen und Objekten zurückgeht . Beispiel. Wir haben die Klasse am Ende ihrer Datei erstellt, aber das war ein sehr kleines Beispiel. In regulären Projekten nehmen Klassen einen Stamm Ihrer Datei ein, was bedeutet, dass Sie nach oben und unten scrollen, um zwischen Ihrer Klasse und Ihrem Projekt zu navigieren. Deshalb sind mehrere Dateien praktischer. Normalerweise erstelle ich eine Datei für mein Hauptprojekt und eine Datei für meine Klasse. Und wenn ich mehrere Klassen habe, trenne ich sie in ihre eigenen Dateien. Last but not least in diesem Abschnitt wird über Namenskonventionen sprechen. Ich weiß nicht, ob Sie es bemerkt haben, aber wann immer ich die Klasse deklariere, fing ich mit einem Großbuchstaben an, und als ich Variablen oder Funktionen erstellte, fing ich mit einem kleinen Buchstaben an. Dies wird als Namenskonvention bezeichnet. Sie helfen Ihnen vor allem, wenn Sie mit Teams arbeiten oder Ihren Code online teilen oder einfach unseren Code konsistent halten. Ich habe kein Beispiel mit einer Mehrwort-Variablen oder einem Funktionsnamen gezeigt. Aber wenn Sie das tun müssen, müssen Sie niedrigere Kamelkoffer verwenden. Sie beginnen mit einem kleinen Buchstaben für das erste Wort, dann für jedes Wort, nachdem Sie einen Großbuchstaben haben. Es heißt so, weil es aussieht, als wäre ein Kamel zurück. Das ist so ziemlich das für das zweite Kapitel. Ich hoffe, Sie haben viel gelernt und die Beispiele hilfreich gefunden. Jetzt ist es Zeit für einige künstlerische Werkzeuge. 29. Kapitel 3: Entwerfen Grundlagen: es hat Spaß gemacht, Programmierkonzepte zu lernen. Aber wie können wir Kunst erschaffen? Wir fangen mit Hauptfunktionen und Transformation an. Dann beginnen wir mit der Implementierung von Farbe in unsere Beispiele. Sobald wir damit vertraut sind, können wir anfangen, in Bilder zu tauchen und zu verarbeiten, wie sie in die Leinwand geladen werden und wie wir sie manipulieren können. Last, but not least, wird in den Typ ein bisschen tippen, lernen, wie man die String- und Laden-Datentypen verwendet und wie man Text aus einer Datei lädt gut funktionierende Beispiele für jeden Abschnitt, um die Konzepte besser zu verstehen. 30. Form: Beispiel 1: Beginnen wir mit dem ersten Beispiel des Formabschnitts wird etwas Ähnliches wie dieses erstellen Da es zufällig sein wird, wird es nicht genau so aussehen, aber wir gehen für den gleichen Look. In diesem Beispiel änderte man die Größe jedes Kreises basierend auf seiner Position auf der X-Achse. Nun, das sollte uns helfen, mit der Planung zu beginnen. Also müssen wir wissen, wo diese Kreise auf der X-Achse positioniert sind, und wir müssen ihre Größen kennen , oder wir müssen ihre Größen ändern. Daher brauche ich zwei Variablen, um Zahlen zu schweben, weil ich ein wenig genauer als Ganzzahl sein wollte , da wir nach seiner Position über zwei Zeilen überprüfen werden, weil wir drei verschiedene -Größen basierend auf ihrer Position auf der X-Achse. Das erste, was wir brauchen, ist die Ausstellung, und dann brauchen wir Tut mir Leid. Nein, ich möchte meine Entwürfe beginnen, indem ich den Strich ausschalte, und dann werde ich zu Schwarz wechseln, weil die Standardeinstellung weiß ist. Und fangen wir einfach damit an, dass für jetzt und dann innerhalb der Draw-Funktion, ich möchte den Kreisen eine zufällige Exposition geben und ich werde von 0 bis 400 tun, da wir von Null sind. Ich muss die Null wegen des Fehlers nicht schreiben. Beginnt von Null etwas, das Sie nur für 100 tun. Moment ist es genau das gleiche wie das Schreiben von 0 bis 400 Ich werde meinen Kreis eine Position X zeichnen und dann anstatt eine andere Variable zu erstellen, warum ich es einfach hier drüben tun werde. Also werde ich Höhe machen, weil ich es von Null zu Höhe will. Also möchte ich, dass alle Kreise eine zufällige Positionierung auf dem Y-Zugang von Null zu Hype haben, und dann werde ich ihnen die Größenvariable geben, weil ich möchte, dass sich ihre Größe basierend auf ihrer Position auf der X-Achse ändert , bevor sie ausgeführt wird. Lassen Sie uns eine Anfangsgröße geben. Ich werde nur zu 10 und wenn wir es laufen, können wir sehen, dass wir zufällige Kreise auf zufälligen Positionen haben. Jetzt möchte ich meine Leinwand in drei Abschnitte abschneiden. Und wenn die Kreise Exposition auf der linken Seite ist, zum Beispiel, wenn der erste Abschnitt dann wollte ich von einer bestimmten Größe sein. Und dann, wenn es im mittleren Abschnitt ist, möchte ich eine bestimmte Größe haben. Und schließlich, wenn es auf der linken Seite ist, wollte ich eine andere Größe haben. Jetzt können wir dies mit einem F-bedingten Schwächungsabschnitt aus tun. Ich kann das nicht mit einem F einen anderen f und dann oder sonst verurteilen. Also werde ich sagen, ob X weniger als Hunderte ist. Also, das ist mein erster Abschnitt. Also, wenn X weniger als 100 ist, also ist es in der, wenn es im ersten Abschnitt ist, möchte ich, dass die Größe ein Wert 10 a ist. Lassen Sie es dabei und dann und dann, bevor ich das andere mache. Wenn ich nur etwas anderes machen werde und die Größe auf 30 setze, dann sehen wir mal, was passiert. Jetzt können wir alles sehen, was in diesem Abschnitt ist, der weniger als 100 Pixel ist, wird 10 sein und dann wird alles andere 30 sein. Ich werde auch von anderen, und ich werde überprüfen, ob X größer als 100 ist, weil wir bereits überprüft haben. Wenn es weniger als 100 ist, möchte ich überprüfen, ob es größer als 100 ist, wenn X weniger als 100 ist und ich möchte die Größe 3 20 Jetzt haben wir drei Abschnitte die Größe von 10 Größe von 20 und Größe von 30. Um das noch interessanter zu machen, werde ich dem Phil einen Alfa-Wert hinzufügen. Ich werde gehen. Es ist schwarz, aber ich werde einen Alfa Wert der 100 hinzufügen. Also von 0 bis 5500 ist ziemlich schön. Es ist nicht so transparent und nein, das Rosa. Es wird uns also ein gutes Bild geben. Jetzt, wenn sie sich überlappen, geben sie mir eine andere Farbe. Nun, um das noch interessanter zu machen, anstatt eine Größe eines statischen Wertes zu geben, werde ich ihm einen zufälligen Wert geben. Ich möchte ihm täglich einen Zufallswert von 1 bis 10 für diesen geben, um ihn herum Wert von 11 bis 20 für diesen, und schließlich Zufallswert von 21 bis 30. Auf diese Weise wird es sich anfühlen, als wäre es mehr Übergang von einer Größe zur anderen. Wir haben ein Design erstellt, das Sie Farbe hinzufügen können , mit dem Sie noch weiter spielen können. Vielleicht wollen Sie es Diagonalen machen oder Sie wollen mit der Ex-Positionierung in den VAE-Positionierung statt nur X spielen . Oder vielleicht wollen Sie es vertikal statt horizontal machen, wie wir es hier getan haben. Ähm, ja. Fühlen Sie sich frei, Teoh, kreieren Sie auf diesem und ich, um mit ihm herumzuspielen, um zu sehen, was Sie sich einfallen können. 31. Form: Beispiel 2: für das nächste Beispiel im Shape-Abschnitt, werden wir so etwas erstellen. Jetzt sieht das aus wie ein Stern und es kann zu einer größeren Illustration hinzugefügt werden, also lasst uns sehen, wie wir es schaffen können. Wie immer fange ich gerne an. Wir haben keinen Schlaganfall, nur weil es mir ein weicheres Aussehen gibt. Ich weiß, dass viele Leute auch Schlaganfall verwenden, und es kann ein sehr Cartoony-Element zu Ihrem Design hinzufügen. Also fühlen Sie sich frei zu tun, was Sie gerne tun. Aber für mich beginne ich gerne ohne Schlaganfall und dann später mit einem Schlaganfall. Wenn ich das Gefühl habe, dass das Design dafür OK braucht, muss man mit einem Rechteck beginnen. Und ich weiß, ich habe erst vorher Kreis eingeführt, vielleicht mit stolperten auf eine Lippen im Zufälligkeitsbereich, aber ich habe nicht wirklich darüber gesprochen. Die Ellipse Funktion ist ähnlich wie die Kreisfunktion. jedoch Sie könnenjedocheine andere mit von der Höhe haben, so dass wir nicht wie ein Kreis aussehen. Es wird im Grunde wie eine Ellipse aussehen, und Sie können einen Kreis daraus machen, wenn Sie es geben. Es ist die gleiche Breite und Höhe und das gleiche gilt für Rechteck und Quadrat. Es gibt also eine andere Funktion namens Square, die Ihnen erlaubt, das größte Quadrat mit weniger Argumenten. Aber ich benutze das Wrack auch gerne, nur weil ich am Ende den Verstand von der Höhe ändern und es gibt ihm ein anderes Aussehen. Und das ist, was wir hier tun werden, ist gut, also werde ich das Rechteck an Position 00 erstellen und ich werde der Breite einen zufälligen Wert geben . Also werde ich ihm ein Random Valley von 10 bis 300 geben, weil ich wollte, dass ich eine Lücke auf jeder Seite haben will und dann gehe ich Teoh, gib ihm eine Höhe von 20. Jetzt wird das an der gleichen Stelle um 00 sein und jedes Mal, wenn es geht, Teoh haben eine andere mit. Aber sie werden alle die gleiche Höhe haben, also werden sie jetzt wie unterschiedlich große Rechtecke aussehen, da wir keinen Strich haben und die Standard-Phyllis White, muss ich mich ändern. Die Standardeinstellung fiel auf Schwarz. Wenn ich das ausführe, wird es aussehen, als wäre es ein Rechteck, aber Sie können sehen, dass es sich erweitert. Es zeichnet sich tatsächlich übereinander. Geben wir ihm also einen Alfa Wert von 10. Jetzt können wir sehen, dass es sich tatsächlich ändert, und wir können sehen, dass es eine Vielzahl von Rechtecken übereinander gibt. Jetzt muss ich das in die Mitte bringen. Wenn ich also tue, was durch zwei Höhen geteilt wird, dann bewegen sie es in die Mitte. Es wird von der Mitte beginnen, aber dann wird es nach rechts zu erweitern. Der Grund dafür ist, dass für Rechteck es von der oberen linken Ecke trocknet. Aber wir wollten aus den zentralen X-Kreisen zeichnen, also werde ich den Rechteck-Modus mit der Rex-Modus-Funktion Teoh Center ändern. Auf diese Weise wird es von der Mitte zu zeichnen, und Sie können sehen, dass es ein viel schöneres Aussehen ist. Um es wie ein Stern aussehen zu lassen, muss ich ihn drehen. Es gibt eine Rotationsfunktion, die einen Wert und eine Strahlkraft annimmt. Sie können Grade verwenden und diese dann mit der Strahlungsfunktion konvertieren. Aber ich werde nur direkt Strahlkraft verwenden und ich werde Teoh verwenden Zufallswert von Null bis zwei Pi, so dass zwei Pi entspricht 316 Grad, also wird dies mir einen vollen Kreis geben. jedoch Wenn ich diesjedochausführe, werden wir auf ein Problem stoßen, da sich die Drehung um den 00 Punkt der Leinwand , die sich in der oberen linken Ecke der Leinwand befindet. Jetzt können wir dies beheben, indem wir translate verwenden, um die gesamte Leinwand oder die Nullen zu übersetzen. Ihre ernannte die Leinwand in die Mitte der Leinwand, die ist, was durch zwei geteilt und Höhe geteilt durch zwei. Also übersetzen wird den ganzen Bildschirm bewegen oder das Loch gehört dir, dein Punkt zu dem, was du ihm gibst, also werde ich es mit Divided by 2 durch zwei geteilt geben. Okay, und jetzt funktioniert es. Es dreht sich tatsächlich um den 00-Punkt, in die Mitte verschoben wird. Aber jetzt brauche ich die Rechtecke, um in der Mitte zu sein. Da wir Nullen Ihren Punkt in die Mitte verschoben haben, und jetzt kann ich die Rechtecke um 00 neu zeichnen, weil sie jetzt tatsächlich in der Mitte des Campus sind. Do 00 Jetzt haben wir eine Rechtecke, die sich um den Mittelpunkt der Leinwand drehen, und sie haben unterschiedliche Breiten, um dies mehr wie ein Stern zu machen. Ich werde den Hintergrund Zehe schwarz und den Filter weiß ändern. Jetzt gibt es ein ganz anderes Aussehen und es sieht aus wie ein Tunnel oder ein Stern aus der Mitte , der zu jeder Illustration hinzugefügt werden kann und macht es fantastisch. Als nächstes verwenden Sie wirklich Funktionen mit Formen, um ein anderes Aussehen zu erstellen. 32. Form: Beispiel 3: Für ihre ersten 2 Beispiele haben wir ein animiertes Design erstellt, aber dieses Mal werden wir ein statisches Design mit for-Schleifen und Funktion erstellen. Für dieses Design hat es eine Reihe von Perlen erstellt, und dann habe ich diese verwendet, um meinen endgültigen Look zu kreieren, weil dies mir erlaubt, jeden Satz von Perlen eine andere Farbe zu färben. Es wird also ein anderes visuelles Bild geben, als zufällige Kreise auf dem Bildschirm mit zufälligen Farben zu zeichnen . Denn dann werde ich für jeden Kreis eine andere Farbe haben. Wenn hier, kann ich eine andere Farbe für eine Reihe von Formen haben. Also lassen Sie uns eine Reihe von Sitzen dafür erstellen. Wir werden genau damit tun, mit einem Smiley-Gesicht und dem Funktionsbeispiel. Ich werde eine Funktion namens Vidro erstellen, und hier wollen sie irgendwelche Parameter für jetzt verwenden. Aber wir werden später implementieren, dass für jetzt, werden nur die Zeile zu erstellen und dann werden wir sehen, was wir als nächstes tun können, um eine Reihe von Perlen zu erstellen . Ich werde die for-Schleife innerhalb meiner Funktion verwenden. Jetzt kann ich drei verschiedene Eclipys erstellen, vielleicht mit der Alevis-Funktion, und lassen Sie uns das zuerst tun, nur damit wir ein wenig mehr mit Formen üben, und dann implementieren wir die for-Schleife und sehen, wie wir die ganze Reihe von Kreisen oder Philip sieht nebeneinander für die ersten Lippen. Ich werde es um 00 Uhr setzen und dann gebe ich ihm eine Größe. Und ich möchte, dass das eine Variable ist, weil ich die gleiche Größe für alle Kreise verwenden werde. Ich werde hier nur eine lokale Variable erstellen, und dann werde ich sie für die Größe verwenden. Erster. Ich wollte nur wissen Sie, schau, schau, weil ich will, dass das statisch ist, also gibt es keine Notwendigkeit für eine Animation, weil es nur Kreise übereinander zeichnen wird . Ich werde den Filter Null und den Hintergrund auf 2 55 ändern und dann werde ich den Dro hier drüben anrufen . Also, wenn irgendwas von diesem jetzt, können wir sehen, dass wir nur einen Kreis in der oberen linken Ecke haben. Lassen Sie uns nun die anderen Kreise bitten, dass der nächste Kreis neben dem ersten Kreis steht. Wir müssen es nach der Größe bewegen. Jetzt werden ein Kreis oder in den Lippen von der Mitte gezeichnet. Und wenn ich es neben das andere verschieben will, muss ich es mit zwei Funk I bewegen Das bedeutet also im Grunde die Größe. Weil Theologen Funktion nimmt in einer Breite und Wanderung. Es braucht keinen Radius. Es dauert den ganzen Durchmesser. Also werde ich das für die X-Achse des zweiten Kreises verwenden und dann auf der Y-Achse wird auf der gleichen Ebene sein. Also wird Null sein, und dann werden sie die gleiche Größe haben. Wenn ich das mache, können wir sehen, dass sie nebeneinander sind. Lass uns das ein bisschen größer machen, damit wir es sehen können, und dann können wir es wieder ändern. Nein. Wenn ich einen dritten Kreis zeichnen möchte, wird er mit zwei Null auf der Y-Achse multipliziert und dann die gleiche Größe haben . Mal, JedesMal,wenn ich einen neuen Kreis verschieben möchte, wird er mit der Position multipliziert werden, also wird die 1. Größe multipliziert mit Null sein. Die 2. 1 ist tatsächlich Größe multipliziert mit eins und die 3. 1 ist Größe multipliziert mit zwei. Also alles danach wird den Multiplikator inkrementieren. Also hier ist es 0123 Die Sache, die das für uns tun könnte, ist eine for-Schleife, also können wir bei Null beginnen, und dann können wir sie nach oben bewegen. Und wir können Thean Decks für diese for-Schleife als Multiplikator verwenden. Also lassen Sie uns das für erstellen und ich gleich Null Augen weniger als drei und dann richtigen Ort Gerät . Also jetzt nur braucht nur eine Ellipsenfunktion. Und stattdessen werde ich die Größe multipliziert mit machen und es sollte uns die gleichen Ergebnisse geben. Es bekommt uns Prüfungsergebnis Nun was, wenn ich will, dass Teoh die Zählung auf eine beliebige Zahl ändert? Ich kann das tun, indem ich Parameter hinzufüge und ich werde es zählen nennen. Und dann wurde ich hier drüben ersetzt. Also, jetzt wird alles, was ich hier schreibe, hier rüber gezogen werden. Also, wenn ich fünf mache, werden wir fünf Kreise haben und wenn ich Teoh acht wollte, dann haben wir acht Kreise. Jetzt ist unsere Funktion bereit für unsere nächste vier Schleife, die in der Draw-Funktion geht. Jetzt wird dies für eine Schleife eine Vielzahl von Reihen von Perlen zeichnen. Ich beginne mit einer regulären Schleife, von Null zu jeder beliebigen Zahl, die Sie wollen. Ich werde mit 100 beginnen und hier kann einfach meine Funktion setzen. Nun, wenn ich es leite, werden wir sehen, dass wir tatsächlich 100 Reihen von Perlen mit acht Perlen haben. Aber sie sind da oben. Und Sie können wissen, dass, wenn sie übereinander sind, weil Sie sehen können, dass die Adresse der Kreise pixelig sind. Wenn ich das in eins ändere, damit wir nur eins haben können, können Sie sehen, dass es viel glatter ist. Und jetzt wissen Sie, dass Sie nur eine haben, im Gegensatz zu dem, was wir im Smiley-Beispiel getan haben, dass wir eine Akzent-y-Position hinzugefügt haben. Ich werde stattdessen einfach die Übersetzungsfunktion verwenden. Also übersetzen wird, um dies dorthin zu bewegen, wo ich auf dem Bildschirm will. Also im Grunde wird es den ganzen Campus dorthin bewegen, wo die Rove-Perlen sein werden, anstatt die Reihen der Perlen selbst zu bewegen . Also werde ich ihm einfach eine zufällige Position von Null geben. Also werden wir nicht Null von Null nach Wick schreiben und dann für die Y-Achse gehen wir durch das gleiche, aber mit Höhen. Aber jetzt, wenn ich das ausführe, bewegt es tatsächlich dieselbe Leinwand an zufällige Positionen, weil jede dieser Reihen von Perlen auf demselben Campus gezeichnet wird. Also, was ich tun muss, ist neue Leinwände für jede Zeile Heldentaten zu erstellen. Und dazu können Sie die Push-Matrix in Pop-Matrix-Funktionen verwenden. Aber diese würden tun, ist eine neue Leinwand oder eine neue Ebene für diese Funktion für diese Form, die Sie erstellen erstellen. Jetzt erstelle ich eine neue Ebene und übersetze sie dann an eine zufällige Position über den Bildschirm. Und dann gehe ich Teoh, zeichne die Ellipse, greife auf die Leinwand, und dann schließe ich die Schicht. Ich möchte nur eine Zeile Feeds auf dieser Leinwand erstellen, und dann möchte ich es schließen Jeder? Dann, in der zweiten ah, Iteration der Schleife, möchte ich eine andere Ebene erstellen, und ich möchte eine neue Funktion von Vidro erstellen und dann werde ich diese Ebene wieder schließen. Also, das ist im Grunde erlaubt uns Zehe haben eine Vielzahl von Schichten statt mit der Positionierung jeder Ellipse innerhalb der Straße Schläge herum zu spielen . Das macht die Berechnung viel einfacher. Und jetzt, wenn ich das mache, werden wir sehen, dass wir eine Menge haben. Jetzt können wir alles sehen, weil die Größe der Kreise Luft riesig. Also werde ich es einfach wieder auf 10 ändern und anstatt acht zu haben, könnte einfach fünf tun, um es kleiner zu machen, damit wir sehen können, dass das jetzt schon interessant ist. Wenn Sie Farbe hinzufügen, wenn Sie sich ändern, wird die Kapazität jedes Kreises Ihnen ein sehr, sehr interessantes Aussehen geben . Und wenn Sie dieses zufällig gemacht haben, also werde ich ihm einen zufälligen Wert von 1 bis 5 geben, kann es nur ein Kreis oder fünf Kreise sein. Dies wird wütend sein, weil es eine ganze Zahl benötigt und zufällige Rückgaben über Wasser zurückgibt, so dass wir dies einfach in ein Ende konvertieren können , indem wir es in eine Ganzzahlfunktion oder eine In-Funktion . Nun konvertiert dies den Float in eine ganze Zahl. Also wird es damit einverstanden sein, und es wird funktionieren. Wenn wir das jetzt tun, können wir sehen, dass einige ein Sommer drei und Sommer fünf sind. Nun, um es noch interessanter zu machen, lasst uns diese Reihen von Perlen drehen, also werde ich jede Leinwand drehen, indem ich Wert anordne, wie wir es vorher getan haben. Zufällig, einige 0 bis 2 pi. Es gibt auch Kuchen und Viertel Kuchen und halbe Kuchen, so dass Sie mit Ihren Werten hier in der Rotation spielen können , können Sie verschiedene Ergebnisse erhalten, aber ich werde mit zwei pi bleiben, weil ich eine Rotation von Null Teoh 3 60 Jetzt wollen Sie kann sehen, dass es viel schöner ist. Sie können auch einen zufälligen Phil für diese Kreise erstellen. Also hier drüben innerhalb meiner for-Schleife, gehen, um jede Sammlung der Ellipsen zu machen, die von B dro eine andere Farbe erstellt werden. Aber ich werde eine Graustufe behalten, bis wir das Farbmodul erreichen. Es wird also nur zufällig sein, und ich möchte es von 0 bis 55, weil der niedrigste Wert Null und der höchste Wert im Gnadenkallus auf 55 ist, der weiß ist. Ich gehe nur zu 2 55 und jetzt wird jede Reihe von Perlen eine andere Farbe haben. Es ist ziemlich cool. Selbst mit dem Schlaganfall ist es schön, dass Sie tun können, wissen Sie, Schlaganfall und sie werden Ihnen genau das Gleiche geben, was ich Ihnen am Anfang gezeigt habe. 33. Form: Beispiel 4: Zeit für eines meiner Lieblingsbeispiele und eines der Beispiele, die ich tatsächlich erstellt habe, als ich zum ersten Mal generative Kunst begann. Und es ist eine Leinwand von zufälligen Linien. In diesem vierten Beispiel des Formmoduls werden wir uns verschachtelte Schleifen ansehen. Dies ist das erste Mal, dass wir verschachtelte Schleifen angehen werden. Aber da Sie jetzt für Schleifen ziemlich gut verstehen, können Sie auch verschachtelte For-Schleifen verstehen. Für dieses Beispiel werden wir ein Gitter erstellen und für ein Gitter benötigen wir ein paar Komponenten. Das erste, was wir über eine große wissen müssen, ist, wie viele Zellen wir haben werden. Wie viele Zeilen und wie viele Anrufe? Hier kommen unsere vier Schleifen ins Spiel. Also lassen Sie uns eigentlich mit der for-Schleife beginnen, bevor alles, was ich gerade in Ordnung bin, stoppen Sie die Schleife des Programms, weil ich möchte, dass dies ein statisches Design ist. Beginnen wir zuerst mit einer verschachtelten for-Schleifen, damit wir herausfinden können, was wir in Bezug auf Variablen für die 1. 4-Schleife brauchen , wird unsere normale Schleife sein, und wir werden die Initialisierung er I aufrufen und das wird weniger als 10. Also mache ich es 10 Reihen. Zeichnen wir zuerst ein Rechteck, damit Sie das Raster visuell sehen können. Und dann können wir Linien hinzufügen, nachdem wir das tun, was wir mit den Rove-Perlen im vorherigen Beispiel gemacht haben , werde ich an Position, Größe multipliziert mit I und dann wird das Weiß eine Null sein, weil wir immer noch nicht implementiert die Rose tatsächlich die Spalten zuerst erstellt. Also gehen wir horizontal auf die Axtachse. Also werde ich das Y auf Null belassen, und dann werde ich sagen, Größe in der Größe für die Breite und Höhe. Das erste, was wir erstellen müssen, ist die Größenvariable. Aber jetzt, anstatt es tatsächlich statische Größe zu geben, muss ich die Größe berechnen, indem ich die Breite durch 10 dividiere. Also können wir nicht wirklich ohne hier zugreifen. Also werde ich einfach Float-Größe hier drüben machen und es dann hier drüben initialisieren, nachdem wir die Größe der Leinwand festgelegt haben . Also werde ich nur Größe machen und dann tun, was durch 10 geteilt wird, was die Anzahl der Spalten hier drüben ist . Und jetzt, wenn wir das ausführen, können wir sehen, dass wir eine Reihe und 10 Spalten haben. Also, wenn man es zählt, ist es an der Zeit. Cool. Jetzt können wir nisten, damit wir die andere Rose für den Besitzer einer for-Schleife erstellen können. Ich werde eine andere anfängliche klüger erstellen. Und diesmal werde ich es Jay nennen. Es liegt an dir, wie du es nennen willst, aber du kannst diesen Akzent nennen, warum? Es wird gut sein, aber ich werde nur mit I N J gehen. Weil das ist, was ich an Tagen auch weniger als 10 gewöhnt bin, weil ich 10 Zeilen erstellen möchte da wir eine quadratische Leinwand haben und dann werde ich Minjae um eins einschließen. Jetzt geht ein Rechteck tatsächlich innerhalb der verschachtelten for-Schleifen. Und jetzt hier haben wir Größe multipliziert mit I für jede Spalte. Ich werde dasselbe tun, aber dieses Mal werde ich es mit Dre multiplizieren. Es wird also von oben nach unten gehen, und wenn ich das durchführe, haben wir ein komplettes Raster. Das ist im Grunde, wie wir ein Gitter erstellen. Es ist ziemlich einfach jetzt, Lassen Sie uns Schöpfer Linien innerhalb der großen Jetzt im Design. Wenn du es dir anschaust, wirst du sehen, dass wir Löwen verschiedener Rotationen haben. Also haben wir vier verschiedene Rotationen. Wir haben eine, die vertikal ist. Wir haben eine andere, die horizontal ist und wir müssen sterben. Weißt du, einer geht von links nach rechts und der andere geht von rechts nach links. Wir werden alle diese erstellen und dann, nachdem wir sie sehen und nachdem wir verstanden haben, wie wir sie erstellt haben, werde ich eine F-Bedingung erstellen, um eine randomisierte Rotation für die Linien zu erstellen. Lassen Sie uns die erste Zeile erstellen. So nimmt eine Löwenfunktion in zwei Expositionen und zwei y-Position, eine Start- und Ende-Exposition und dann eine Start-Warum Position und Ende? Warum Position? Es verbindet sich also grundsätzlich mit verschiedenen Positionen auf der Leinwand. Um uns das zu erleichtern,werde ich die Positionierung hier drüben innerhalb von Variablen speichern. Um uns das zu erleichtern, Also werde ich es Position X nennen. Dies wird bedauern, wird mit I multipliziert, und dann der andere geht in die Position. Warum wird Größe multipliziert mit Dre sein. Und jetzt kann ich sie hier benutzen. Und wenn ich das mache, werden wir sehen, dass es genau dasselbe ist. Jetzt lass uns Diebe erschaffen. Vertikale Linie zuerst. Nun, da wir wissen, dass Rechtecke aus der oberen linken Ecke erstellt werden. Wir kennen diese Position. Akzentposition Warum ist in der oberen linken Ecke jedes Kreises. Wenn ich also eine vertikale Linie zeichnen will, muss ich vom Arzt Axinn gehen. Warum die erste Position x und y jedes Kreises zwei Position X, weil es sich nicht auf der X-Achse bewegt, sondern dann zu positionieren warum, plus die Größe des Rechtecks. Also seine Position X, weil wir nicht auf der X-Achse leben und dann positionieren warum, plus die Größe. Wenn ich es leite,werden wir nichts sehen, weil die Löwen von den Rechtecken bedeckt sind. Wenn ich es leite, Also kann ich entweder die Rechtecke entfernen und wir können sehen, dass die Linien tatsächlich gezeichnet sind oder ich kann diesen Strich erhöhen Gewichte vier Linien, 25 Aber jetzt, da dies eine for-Schleife ist, wird es die Hubrate erhöhen für die erste Zeile. Aber dann wird jedes Rechteck nach dem Inneren der Schleife, wenn diese eins sind, auch Strich Weg zu fünf sein . Also werde ich den Schlaganfall hier drüben zu eins ändern. Also jetzt die Rechtecke, wir werden ein Strichgewicht von eins haben. Und die Linien werden ein Strichgewicht von fünf haben, so dass Sie sehen können, dass die Linien tatsächlich gezeichnet werden. Jetzt können wir nicht den Anfang und das Ende jeder Zeile sehen. Aber wenn ich Minus 10 sagte, dann können wir sehen, dass sie tatsächlich verschiedene Linien sind und nicht eine große Linie. Okay, ich werde das kommentieren und ich werde die horizontale Linie nach oben ziehen. Die horizontale Linie wird also das Gegenteil der vertikalen Linie sein. Anstatt also von Position X und Position, Breite Position, Akzent, Position y plus Größe zu gehen, wird es von Position gehen. Akzentposition Warum? Aber dieses Mal, Position, warum wird das gleiche sein. Aber Position X wird der Größe hinzugefügt werden. Also schauen Sie , richtige Position X Position. Warum? Also bewegen wir uns von der oberen linken Ecke jedes Rechtecks, und dann bewegen wir uns auf der X-Achse. Also gehe ich Position X plus size. Lassen Sie uns minus 10 tun, nur um es stehend zu sehen und dann zu positionieren. Warum ich das hier leite. Wir können sehen, dass es sich tatsächlich horizontale Linien handelt. Die Kanzlei davon. Wir können sehen, dass sie perfekt gemocht sind. Jetzt schaffen wir unsere Dagon-Allianz. Die erste diagonale Linie wird also von der oberen linken Ecke in die untere rechte Ecke gehen , so dass die obere linke Ecke immer noch Position X und Position ist. Warum? Und dann ist die untere rechte Ecke im Grunde die Breite und Höhe jedes Quadrats oder jeder Zelle des Großen. So wird es X plus Größe Position positioniert werden. Warum plus size Weil wir von der Position bewegen. Akzentfrauen essen Rechteck auf die Breite und Höhe eines praktischen. Jetzt sehe ich, dass wir sie hier drüben haben. Wenn ich nochmal minus 10 für jeden mache, können wir sehen, dass es sich tatsächlich um einzelne Zeilen handelt. Nein, für die endgültige Daniel-Linie bewegen wir uns von der oberen rechten Ecke in die untere linke Ecke. Also die obere rechte Ecke, die wir bereits erstellt haben, als wir die horizontalen Linien erstellt haben, die sich auf der X-Achse bewegen werden, also wird es diese sein. Also Position X Ausgangsposition der diagonalen Linien wird Position X plus die Größe sein. Und dann bewegen wir uns nicht auf den Y-Zugang. Also sind es Waffen, Position zu sein. Warum? Für die Ausgangsposition, und dann bewegen wir uns hier. Also wird sich die untere linke Ecke auf dem Y-Zugang bewegen. Also, was wir hier gemacht haben und die X-Achse so halten, dass wir Position tun, wirkt, weil wir es behalten oder nicht auf diesen Zugang bewegen. Aber wir bewegen uns auf den Y-Zugang. Es ist nicht so kompliziert, wenn Sie es bieten. Aber jetzt, üben Sie es einfach mit mir, und dann werden Sie in der Lage sein, es selbst zu verstehen. Und jetzt haben wir Linien auf der gegenüberliegenden Seite. Okay, jetzt, da wir unsere vier verschiedenen Linien haben , können wir auch ein ziemlich cooles Design sehen. Aber das werde ich nicht tun. Also werden wir das nicht behalten? Ist, dass ich ein kleines Wahrscheinlichkeitsbeispiel machen werde. Mit dem zufälligen Saug l erstellen fließt. Ich werde es unser für zufällig nennen und dann werde ich hier reingehen Teoh einen zufälligen Wert von 0 zu 1 bekommen , also wird es mir ein schwimmendes Tal von 0 zu 1 geben, was bedeutet, dass wir mit gleicher Wahrscheinlichkeit zusammenziehen, um diese Linien zu erstellen. Es wird also 25% Chance sein, dass jede dieser Zeilen erscheint, damit dies geschieht. Ich werde tun, wenn unsere weniger als oder gleich 24,25 war nur 25%. Du kannst auch Hunderte tun tun und dann 25 hier drüben machen, wenn das es dir leichter macht zu verstehen. Aber ich gehe gerne mit einem, und ich werde dir auch einen anderen Weg zeigen, das zu tun. Also, wenn unsere weniger gleich 25%. Es gab also 25% Trans dieser Linie zu erscheinen, und wenn ich das jetzt laufe, können Sie sehen, dass es an einigen Punkten tatsächlich Hedden ist. Hier drüben ist also kein Löwe. Es gibt eine vertikale Linie. Lassen Sie uns tatsächlich eine der diagonalen Linien des Themas machen, weil es viel einfacher zu sehen ist. Sie können sehen, dass einige von ihnen tatsächlich versteckt sind, also gibt es tatsächlich 25% von einem dieser diagonalen Linie Schritt hier. Okay, ich werde die 1. 1 behalten, damit wir organisiert sind und nichts vergessen. Und dann für die 2. 1 werde ich etwas anderes tun. Wenn ja, sind wir mit 0 bis 25% fertig. Nun, wir gehen von 250,26 oder etwas größer als 0,25 auf 50 für das zweite Quartal. Also haben wir bereits nach weniger als oder gleich überprüft. Ich werde nur nach einem größeren als überprüfen, weil es kollidieren wird, wenn ich es tue oder gleich hier auch, da ich die gleiche Zahl verwende und unser mein Standard gleich 50% ist. Also jetzt, wenn es mehr als 25% in weniger als 50% ist, bedeutet es immer noch 25% Trans. Dann wird es diese Linie sein, und dann werde ich es tun. Sonst F R ist größer als 50% und unser ist weniger als oder gleich 75%. Es ist also eine weitere 25% Chance, und sonst wird es die letzte sein. Jetzt kann ich sehen, dass wir ein sehr lustiges Design haben, und wenn ich das Rechteck entferne, können wir sehen, dass wir ein tolles Design haben. Jetzt möchte ich eine Sache beheben, weil das ein Blick ist, aber was ich erstellt habe, ist jetzt ein bisschen anders. Wenn ich die Rechtecke zurückbringe, werden Sie feststellen, dass die horizontalen Linien und vertikalen Linien nicht in der Mitte jedes Rechtecks am Rand liegen . Damit dies wie das tatsächlich erstellte Beispiel aussieht, möchte ich jede dieser horizontalen und vertikalen Linien in die Mitte vom Rechteck verschieben . Denn, wie Sie sehen, bewegen sich die diagonalen Linien tatsächlich durch die Mitte. Es wäre also schön, wenn sich die vertikalen Linien und die horizontalen Linien auch durch die Mitte bewegen . Also, um jede dieser vertikalen Linien oder so horizontalen Linien zu bewegen, müssen wir sie um die Größe dividiert durch zwei bewegen. Verschieben Sie sie also um die Hälfte der Rechteck-Größe. Okay, Also, wenn wir uns das ansehen, zum Beispiel, wenn Sie es von Position X bewegen wollen und warum dieses Rechteck, das eine obere linke Ecke ist, Teoh diese Seite, dann Wir müssen die Größe geteilt durch zwei zu dieser Position X hinzufügen und dann wollen wir auch die Endausstellung nach Größe verschieben, geteilt durch zwei. Also, wenn ich hier rüber gehe, mache ich plus Größe geteilt durch zwei. Und auch für die endgültige Exposition und Sie sie ausführen, können wir jetzt sehen, dass die vertikalen Linien tatsächlich in der Mitte jedes Rechtecks sind. Lassen Sie uns dasselbe für die horizontalen Linien tun, die sich auf dem weißen Zugang bewegen. Also bewegen wir tatsächlich jede dieser horizontalen Linien nach hierher. Also das Warum wird nach Größe geteilt durch zwei. Also werde ich beginnen Position, Position Warum, plus Seufzer geteilt durch zwei und das Ende zu tun Position Warum, . Warum Position, um es hinzuzufügen? Größe geteilt durch zwei. Also, wenn ich hier rüber gehe Position, warum Ausgangsposition wird an Position sein. Warum plus Größe geteilt durch zwei und dann auch dieses. Die Endposition wird sich in die Mitte der Regie bewegen, und jetzt ist es näher an dem, was wir am Anfang hatten. Aber da dies zufällig ist, wird nicht jedes Mal das gleiche Beispiel haben. Und wenn ich das Rechteck jetzt entfernt habe, können wir sehen, dass es viel schöner ist. Wir können auch den Hintergrund gut trainiert den Schlaganfall auf weiß ändern, um ihr erstes Beispiel zu machen . Wenn Sie das gleiche Design immer und immer wieder möchten, können Sie zu zufälligen Samen hinzufügen. Sie können hier eine beliebige Zufallszahl hinzufügen. Nur wissen, dass innerhalb des zufälligen Samens, jedes Mal, wenn Sie Null setzen, wird das gleiche genaue Ergebnis sein. Und jetzt, wenn ich das mache, werden wir ein zufälliges Design haben. Aber jetzt, wenn Sie einen Abschnitt des Designs im Auge behalten, um zu sehen, dass es immer wieder der gleiche sein wird . Obwohl wir hier eine Zufallszahl haben, behält es das gleiche Design, weil Sie einen zufälligen Sitz dafür haben. Du sagst also, dass ich dieses Design jedes Mal will. Also, wenn Sie vielleicht das Design zufällige Sitz 10 wollen und es wird ein anderes Design sein. Aber wenn du zu dem Design zurückkehren willst, dass du eine große, äh, Null magst äh, , dann kannst du leicht darauf zurückgehen. Ich mag Teoh tatsächlich eine Zufallszahl für diesen Zufallssamen erstellen und dann drucken, so dass ich es einfach ausführen und sehen Sie alle Designs und dann die, die ich mag, speichern Sie einfach die Zahl, die im Konsul gedruckt wird und beiseite halten. Und wenn ich dann das Design drucken oder etwas mit dem Design machen möchte, dann gehe ich einfach zurück zu diesem zufälligen Sitz. Das ist also ein guter Weg für dich. Wenn Sie jemals beauftragt wurden, ein Design zu erstellen, gehen Sie zurück zu Ihrem ursprünglichen Design, das Sie wollen. Okay, es gibt möglicherweise eine andere Variable, die wir erstellen können, die die Anzahl oder die Anzahl der Spalten und Zeilen ist. Also werde ich das diskret, damit wir sehen können, dass das Design eine andere Größe von Zeilen und Spalten schmerzt . Ich werde den gleichen für den Akzent y haben also beginne ich mit 10. Und dann werde ich hier drüben ersetzen, und dann werden wir sehen, dass wir das gleiche Design haben, vor allem, weil wir auch hier einen zufälligen Sitz haben. Und ich werde es behalten, nur damit wir das gleiche Design mit dem gleichen Zufallsprinzip sehen können. Siehe, Nein, wenn Sie diese 50 machen, wird sich das Design ändern, weil die Eingabewerte geändert werden. Diese Schleife geht tatsächlich etwa 50 Mal, aber die Größe jeder Zelle wird immer noch durch 10 geteilt. Also ist es immer noch zehn. Verkaufen Sie 10 Zeilen wiederum Spalten. Also muss ich das auch durch Zählungen ersetzen. Jetzt können Sie sehen, dass es sehr dicht ist. Also ändern Sie entweder den Strich, warten Sie auf zwei, oder Sie können die Campus-Größe ändern. Oder Sie können das vielleicht 20 ändern. Also, ja, spielen Sie damit herum und sehen, was er daraus erschaffen kann. Nun, ich habe dir gesagt, dass ich dir ein anderes Beispiel zeigen werde, das zufällig verwendet, um verschiedene Wahrscheinlichkeiten zu geben , ohne tatsächlich Prozentsatz zu tun, weil ich das alles auskommentieren werde, und dann werde ich eine weitere Zufallsfunktion erstellen. Aber dieses Mal werde ich ihn tatsächlich anrufen und und ich werde es in eine ganze Zahl umwandeln, so dass Sie die Interviewer-Funktion verwenden können, um das Zufallsprinzip um es zu wickeln, um es in eine ganze Zahl zu ändern, um den Float in eine ganze Zahl zu konvertieren. Oder Sie können es einfach in Interesse umwandeln, so dass Sie einfach Klammern und innerhalb davon Integer vor dem Wert machen können , in den Sie es umwandeln möchten, wo ein Inter. Also konvertierst du dich im Grunde immer noch, und dann werde ich dafür tun, weil ich es getan habe. Ich will vier verschiedene Drehungen für die Linien haben. Nun, was dies zurückgibt, ist ein Wert von 0 bis 3. Also gibt es 0123 zurück, die vier Werte sind, weil es tatsächlich Bodenbelag ist. Die Werte bekamen nur einen Wert von 0 bis 3. Und wenn sie das drucken, werden wir sehen, dass wir 01 haben und dann sollten wir dich in drei haben. Aber wir werden nie vier haben, weil die Zahlen auf dem Boden liegen. Also das abgerundete okay, wir können das jetzt in verwenden, wenn bedingt. Also, Aiken Dio, wenn sind, ist gleich Null. Ich werde eine Sache tun und dann alle serviert r gleich eins, aber auch gleich zwei. Und schließlich können Sie entweder etwas anderes tun, wenn r gleich drei ist oder weil wir wissen, dass es nur vier Werte gibt . Ich kann einfach anders fühlen, weil ich weiß, dass die vierten Werte immer drei sein werden, und dann können Sie alle Ihre Zeilenfunktionen hier drüben setzen. Also lass uns das machen und ich gehe zurück zu 10, damit wir besser sehen können. Und wenn ich das jetzt renne, ist es das gleiche und ich werde ungewöhnlich zu streicheln. Warten Sie. Und wir haben das gleiche exakte Design, das wir vorher hatten. So können Sie entweder Prozentsatz wählen. Und für diesen es immer eine gleiche Wahrscheinlichkeit sein. Es sei denn, Sie sagen, wenn r gleich 011 ist, dass ich diese Zeile will. Wenn R gleich 12 ist, wollen Sie vielleicht eine Trance haben und dann geben Sie drei Trances, damit dies erscheint. Und dann, ah, der dritte Teil der Trans ist für diesen Schritt Ihre und Kurt. Für diese und sie wird der Rest das dritte haben. Es liegt also an dir, was du benutzen willst, aber ich gebe dir beide Optionen und fühle mich frei. Teoh Just diejenige, die einfach für Sie verwendet wird, sind derjenige, der mehr Sinn macht für Sie jetzt auf das nächste Beispiel, um mehr über Shape-Funktionen zu erfahren 34. Form: Beispiel 5: für dieses nächste Beispiel. Wir lernen etwas über die Punktfunktion, die eine andere Formfunktion ist, und wir werden auch Klassen demonstrieren. Also werden wir diesen zufälligen Walker erschaffen. Also gehen wir diesmal wieder zum animierten Design zurück, bevor ich die Klasse erstelle, ich möchte erstellen, was die Klasse tun wird. Okay, also werden wir auf das, was wir getan haben, und das Beispiel „Einführung und Floats“ wiederholen, um eine Axt in meiner Position zu arbeiten und dann, innerhalb der Draw-Funktionen, innerhalb der Draw-Funktionen,werde ich Punkte anstelle einer Ellipse oder eines Kreises fallen lassen. Und der Punkt nimmt nur zwei Argumente, und Sie können sehen, dass es hier erwartet Parameter wie float und float. Aber es geht zu dem Akzent y und dann werde ich X durch einen zufälligen Wert verwenden, einige negative süß zu drei, weil ich hin und her gehen wollte, und dann werde ich das gleiche tun, warum jetzt, wenn ich das mache, Wir werden sehen, wie sich ein zufälliger Walker bewegt, aber es ist sehr klein, also erhöhen wir die Strichgröße, weil Punkt nur einen Strich hat. Es hat keinen Phil, also werde ich einfach Schlaganfall machen Warte von drei. Ich werde Accent starten. Warum? Und die Mitte des Bildschirms. Also geben wir ihr zu, damit ich jetzt ein zufälliges Schließfach sehen kann. Nun, das ist schon cool, aber wir wollen ein Array davon erstellen. Wir haben keinen Datentyp namens point, so dass wir daraus ein Array erstellen können, um eine Vielzahl von Zufallswandern zu erstellen. Also müssen wir diesen Datentyp erstellen, um zu erstellen, dass wir eine Klasse erstellen werden, anstatt die Klausel in der gleichen Datei zu erstellen, wie wir es vorher getan haben. Ich werde nur einen neuen Tipp erstellen, da wir über mehrere Dateien gelernt haben und das ist, was ich tue. Normalerweise können Sie die Klassenpunkte nennen oder Sie können es Walker nennen. Ich nenne es Walker, weil wir tatsächlich eine Walker erschaffen und dann für die Klasse , werde ich sie einfach anrufen, sie , gehen, und wir werden genau das tun, was wir hier getan haben. Aber jetzt werden wir es in die Klasse bringen. Also haben wir eine Akzent-Y-Position initialisiert, also werde ich das tun. Wäre hier gut, und dann innerhalb des Konstruktors. Ich möchte den Wert tatsächlich eingeben. Ich will es nicht. Teoh, sei einfach hier drüben. Obwohl ich das kann. Aber ich werde einfach schwimmen,X für einen anderen, X für einen anderen, sehr knöchernen und schweben Underscore unterstreichen. Warum? Also verwirren wir euch nicht. Dann werde ich sagen, X entspricht Unterstrich X. Also, was auch immer ich hier eingebe. Als ich die Klasse später anrief, möchte ich innerhalb dieses nativen X in die Klasse und dann das gleiche für warum und jetzt, was ich genau hier getan habe , um es mit Strichgewicht und dem Punkt hier drüben anzuzeigen, werde ich innerhalb meiner Erklären Funktion. Fühlen Sie sich frei, diese Funktion aufzurufen, was Sie wollen. Aber ich gehe normalerweise damit, dass ich den Schlaganfall nehmen werde. Warten Sie. Und ich werde auch auf X und y zeigen. Aber dieses Mal werden die X und Y tatsächlich von den lokalen Eigenschaften genommen und nicht von außen . Nein, haben Sie eine Update-, Funktions- oder Entfernungsfunktion. Und hier drinnen gehe ich Teoh inkrementieren. Die Akzent-y-Werte. Das ist also meine Bewegung. Also werde ich es in das Update setzen. Und jetzt werde ich all das entfernen und es neu erstellen, mit Walker zu wissen, dass ich ein Schließfach habe, das ich einfach nennen werde, es wird hier als Datentyp sein . Und weil mein Walker tatsächlich Punkt ist, werde ich es einfach Nein nennen. Innerhalb der Funktionsgruppe werde ich meinen Punkt initialisieren. Walker. Wir sagten, Teoh erstelle eine Instanz. Wir können einfach Point anrufen und neue Walker sagen. Jetzt haben wir Argumente. Also wieder angetippt, initialisieren Sie es. Ich werde es in der Mitte fertig machen. Ich werde sagen, was geteilt durch zwei geteilt durch zwei. Das ist also mein Anfangswert für X und Y innerhalb meines Walkers. Das wird also mit göttlichen Erbitux sein. Dies ist hoch geteilt durch zwei. Das ist also im Grunde, wo dies beginnen wird, und dann werde ich für jeden Frame inkrementieren. Also werde ich hier drüben Punkte anrufen müssen, also werde ich es zeigen, wie wir es vorher getan haben. Wir ziehen tatsächlich den Punkt, und dann werden wir tol füttern es nur, nachdem der Punkt bewegt. Also rufe ich im Grunde all das auf, wo ich die Anzeigefunktion aufgerufen habe und ich rufe all das auf, wo ich die Update-Funktion aufgerufen habe. Und jetzt, wenn ich renne, sollte es genau dasselbe tun. So läuft es immer noch zufällig über den Bildschirm, beginnend mit geteilt durch zwei und hart geteilt durch zwei. Also die Mitte meiner Leinwand Nein, lassen Sie uns eine Reihe von Punkten erstellen. Ich werde ein Array erstellen. Und jetzt werde ich diese zwei Punkte ändern. Und bevor ich meine Instanzen initialisieren kann, muss ich mein Array initialisieren. Ich nenne es Neil Walker, und dann fängst du mit 100 an. Nein, innerhalb einer A-for-Schleife. Ich gehe von Null auf die Länge der Punkte. Es ist 100 und ich gehe Teoh, erstelle eine Instanz für jeden Punkt im Array. Und dann mache ich dasselbe, wenn ich es anrufe. Nein. Wenn ich es laufe, habe ich eine Menge zufälliger Schließfächer jetzt, um es noch interessanter zu machen, ich werde die Strichfarbe ein verblasstes Schwarz machen. Also werde ich auch die Transparenz ändern . Vielleicht 100. Was ist Trey 100? Moment ist es viel schöner. Und jetzt, wenn ich sogar 10 mache, ist es verschwommener, und es sieht eher wie ein Gemälde aus als nur zufällige Punkte, die sich über den Bildschirm bewegen. Und wenn Sie sehen wollen, dass es nicht versucht. Wenn Sie also sehen wollen, dass sich diese Punkte bewegen, können Sie einfach den Hintergrund hier zurücksetzen und vielleicht die Transparenz entfernen, damit Sie sie sehen können . Dies ist also eine coole Simulation, die Sie vielleicht die Zufälligkeit ändern oder Rauschen verwenden können, um eine Herde zu erstellen. Und das ist etwas, das ein Beispiel ist, das Sie in einer der Referenzen sehen können, über die ich später sprechen werde , was die Natur des Codebuchs von Daniel Shipman ist. Okay, gehen wir zum Beispiel zu dir zurück . Ich werde diese 30 machen und dann will ich den Hintergrund beweisen. Großartig. Jetzt kann ich mehr damit machen. Natürlich können Sie ihnen zufällige Ausgangspositionen geben. Da Sie dies also innerhalb einer for-Schleife haben, können Sie dies durch eine zufällige X- und Y-Position ersetzen, und so wird jeder an einer anderen zufälligen Position beginnen. Das könnte ihm auch ein anderes Aussehen geben. Meiner Meinung nach ist dies der größte Schritt. Sobald Sie erreicht haben, Ihre eigenen Klassen zu erstellen haben Sie bereits viele Türen für sich geöffnet, und Sie können viele verschiedene Designs nur mit Klassen allein erstellen. So haben Sie das Gefühl, auf diese wiederholen, um Ihr endgültiges Projekt jetzt auf dem nächsten Formbeispiel zu erstellen . 35. Form: Beispiel 6: für dieses Beispiel erstellen wir eine benutzerdefinierte Form. Also lernten wir alles über das Erstellen unserer eigenen Klassen, aber wir verwendeten dieselben Formen, die für die Verarbeitung nativ sind. Dieses Mal werden wir unsere eigenen Formen mit Vergis Leichtigkeit erstellen. Jetzt, um eine benutzerdefinierte Form zu erstellen. Es gibt eine Klasse namens P-Form und Verarbeitung und P-Form beginnt auf diese Weise. Sie erstellen also die Klasse und geben ihr dann einen Namen, wie Sie es bei jedem Datentyp getan haben. Also werde ich es einfach Form nennen, und dann initialisieren Sie es, indem Sie Ihren Variablennamen aufrufen und die Funktion erstellen Formen aufrufen, Form erstellen, ein Fach für Ihre Form erstellen. Es wird alles umfassen, was du erschaffen wirst, und dann, um deine Schattierungen zu zeichnen, werden sie Form sagen und dann den Glauben beginnen, und du wirst es mit Form Punkt beenden und dazwischen beginnen Form und und Form, werden Sie versuchen oder entwerfen, und sogar Ihre Füllung und Strich werden hier reingehen. Also fangen wir mit dieser Form Punkt Phil an, damit ich mich schwarz fühle. Und dann fangen wir an, Burgess Leichtigkeit zu benutzen. Also über Thesen sind die Punkte, die Sie auf Ihre Leinwand setzen. Diese Verarbeitung endet, eine Linie dazwischen zu ziehen. Wenn ich also die ersten Urteile an Position 00 zeichne und dann die 2. 1 in Breite und Höhe zeichne und dann läuft, werden wir nichts sehen, weil wir auf dem Bildschirm fahren müssen. Also, jetzt erstellen wir das innerhalb der Fächerform, aber wir haben es nicht wirklich gezeichnet. So zu fahren, nur genommen, um die Form Funktion zu verwenden und dann Form in es und dann setzen Sie die Ausgangsposition. Also werde ich die Ausgangsposition bei 00 machen, weil unsere Linie von der 0,2 die Breite und Höhe erweitern wird . Also positioniere ich im Grunde die größere Form oder das Rechteck, wo die Form um 00 hinein gehen wird , und ich kann sehen, dass die Linie tatsächlich von der linken Ecke zur unteren rechten Ecke geht. Aber das ist die Form, die wir mit der Linienfunktion etablieren können. Lassen Sie uns also eine Form erstellen, die eine native zu verarbeiten ist. Ich werde einen Bogen erschaffen. Sie können einfach die genauen Zahlen kopieren und einfügen, die ich hier drüben schreibe, und ich werde versuchen zu erklären, was ich tue. Also werde ich bei 00 beginnen, weil dann mit der Shape-Funktion die Form an jede gewünschte Position verschieben kann. Und lassen Sie uns diese tatsächlich Maus X und Maus machen. Alles klar, damit Sie sehen können, wie sich die Form bewegt. Aber dann arbeiten die meisten X und die meisten, warum nur innerhalb der Draw-Funktion? Und weil ich nicht will, dass etwas zu zeichnen, werde ich, dass der Hintergrund zwei weiß jedes Mal lassen. Okay, wenn ich also tatsächlich mit der Höhe zurückgehe, kann ich meine Form verschieben, damit ich die Ecke meines Rechtecks dort verschieben kann, wo meine Form ist. Nein, fangen wir eigentlich unsere Bogenform an. Also, um unsere Bogenform zu machen, werde ich um 00 auf dem Campus beginnen, und dann werde ich nach rechts 30 Pixel und nach unten 30 Pixel bewegen, die eine diagonale Linie erzeugen . Und wenn ich das mache, siehst du, dass ich ein kleines Daniel-Leben habe. Das ist also die erste Zeile unseres Bootes, und ich werde das jetzt um 00 Uhr stoppen, bevor wir es verschieben können. So können Sie so kann ich dort demonstrieren, es gibt bei 30 der 1. 1 in der 00 und dann die 2. 1 ist bei 30 und 30. Jetzt möchte ich wieder nach oben gehen, um die andere Linie meines Bogens zu erstellen. Um das zu tun, muss ich 30 Pixel hierher bewegen und dann wieder auf Null im weißen Zugriff zurückkehren. Von hier nach hier sind es 30. Und dann möchte ich wieder 30 bewegen, um ihm den gleichen Abstand zu geben. Also muss ich auf 60 gehen. Also wird es 60 von links und Null sein, also gehen wir hier hoch. Das ist also 60 und Null. Jetzt können Sie sehen, dass wir nach unten 30 und dann zogen wir nach rechts 30 suchen. Und jetzt bewegen wir uns wieder auf Null und nach rechts um 30, was bedeutet, dass es 60 von äußerster Linke sind. Jetzt will ich hier runtergehen, um die richtige Linie vom Boot zu ziehen. Jetzt ist das, wie wir wissen, robust. Es bedeutet, dass ich noch eine 30 runtergehen möchte, was bedeutet, dass es 60 ist und dann will ich vom X-Zugang vom Nullpunkt, den ich 60 hier drüben will. Also werde ich die X-Achse behalten, wo sie gerade ist, also wird es 60 sein, aber dann werde ich 60 runtergehen. Das sind also 60 60. , Lassen Sie uns das zuerst laufen,bevor wir es wirklich sehen. Jetzt geht die Füllung tatsächlich die richtige Richtung, denn bevor es dachte, ich will nach oben gehen und so war das Feld hier oben. Aber jetzt, da wir runtergehen, weiß es, dass hier die Form geht. Okay, jetzt will ich wieder hierher ziehen, Autorität und dann 30 hoch. Es wird also um 30 Uhr zurück sein. So jetzt ernannt, eigentlich hier. Jetzt gehe ich zurück 20 auf der X-Achse und 60 Pixel runter. Jetzt haben wir einen Schwachsinn. Und wenn ich tatsächlich ging zurück zu den meisten Akzent weiß, warum Sie meinen Bogen bewegen sehen können, so dass ich sehen kann , dass es tatsächlich abgeschlossen ist jetzt auf dem Bildschirm zu zeichnen. Ich werde den Hintergrund entfernen, weil wir ein Zeichnungsbeispiel dafür erstellen. Und jetzt kann ich zeichnen. Viele viele Boote würden die Transparenz dafür ändern, sagen wir 50. Also, wenn ich jetzt zeichne, sehe ich es tatsächlich. Nein, Wenn Sie hier bemerken, können Sie sehen, dass jeder Bogen einen fehlenden Strich auf der linken Seite haben. Nun, der Grund dafür ist, dass wir nicht geschlossen oder geformt haben. Wir können es entweder schließen, indem wir zurück zu 00 mit dem Ende gehen, oder wir können einfach hier drüben machen und es wird die Arbeit für uns erledigen. Es wird zum ersten Punkt gehen und die Form schließen. So können Sie jetzt sehen, dass wir tatsächlich die Linie auf der linken Seite haben. Es funktioniert jetzt, um das noch interessanter zu machen. Ich werde die Farben umdrehen, also werde ich die Hintergrund-Null treffen und ich werde die Phil 2 55 Ich werde einen Strich von Weiß hinzufügen, nie laufen diese. Wir werden jetzt ein Zeichenprogramm haben. Jedes Mal, wenn ich das anleiten werde, werden wir das sehen. Bo hier drüben wird sehr undurchsichtig sein, weil es ist, bevor wir die Maus bewegen. Es zeichnet tatsächlich viele und viele Bögen übereinander, weil unser Programm tatsächlich mit einer Bildrate von 60 Bildern pro Sekunde ist , also das ist Ziemlich schnell. Es zeichnet also viele Formen, bevor wir die Maus X bewegen , und deshalb wollte er das in einer Sekunde ändern. Ich werde das zuerst in eine Funktion verschieben, um es aufzuräumen. Ich werde es Bo nennen, und ich werde all das innerhalb meiner Bogenfunktion verwenden. Okay, ich werde es hier drüben anrufen, weil wir die Form hier drüben erschaffen haben. Was auch immer hier drin ist, ist physisch zu handeln. Es ist hier und ich zeichne. Also, jetzt ist es das gleiche Programm wie wir zuvor hatten. Aber dieses Mal, anstatt nur dies zu tun, weil, wenn diese undurchsichtige Bo, die unser Design ruiniert, Ich werde nur die Formen zeichnen Wenn die Maus gedrückt wird, so dass es nicht gedrückt wird, Ich möchte das Schicksal zu zeichnen. Und jetzt haben wir diesen Bo nicht hier und jetzt jedes Mal, wenn ich wirklich klicke, werden wir zeichnen. Aber dann lasse ich Teoh das Programm immer und immer wieder laufen, um das Design zu bekommen, das ich mag. Also lassen Sie uns sagen, ich möchte einen Schlag aus Bögen ziehen und das sieht nicht nett für mich aus, weil es nach unten geht und ich wollte mehr in der Mitte sein, also werde ich das Keep Pressed Event verwenden. Wir haben vorher darüber gesprochen, aber wir haben nie wirklich in einem Beispiel verwendet. Wann immer wir halten Ruhe verwenden, müssen wir für welche Schlüssel überprüfen, denn dann wird jede Taste, die Sie klicken, um zu arbeiten. Beginnen wir mit einem beliebigen Schlüssel und dann werden wir angeben. Jetzt möchte ich den Hintergrund zurücksetzen. Jedes Mal, wenn ein Fall gedrückt werde ich den Hintergrund zeichnen und jetzt werde ich meinen Bogen zeichnen. Es sieht nicht schön aus. Irgendein Gewehr. Klicken Sie einfach auf eine beliebige Taste und es wird jetzt funktionieren. Was ist, wenn ich nur einen Schlüssel möchte, um damit zu arbeiten. Jetzt klicke ich dieses Mal weit auf diesen Raum. Dieses Mal klicke ich tatsächlich auf de nächstes Mal, wenn ich tatsächlich auf T klicke. Das ist nicht praktisch, besonders wenn Sie mehrere Tasten für verschiedene Funktionen verwenden möchten. Deshalb werde ich nur die Leertaste verwenden, um den Hintergrund zu entfernen oder zurückzusetzen. Aber die Art und Weise, wie Sie dies tun können, ist, indem Sie und wenn bedingte, und dann gibt es eine native Variable innerhalb der Verarbeitung namens Key. Dies hat also einen beliebigen Wert des Schlüssels. Also, wenn Sie das drucken, erhalten Sie den Wert des Schlüssels, den Sie klicken, und dann werde ich verfolgen seine gleich Platz, und dann werde ich den Hintergrund zurücksetzen. Also, wenn ich auf Nummer drei klicke, es nicht passieren, ist, wenn ich auf den Brief fragt. Das wird nicht passieren, aber wenn es diese Gesichtsleiste mag, wird es klären. Und jetzt bin ich vielleicht mit diesem Design zufrieden. Ich kann zum Beispieleinen anderen Schlüssel wie s verwenden, zum Beispiel mein Design zu retten, aber wir werden über das Sparen im Traktor sprechen. Für den Moment haben wir ein Design erstellt, das erstellen wollte. Ich weiß, dass es ein wenig schwierig ist, Wirbel zu verwenden und eine Formfunktion zu verwenden, um auf dem Bildschirm zu zeichnen, ohne genau zu wissen, wo die Dinge sind. Aber wir gehen später Teoh und das Typ-Modul. Erfahren Sie mehr über das Importieren Ihrer Entwürfe aus Illustrator oder aus einer beliebigen Vektorsoftware, die in SVG exportiert werden kann. Moment sind wir mit dem Formmodul des Entwurfs-Grundabschnitts fertig. In nur sechs Beispielen haben wir gelernt, eine Vielzahl von Formen zu erstellen, damit Sie Ihre eigenen Formen erstellen können. Sie können eine Linie Kreise erstellen, die Lipsky die allein erstellen können. Dies allein kann eine enorme Menge an Designs erstellen, und es kann es kaum erwarten zu sehen, dass Sie eines davon in Ihren endgültigen Projekten verwenden. Als nächstes werden wir mehr über Farbe und Design sprechen. 36. Farbe: Beispiel 1: In diesem ersten Farbbeispiel werden wir über RGB gegen es knusprig sprechen. Es wird am Ende dieses Designs erstellen. Wir werden das gleiche Design in RGB sehen, und dann sehen wir das Design im Interesse. Bmo. Also diese Luft zu Farbe Modi rgb stehen für rot, grün und blau, wie wir gelernt haben. Aber dann gibt es einen anderen Farbmodus, über den wir noch nicht gesprochen haben, und es heißt Adresse sei für Farbton, Sättigung und Balance. Also im Grunde geht er durch das Array der Farben, und dann ist die Sättigung, wie gesättigt diese Farbe ist. Wenn es also keine Sättigung gibt, als es Graustufen sein wird, wenn es eine hohe Sättigung gibt, wird es die größte Sättigung dieser Farbe sein. Aber für die Helligkeit ist es, als ob Sie Ihrem Design Weiß und Schwarz hinzufügen würden. Je mehr Schwarz Sie hinzufügen, was niedriger ist der Wert der Helligkeit, die es geht, wird die Farbe dunkler sein. Und dann, je mehr Weiß Sie hinzufügen, oder desto größer ist die Helligkeit, als dann erhalten Sie eine hellere Farbe, die ein wenig mehr Licht hat. Lassen Sie uns zuerst das Design in Schwarz und Weiß erstellen und dann beginnen wir es zu färben. Wir werden eine Akzent-Y-Position brauchen, weil wir zufällig Linien auf diesem Kran zeichnen und ich brauche Lupas gut, und ich werde mit 100 anfangen. Also habe X an einer zufälligen Position von Null zu Witz. Und warum wird dann an zufälliger Position sein? Wie hoch war deine eigene Höhe? Und dann mache ich einen Schlaganfall mit dem Zufallswert von 0 bis 2 55 Also das wird eine große Skala sein , die zufällig sein wird. Sie können tatsächlich alle Linien sehen, die wir versuchen. Dann werde ich die Linien bei X und Y zeichnen, und dann geben wir ihnen eine Länge von 10. Es wird also sein, dass die UN-Position von X plus 10 sein wird. Es wird also von der Exposition von der Start-Exposition zu 10 plus X. Das wird die Endposition und dann das gleiche für das Leben sein. Also werden wir einen Haufen Dagon Alliance haben, und ich möchte, dass das statisch ist, etwas, um die Schleife zu stoppen, und ich werde den Schlaganfall erhöhen. Warte, vielleicht drei. Okay, also haben wir zufällige Linien auf dem Bildschirm mit einer zufälligen Farbe aus einem Graustufenspektren. Jetzt möchte ich auch das ist drehen, nur um das Design zu bekommen, das wir haben und wieder es zu drehen . Ich werde nur Push-Matrix tun, um zu erstellen und Sie Layer für jeden. Nun, wenn ich das ohne Freunde laufen würde, drehten sich die Führenden. Es wird genau das Gleiche sein. Und wenn ich Franken Samen mache, nur um das gleiche Design zu sehen, ändert sich das eigentlich nicht, also schafft es tatsächlich eine neue Ebene. Aber nichts ist echt, weil jede Schicht auf der anderen. Aber jetzt möchte ich die Position jeder Ebene und die Rotation ändern. Also werde ich die Position basierend auf dem Akzent ändern, indem sie gewählt werden übersetzen, tatsächlich machen die Bewegung jeder Zeile zwischendurch. Ich werde sie um 00 Uhr von jedem Campus belassen, und dann wird es 10 sein, weil Europa weniger getan ist im Grunde 10 ist. Wenn ich das anführe, werden wir sehen, dass es genau das Gleiche ist. Also haben wir nichts geändert. Wir haben immer noch jede von ihnen in Position. Sie können sehen, dass es das Gleiche ist, besonders diese beiden Linien sind die gleiche Position, weil wir zufällige Samen haben. Und jetzt werde ich mich drehen. Und das wird das Ganze ändern und wieder um ihn herum, kaum von 0 bis 2 Pi zwischendurch, einen vollen Kreis für eine volle Rotation und das hatte einige interessantere Aussehen. Wenn ich dies auf 400 erhöhen, wird es mir ein interessanteres Aussehen geben, weil es mehr zu spielen gibt . Aber lassen Sie uns tatsächlich den Hintergrund in Weiß ändern. Du siehst die Dinge besser und lass uns jetzt Farbe einführen. Also statt Sprüche, äh, Schlaganfall. Anstatt also ein Zufallsprinzip von 0 bis 55 nur für einen Parameter zu sagen, fügen wir die anderen beiden Parameter hinzu. Also, jetzt werden wir R, G und B haben , und ich werde dasselbe tun für beide zufälligen Wert von Händlern bis 55. Und wenn ich das jetzt laufe, werden wir eine Menge Farben bekommen, und wie Sie sehen können, sind die Farben sehr hell. Aber jetzt lasst uns das ändern. Teoh es nur Graben und sehen, wie dieser Unterschied. Jetzt werde ich die Farbmelodie innerhalb des Prozentsatzes der Funktion ändern. Und dann, nur damit wir das hier nicht ändern müssen, können Sie entweder die Standardwerte belassen. Aber ich werde sagen, dass ich möchte, dass der höchste Wert für Sie 255 für die Sättigung und für die Helligkeit 255 Minuten für das Alfa Valley beträgt. Ich werde es einfach eins sein lassen. Also wird es von 0 zu 1 an einem schwimmenden Bauch sein. Jetzt haben sie den Farbmodus geändert, und wenn ich das durchführe, haben wir eine andere Farbe. Wir haben mehr Schwarze, wir werden hier sein. Ähm, und wir haben jetzt hellere Farben. Wir können das besser sehen, wenn ich dies jedes Mal mit voller Sättigung und voller Helligkeit verwende, jedes Mal, wenn Sie sehen können, dass es sehr, sehr hell ist, denn jetzt ist es nur Blick durch die Reihe von Farben, die es hat. Aber dann gibt es ihm die höchste Sättigung und die höchste Helligkeit. Nun, wenn ich 2 55 hier drüben entferne und es Null so nein setze, gibt es keine Helligkeit und die Farben, die es wird schwarz sein, weil es jetzt kein Weiß gibt für Bring it back to 255 und ich änderte es Sättigung auf Null. Wir werden sehen, dass es überhaupt keine Farbe gibt, weil 255 zu hell ist. Jetzt ist es weiß. Und weil es keine Sättigung gibt, gibt es keine Farbe. Lasst uns mit menschlicher Helligkeit herumspielen. Ich werde einfach Helligkeit es 100 machen. Jetzt werden wir sehen, dass es ein bisschen gräulich ist. Und wenn ich auf Null gehe, haben wir natürlich Schwarz. Ich werde 100 machen, dann werde ich die Sättigung von ein wenig erhöhen. Gehen, um ein wenig mehr Farbe zu sehen, wissen, wenn erhöhen Sie es auf 200 wir werden ein wenig mehr Farbe, ich werde tun 2 30 Aber da die Helligkeit ist immer noch sehr dunkel gehen, um dies ein wenig zu erhöhen. Jetzt haben wir eine Kinderdesign-Farbe, weißt du, ich werde zurück zu zufälligen, zufälligen , all das, aber ich gehe mit Hugh von vielleicht 100 250. Das ist also das Array der Farben. Also, wenn ich von 102 150 m nur die Wahl der Farben. Wenn ich von 0 bis 55 gehe, wähle ich aus dem ganzen Array. Lassen Sie uns tatsächlich mit 50 tun und Sie werden sehen, dass alles gelesen werden wird. Okay, also ist die Mehrheit davon tatsächlich richtig. Aber wenn ich noch tiefer gehe, vielleicht ein 20. Ja, die Mehrheit davon ist jetzt rot, und es gibt ein bisschen orangefarbenes Gehör. Okay, ich werde 255 für Trennung und Richtigkeit tun, und dann können wir sehen, dass es sehr hell ist. Nein. Wenn sie dies erhöhen, wird es mehr Farben von 0 bis 100 hinzufügen. Und ich möchte von 100 bis 150 tun. Jetzt bekommen wir nur Grüns und Blues, weil Sie nur das Herz der ankommenden Farben verwenden . Mal sehen, was passiert, wenn ich zurück zu RGB gehe, also werde ich das nur gemeinsam, weil der Fehlerfarbmodus unser Fernseher ist, wissen Sie, wenn ich es führe, können Sie sehen, es ist eine ganz andere Palette. Der Grund dafür ist, dass es vollkorn und vollblau wird, aber dann wird es im Wert von 100 bis 150 herumkommen. Und wenn ich die zufälligen Samen entferne und das ein wenig steigere, werden wir ein bisschen von einem anderen Gaumen bekommen, nur weil wir jetzt mehr Rot haben mit dem wir spielen können. Lassen Sie uns tatsächlich noch mehr Rot hinzufügen. So haben wir von 202 150. Das ist also ein sehr, sehr großer Wert zur Auswahl. Und wenn ich wenigstens eins auf 10 verkleinere, dann werden wir violett und wir bekommen weil wir mehr rot werden, als wir grün und blau werden. Und wenn ich das auch auf 1 55 reduziert habe, werden wir noch mehr richtig bekommen. Spielen Sie mit Farben, um den Unterschied zwischen RGB und knusprig zu sehen. Viele Leute spielen mit Interesse herum, wenn sie den Farbton ändern wollen, aber sie wollen die Sättigung und Helligkeit zu halten, denn wenn Sie r g und B randomisieren, werden Sie einen anderen Blick bekommen, von dem, was Sie von Adresse erhalten werden eso. Vielleicht möchten Sie die Bereitschaft Ihrer Farbe zu halten, aber dann sind Sie wollen mit den Noten von Rottönen spielen, also spielen Sie mit der Sättigung oder der Helligkeit, so werden wir mehr von einem monochromen Look zu bekommen. Nun, lassen Sie uns ein weiteres Beispiel für Farbe sehen, um es ein wenig besser zu verstehen. 37. Farbe: Beispiel 2: Aber wenn für dieses Beispiel, werden wir über Farbinterpolation sprechen, Also in dem anderen Beispiel, werden wir den Unterschied zwischen wieder sehen. Audrey Beatrice sprechen in Bezug auf Farbe. Interpolation. Also habe ich gesagt, dass du vielleicht ein monochromes Design bekommst, wenn du die Zinsgeschwindigkeit nutzt. Okay, also lassen Sie uns dieses Farbinterpolationsbeispiel erstellen, um mehr über Farben zu erfahren. Dazu werde ich ein Raster aus einer Zeile und 10 Spalten erstellen. Also für die Gitter, ich gehe Teoh brauchen weiter. Und wir brauchen keine verschachtelte for-Schleife, weil wir nur eine Zeile und dann 10 Aufrufe erstellen , denn was wir hier und jetzt hinzugefügt haben, werden wir dasselbe tun, was wir vorher gemacht haben. Also wird das Rechteck in der Größe multipliziert mit I und dann die Größe und dann Null sein weil wir uns nicht bewegen Rose weise, und dann wird es in der Größe für hier dimensioniert werden. Und die Größe wird es sein mit geteilt durch 10. Weil wir 10 anrufen wollen. Führen Sie das nie aus. Wir haben eine Reihe von 10 Spalten. Ok. Anstatt auch eine Größe für die Höhe zu haben, werde ich dies nur zur Höhe der Leinwand machen, weil Sie die Farbinterpolation im gesamten Campus sehen möchten . Jetzt werde ich ihm eine Füllung von Farbe geben, und ich werde jetzt Farbe erstellen, also wird Farbe vom Farbdatentyp sein, oder die Kohlevariable wird ein Farbdatentyp sein. Und jetzt, anstatt ihm nur einen Wert oder eine Farbe zu geben, werde ich zwischen zwei Farben spielen. Also, um zwischen zwei Farben zu spielen, werden wir die Lord Farben-Funktion in Dies erfordert zwei Farben und dann eine Menge. Also die beiden Farben, die wir erstellen werden erscheinen, weil es keinen Sinn macht, im Speicher immer wieder zu schaffen , ist zwei Farben, weil wir sie nur einmal auswählen werden. Also werde ich diejenige den ersten Anruf nennen, und ich werde ihm einen Wert geben, dann einen Anruf an, und ich werde ihm ein anderes Problem geben. Also habe ich bereits zwei Farben bereit, also werde ich sie einfach kopieren und einfügen. Sie sind frei, Ihre eigenen Farben zu wählen, um mit Farbinterpolation zu üben und dann werde ich Coal Juan verwenden und rufen Sie hier drüben. Also will ich auch von Farbe eins zu Farbe zusammenspielen . Lügner Betrag. So Menge. Wir werden es mit der Körnung erstellen, die wir Menge haben, geht im Grunde von 0 zu 1. Also, wenn ich zum Beispiel Null hier drüben setze und dann renne, wirst du die erste Farbe sehen. Und dann, wenn ich eine setze, sehen Sie die letzte Farbe, die ich gewählt habe. Also wählte ich von orange bis gelb, aber ich möchte, dass die Farben tatsächlich Zutat schaffen. Also wollte ich von der Orange auf das Gelb gehen. Du wolltest das tun? Ich werde die Indexvariable oder die I-Variable innerhalb meiner for-Schleife verwenden, um diese Variable hier zu erstellen . Ein Mann könnte diese Variable namens Betrag erstellen, da sie von 0 zu 1 geht. Das ist also ein schwebender Wert. Und dann werde ich eine andere Funktion namens map verwenden. Also mappen Sie grundsätzlich einen Satz von Werten zu einem anderen Bereich ab, so dass es Werte von einem Bereich in einen anderen ändert. Also, jetzt werde ich die Reichweite meines Auges ändern. Mein Index aus seinem ursprünglichen Bereich , der 0 bis 10 Teoh der neue Bereich ist , der 0 zu 1. Also, jedes Mal, wenn ich Null, wird es hier drüben auf Vorteile eins Null sein. Es wird 10.1 hier für die Menge sein, und dann für zwei wird es 20.2 und so weiter und so weiter sein, sagte, ich werde die Menge hier stattdessen verwenden. Und wenn ich das durchführe, sehen wir einen Grady-Int von Orange nach Gelb. Dies allein kann eine enorme Anzahl von Beispielen erzeugen. Verwenden Sie dies vielleicht mit einem der Entwürfe, die wir erstellt haben, wie die Linien oder die zufällige Linienrotation. Beispiel. Sie können eine Vielzahl von Farben nur mit der Autotext-Farbfunktion erstellen. Da. Sie können hier oben mit den Farben herumspielen. Sie können von vielleicht blau zu grün wechseln. Sie können von Rot zu Violett wechseln, und Sie können die Farbpalette sehen, die herumspielt. Sie können die Zählung sogar auf 20 erhöhen, aber dann müssen wir sie auch hier ändern . Also erstelle ich besser viele eine Variable namens count und lass es uns 20 machen und dann hier drüben benutzen und wir werden hier sein. Jetzt müssen wir die Werte nicht immer und immer wieder überall ändern. Und dann müssen wir auch das mit durch die Grafen teilen. Zeigen Sie an, dass die Größe unserer Spalten korrekt sind. Jetzt können Sie sehen, es gibt mehr Farbe hier, weil wir 20 haben und wenn ich meinen Schlaganfall entfernen, können Sie es mehr von Zutat sehen. Aber Sie können die Rechtecke hier sehen, also wenn Sie eine sehr glatte Strahlung wollen, können Sie im Grunde die Zählung die Breite machen. Also über machen die Zählung 400 dann wird es eine glatte Grady endet, weil jetzt 400 geteilt durch 400 ist eins. Jedes Rechteck ist also nur ein Pixel breit, und daher wird es viel glatter. Und jetzt können wir sehen, dass wir einen gierigen int erstellt haben. Als nächstes werden wir sehen, wie das funktioniert. Wenn wir es in eine Trust fäkale Menge geändert 38. Farbe: Beispiel 3: in unserem endgültigen Farbbeispiel. Wir werden es erforschen. Vertrau mir. Farb-Modus. ein bisschen mehr. Diesmal werde ich ein Raster aus drei Spalten und mehreren Zeilen erstellen, und ich werde Ihnen zeigen, wie man das jetzt macht. Also werden wir verschachtelte Schleifen aus einem vorherigen Beispiel haben. Wir wissen, dass wir für diese Zeit eine Konto-Variable brauchen werden. Ich habe Count erschaffen. Akzent zählt. Warum? Also, weil ich einen anderen Wert für die Rose als die Spalten möchte. Da ich drei Spalten will, werde ich sagen, dass Graf X gleich drei ist. Dann werde ich 10 Zeilen für jede erstellen. Also, jetzt, da wir Count X haben, unterscheidet sich von Zählungen. Warum? Ich werde auch seine Ex in einer Größe haben. Warum so Größe X wird gleich, was durch Count X Jungs geteilt wird. Warum wird die gleiche Höhe geteilt durch die Zählung Weg? Jetzt werde ich das Rechteck erstellen, das ich mit der Größe multipliziert werde. X J multipliziert mit der Größe. Warum Mitglieder würden Größe Sex sein. Das wird Größe sein. Warum? Wenn ich das lese, können Sie sehen, dass wir drei Spalten haben und drehen Rose. Jetzt können wir die Färbung erstellen. Ich habe das gleiche kopiert und eingefügt, was wir vorher gemacht haben. Aber dieses Mal, anstatt von zwei Variablen hier drüben von einer Farbe zur anderen zu gehen, ging ich einfach von 0 auf 255. Und dieses Mal gehe ich von Null zu kommen. Warum? Also möchte ich, dass die Interpolation auf dem weißen Zugriff passiert, den ich J verwende, und ich sagte, dass ich von ihm Nullwert gehen möchte, um den y-Wert zu zählen. Das ist also von oben nach unten. Und dann möchte ich diesen Wert von 0 auf 1 für den Betrag in der Interpolation abbilden. Und dann sagte ich, die Füllung aufzurufen, die unsere Farbvariable ist, und es wird jetzt meine Rechtecke färben. Wie Sie sehen können, geht es von schwarz nach weiß. Nun, für dieses Beispiel, und wollen es nur mich und nicht RGB. Eigentlich werde ich nur den Farbmodus ändern, um mich zu interessieren, und ich werde dasselbe tun für Ätzung oder Farbton, Sättigung und Helligkeit von 0 auf 50 zu 55 gehen. Ich werde mich nicht mit dem Alfa Wert beschäftigen, denn vorerst ist das alles, was wir brauchen. Wenn ich das jetzt führe, sehen wir eine seltsam aussehende Sache. Das liegt daran, dass wir den Farbmodus von RGB ändern. Also, was jetzt? Es ist tatsächlich zu überprüfen oder was tatsächlich tut. Es geht von Hugh von 0 bis 255, was der niedrigste zum höchsten ist. Aber es gibt eigentlich keine Helligkeit und keine Sättigung. Daher für Farbton, Sättigung und Balance Zehenarbeit werde ich für Farbton, Sättigung und Balance Zehenarbeiteine andere Funktion verwenden. Ich werde die Alarmfunktion verwenden und ich werde nur für die Farbtöne und dann für die Sättigung als nächstes lernen und dann für die Helligkeit als nächstes. Also werde ich diesen Wert stattdessen nennen. Und das wird flott Wert zurückgeben und ich werde es einfach abkühlen, du für Wert. Und dann werden die Helligkeit und Sättigung am höchsten sein. Also, jetzt bin ich Lor Ping von 0 bis 255 auf Lee für den Farbton. Diesmal bin ich also nicht nur mit der Autotext-Farbfunktion klumpen, ich benutze die Alert-Funktion, weil ich nur zwischen zwei Werten interplay möchte, die Sie auch die Lord-Funktion verwenden können , um zwischen zwei Positionen zu interplay. Ein Schwung. Aber ich benutze es hier für seine Situation und Balance und sehen, wie das tatsächlich aussieht und Sie können sehen, dass die ganze Reihe von Farben tatsächlich auf dem Campus ist. Jetzt. Der Grund, warum ich drei Spalten erstellt habe, weil ich Ihnen Hugh in der ersten Spalte zeigen möchte und dann möchte ich Ihnen Sättigung in der nächsten Spalte zeigen. Und dann wollte ich die Änderung und Helligkeit in der dritten Spalte überprüfen. Also lassen Sie uns tatsächlich eine bedingte verwenden und, wenn sie bedingt ist, werde ich überprüfen, ob ich gleich Null ist, was die erste Spalte ist. Ich möchte, dass die Wertzüge im Farbton Mendel's sind, wenn ich gleich eins ist. Nur die zweite Spalte, die ich füllen möchte, um einen Hugh zu haben. Ich werde einfach Null für Rot verwenden, und dann werde ich den Wert in der Sättigung haben. Diesmal werde ich die höchste Helligkeit haben, und schließlich werden wir es auch sein . Aber ich muss es nicht schreiben, weil der letzte wird die Helligkeit ändern, um die höchste sexuelle ation und dann Val für die Helligkeit zu haben. Nun, wenn ich das mache, wirst du sehen, dass die erste Spalte eine große Veränderung haben wird. Und dann wird die zweite Spalte die Sättigung von 0 bis 255 haben und dann wird die letzte die Helligkeit von 0 bis 255 sein. Und wenn Sie den Farbton für eines dieser ändern, machen wir 150 für diesen. Es geht von der am wenigsten gesättigten zu den am meisten getrennten im Farbton von 150, die hier blau ist . Also liegt es an dir. Welche Farbe Sie wählen möchten. Ikan. Außerdem kann es auch eine andere Farbe für diese wählen. Also lasst uns 200 machen. Es wird eine violette Farbe sein und wird von der am wenigsten hellsten zur höchsten Helligkeit gehen . Dies ist eine weitere Möglichkeit für Sie, mit Farb-, Interpolations- und Farbmodi zu spielen . Vielleicht möchten Sie mit dem gleichen Hugh bleiben, wie hier drüben, aber Sie wollen die Helligkeit variieren. Vielleicht willst du bei einem bleiben. Hugh hier drüben ist gut und vielleicht mit der Situation herumspielen. Sie können auch einen anderen Wert erstellen. Sind für jede von ihnen eine andere Blerp oder Interpellation? Also für vielleicht er, wenn Sekretär in Helligkeit und dann können Sie eine andere Menge haben. Also vielleicht ich Teoh Triple acht in Bezug auf Helligkeit verwenden und dann J verwenden, um Intra Platte Hugh . Dies wird Ihnen auch ein anderes Aussehen geben. Spielen Sie mit ihm herum. Sag mir Bescheid, was mit dir passiert. Zeig es mir in deinen Projekten. Ich würde gerne sehen, was du mit goldenen Trübsal und Schiffen erschaffst. Als nächstes werden wir über Bilder sprechen. 39. Bild: Beispiel 1: haben wir Formen kreiert und Farben ausgewählt letzten Beispielen haben wir Formen kreiert und Farben ausgewählt. Aber dieses Mal werden wir mehr über Bilder sprechen und darüber, wie Sie die Bilder, die Sie aufgenommen haben, oder welche Bilder Sie online finden, in Ihre Designs importieren können Sie aufgenommen haben, oder welche . Dazu werden wir mehr darüber erfahren , wie die Sketchdateien tatsächlich erstellt werden. Für mein Beispiel habe ich eine Datei namens image. Dies wird tatsächlich erstellt, sobald Sie Ihre Skizze gespeichert haben. Jedes Mal, wenn Sie Ihre Skizze speichern, erstellen Sie einen Ordner mit dem gleichen Namen wie die Skizze. Wenn Sie den Ordnernamen ändern, diese Skizze nicht geöffnet. Der Skizzenname muss mit dem Ordnernamen übereinstimmen. Um dann Bilder in Ihrem Ordner hinzuzufügen, müssen Sie einen Ordner namens data hinzufügen. In diesem Datenordner haben Sie nun alle Dateien, Sie dann in die Skizze importieren. Wenn Sie also eine Textdatei oder eine Bilddatei oder einige SVG-Dateien haben, über die wir später im Abschnitt Typ sprechen werden. Du musst es hier reinlegen. Dies wird nicht standardmäßig erstellt. Sie müssen in Ihren Sketch-Ordner gehen. diesem Grund müssen Sie, wenn Sie Witze machen, bildbezogene Skizzen oder irgendetwas, das Sie zum Importieren oder Laden von etwas in die Skizze benötigen, Ihre Skizze speichern und Daten erstellen -Datei, in der Sie alles hinzufügen, was Sie in Ihre Skizze importieren möchten. Hier habe ich dieses Bild. Sie können dieses Bild von unsplash.com herunterladen. Ich werde den Link zu genau diesem Bild im Notizenbereich des Videos haben . Gehen Sie die Website durch und wählen Sie das Bild aus , das Ihnen am besten gefällt. Also wähle ich dieses Bild aus und wir werden es jetzt sehen , sobald wir es in unsere Skizze geladen haben. Damit das funktioniert, muss ich diese Skizze speichern. Wenn ich diesen Ordner öffne, können Sie sehen, dass er image1 heißt und darin befindet sich die Sketch-Datei. Jetzt muss ich hier einen neuen Ordner erstellen. Nennen wir es Daten. Darin kopiere ich das Bild, das ich habe, und füge es ein. Jetzt habe ich in meinem Datenordner diese Bilddatei. Jetzt kann ich meinen Ordner schließen und jetzt können wir mit dem Bild arbeiten. Für das Bild ist es der P-Form ähnlich. Also werde ich einfach das PPI-Bild verwenden , wie ich einen beliebigen Datentyp verwende. Und dann nenne ich es einfach Bild oder Kurzschrift des Wortes Bild. Und dann werde ich in meiner Setup-Funktion mein Bild laden. Ich werde Bild laden sagen, und jetzt verwende ich den Dateinamen. Der Dateiname ist eine Zeichenfolge, die Sie innerhalb des Ladebilds verwenden werden. diesem Grund, wenn ich sagte, einer der Gründe, warum Sie eine Zeichenfolge verwenden würden , besteht darin, sie innerhalb eines Ladebildes oder beim Laden einer Textdatei zu verwenden . Sie können dies auch in eine Variable namens filename oder einen anderen Namen einfügen, den Sie nennen möchten. Aber ich denke, es ist in Ordnung, es hier hinzuzufügen , weil es ein Kurzname ist. Sie können auch Ihren Dateinamen ändern und ihn dann hier ändern, wenn es für Sie einfacher ist. Aber ich werde das Original lahm halten. Wenn ich das jetzt durchführe, wirst du nichts sehen. Der Grund dafür ist, dass das Bild wiederum der Form sehr ähnlich ist , als wir die benutzerdefinierte Form erstellt haben. Also nenne ich es innerhalb einer Bildfunktion. Dann setze ich es auf 00. Aber wenn ich es jetzt starte, wirst du Teil des Bildes sehen, weil das Bild unglaublich groß ist, wir müssen es auf die Leinwand skalieren. Wir können dies tun, indem wir die Bildpunktgröße verwenden. Dies ist Teil der PPI-Bildklasse, die die Größe Ihres Bildes an die von Ihnen angegebene Größe anpasst. Also werde ich Breite und Höhe machen. Es wird tatsächlich Ihr Bild oder Obscura-Bild dehnen , wenn es verwendet wird, um die Größe mit einer beliebigen Auflösung zu ändern. Wenn Ihr Bild eine andere Auflösung als ein Quadrat hat, können Sie es vielleicht ausschneiden oder es einfach auf einen Punkt mit derselben Auflösung skalieren, aber auf einen Punkt, an dem Sie den Großteil des Bildes sehen können deine Leinwand. Also kann ich hier jede Größe machen, vielleicht will ich 200 mal 400 machen. Das wird eine rechteckige Form haben und es wird mir tatsächlich ein bisschen Frauen machen. Aber ich wollte dir nur zeigen, dass du jede Größe machen kannst, die du willst. Ich bleibe einfach bei welcher Breite, Breite und Höhe. Jetzt, wo wir unser Image haben, können wir tatsächlich damit herumspielen. Eine meiner Lieblingsmethoden, mit Bildern zu spielen , ist die Verwendung der Kopierfunktion. Die Kopierfunktion nimmt im Grunde ein Bild auf und kopiert einen Abschnitt oder ein Rechteck des Bildes und fügt es an einer anderen Stelle oder an der Stelle ein, an der Sie es einfügen möchten. Das erste Argument, das es braucht, ist das Bild. Also sage ich einfach Bild. Nehmen wir zuerst einen Abschnitt vom Null-Null-Punkt. Ich sage ab 00 Uhr. Dann wähle ich eine Breite und Höhe. Stellen Sie sich vor, wenn ich die Rechteckfunktion innerhalb der Kopierfunktion verwende , nimmt die Rechteckfunktion die x- und y-Position Dies ist die Startposition, die die obere linke Ecke des Rechtecks ist. Und dann braucht es eine Breite und eine Höhe. Ich werde vielleicht 100 mal 100 machen. Und dann werden wir es an einem anderen Ort positionieren. Ich wähle die Mitte des Bildschirms. Sagen wir also 200 mal 200. Und dann nehme ich dieselbe Größe. Ich möchte die Größe nicht ändern. Sie können die Größe ändern. Vielleicht willst du es größer machen, aber ich werde es in der gleichen Größe behalten. Jetzt kannst du sehen, dass ich diesen Brocken hier rüber nehme und ihn hier drüben lege. Es ist jetzt auf der Position von 200 mal 200, aber es wurde von einer Position von 0 mal 0 Werten genommen. Anstatt eine Reihe von Werten zu haben, wähle ich jedes Mal einen zufälligen Wert. Dafür wird es ein zufälliger Wert von 0 bis Breite sein . Dafür möchte ich einen zufälligen Wert von 0 bis Höhe. Dann möchte ich es auch auf einen zufälligen Wert von 0 bis Breite und einen Zufallswert von 0 bis Höhe positionieren einen zufälligen Wert von 0 bis . Dies wird vom Bildschirm verschwinden, also drücke ich bei dieser Funktion die Eingabetaste. Jetzt habe ich meine X- und Y-Startposition, meine Breite und Höhe und dann meine Endposition x und y und meine Endhöhe getrennt meine Breite und Höhe . Sie können Command T oder Control T unter Windows drücken , um die Ausrichtung zu korrigieren. Dies wird sich beschweren, da die Funktionskopie Parameter erwartet, die ganze Zahlen sind. Und ich habe Floats implementiert. Ich kann also nur Interessen äußern. Jetzt konvertiere ich all diese Float-Werte in ganze Zahlen. Jetzt wird es funktionieren. Wenn ich also auf Play drücke, sehen wir zufällige Quadrate auf dem Bildschirm. Es kopiert also von einer zufälligen Position und fügt es dann an einer anderen zufälligen Position ein und es sticht immer wieder dasselbe. Und es nimmt seine Ausschnitte aus dem Bild. Ich werde das Design auf zehn mal Höhe ändern. Jetzt wird jedes Rechteck tatsächlich sehr dünnen Linien bestehen. Dadurch erhalte ich ein besseres Bild. Aber anstatt sie von 00, von 0 auf Breite gehen zu lassen, möchte ich meinem Design einen Rand hinzufügen. Ich erstelle eine Ganzzahl namens Margins. Und ich gebe ihm 50 Pixel weil ich möchte, dass sich die Ausschnitte nur in der Mitte befinden und ich möchte, dass der Rand dieses Standbild des Originalbildes hat. Um dies zu tun, muss ich die Position der Rechtecke, die ich erstelle, nicht von 0, sondern vom Rand aus festlegen die Position der Rechtecke, die ich erstelle, . Wenn ich das ausführe, möchte ich, dass es auf der rechten Seite, auf der rechten und linken Seite eine Grenze gibt. Um einen Rand auf der linken Seite zu erhalten, erhalte ich eine Zufallszahl, nicht von 0 bis nass, sondern vom Rand, der 50 Pixel bis zur Breite minus dem Rand beträgt . Also machen wir das. Wenn ich das ausführe, kannst du sehen, dass es hier 50 Pixel wo es keine Linien gibt und es gibt ein Pixel hier drüben, wo es keine Linien gibt. Damit die Höhe funktioniert, werde ich es nicht zufällig machen. Ich werde die zufällige Positionierung nur von rechts nach links vornehmen , aber von oben nach unten. Ich werde das am Rand nach unten drücken. Die y-Position für die Y-Startposition wird also Margin sein. Und dann wird die letzte Y-Position auch die Marge sein. Jetzt haben wir oben einen Rand. Wenn ich das jetzt durchführe, haben wir oben eine sehr klare Grenze. Wir haben klare Grenzen auf der linken und rechten Seite, aber wir haben keine unten. Der Grund dafür ist , dass wir tatsächlich die Höhe als Ganzes nehmen. Wir müssen die Ränder von der Höhe abziehen. Wir haben also zwei Margen, was bedeutet, dass wir die Marge multipliziert mit zwei subtrahieren müssen , weil wir zwei haben. Ich mache dasselbe für beide. Wenn ich es jetzt starte, können Sie sehen, dass wir einen sehr schönen Rand des Originalbildes haben . Und das gibt ihm einen viel schöneren Blick. Es macht es auch schöner, weil jetzt die Höhe erreicht ist und sich zufällig bewegt, was bedeutet, dass der Blues die meiste Zeit oben bleiben wird. Der einzige Grund, warum es ein bisschen Rosa gibt , ist dass es nicht alles blau ist, wie die Mitte. Und deswegen auch. Aber die meisten Linien sind blau und dann hier unten wird es rosa und ein dunkleres Rosa sein. Es gibt also mehrere Rosatöne. Das Letzte, was ich für dieses Beispiel tun möchte , ist zu überprüfen, ob die Bildanzahl größer als 120 oder eine beliebige Zahl ist. Genau darin sah mein Design am besten aus. Ich möchte die Schleife beenden. Sie werden feststellen, dass die Schleife tatsächlich stoppt. Es hörte nach 120 Bildern auf. Wenn ich jetzt FrameCount drucke, werden Sie sehen, dass es von eins auf 120 wechselt und dann stoppt es. Weil die Schleife gestoppt wurde. Eigentlich ging es zu eins zu eins , weil wir prüfen ob es größer als einundzwanzig ist, einundzwanzig ist größer. Und da hörte die Schleife tatsächlich auf. Also hörte es nach 121 Frames auf. Das ist also auch ein guter Weg, um Ihr Design zu stoppen. Sie können es also vielleicht ausdrucken oder für die spätere Verwendung speichern. Sie können auch Random Seed mit einer beliebigen Zahl verwenden . Normalerweise fange ich mit 0 an. Dann wird es jedes Mal, wenn dies ausgeführt wird, dieselben Zufallswerte haben. Es wird also die gleichen Endergebnisse haben. Im nächsten Beispiel erstellen wir eine Collage aus mehreren Bildern. 40. Bild: Beispiel 2: Erstellen Sie in diesem Beispiel eine Collage. Für eine Collage benötigen wir mehrere Bilder in unserem Datenordner. Und ich habe diese Datei erstellt, ich habe diese Datei gespeichert , und ich habe einen Datenordner erstellt. Und darin habe ich all diese Formen. Sie können also beliebige Formen haben. Ich habe ein paar Sechsecke, Achtecke, einige Blumen und einige Dreiecke geschaffen . Dann ist das sehr wichtig. Ich werde im Projektbereich auf diesen Ordner verlinken. Wenn Sie jedoch Ihre eigenen Formen erstellen möchten, stellen Sie sicher, dass Sie sie in PNG erstellen und sie einen transparenten Hintergrund haben. Wenn Sie den Hintergrund möchten, können Sie gerne JPEG oder PNG mit einem weißen Hintergrund verwenden . Und dann musst du sie mit Zahlen benennen. Für den ersten habe ich das Schlüsselwort blue hinzugefügt, nur um anzuzeigen, dass es sich um eine blaue Farbe handelt. Und dann fing ich an zu zählen. Für diesen ist es also 0102, addieren Sie sich zu 06, eigentlich bis zu 09. Ich habe diese Türkis in das Blau aufgenommen. Und dann dasselbe für Grün, dasselbe für Orange und Pink und Rot. Sie haben alle neun Bilder. Sie alle müssen für dieses Beispiel eine konsistente Nummerierung haben , da wir eine for-Schleife verwenden , die von 0 bis neun zählt, eigentlich von eins bis neun. Sobald Sie Ihren Ordner fertig haben, gehen wir in das Beispiel. Dafür benötigen wir als Erstes die Schlüsselwörter in Ihren Dateien. Für mich ist es also blau, grün, orange, rot und pink. Ich werde die Bildnamen erstellen. Und ich werde sie in ein String-Array einfügen. Und ich nenne sie einfach Bildnamen. Ich lege sie hier direkt in das Array, weil ich nur fünf Schlüsselwörter habe. Es ist nicht erforderlich , es zu initialisieren und mit einer for-Schleife zu generieren. Und jetzt initialisiere ich die Zählung für die Bilder. Dafür brauche ich eine Ganzzahl und nenne sie Bildanzahl. Und ich setze neun, weil ich neun Emittenten habe. Und da wir eine Reihe von Bildern laden und sie dann auf dem Bildschirm positionieren werden. Ich werde eine Klasse erstellen, weil es für uns viel einfacher sein wird, darin zu navigieren. Und ich nenne es ein großes Bild. Und hier drin brauche ich einen Dateinamen. Also, wenn ich ein Bild lade, benötige ich diese Eingabe. Also lege ich das hier hin. String-Dateiname. Dann brauche ich natürlich das PPI-Bild weil ich das Bild mit diesem Dateinamen lade. Dann brauche ich eine x- und y-Position sowie eine Breite und Höhe. Manchmal füge ich diese, die Position und die Größe von Formen oder Bildern hier gerne als Variablen hinzu. Und wenn ich sie dann nicht brauche oder wenn ich feststelle, dass ich diese Variablen nicht brauche, werde ich sie dann einfach ändern. Weil es viel einfacher ist, mit Variablen zu beginnen falls Sie Dinge an mehreren Stellen ändern möchten. Und wenn Sie dann feststellen, dass Sie es nur einmal verwenden, können Sie die Variable einfach entfernen. Das ist ein anderer Weg oder ein anderer Ansatz zum Erstellen von Variablen. Dann erstelle ich den Konstruktor. Dann rufe ich den Dateinamen der Parameterzeichenfolge auf. Nur damit wir, nur, damit es für uns einfacher ist zu wissen, dass sie mit dieser Zeichenfolge hier verknüpft wird. Und hier werde ich natürlich den Dateinamen schreiben, der dem entspricht, was in diese Klasse eingegeben wird. Dann werde ich mein Bild laden. Ich verwende den Dateinamen. Dann wird der Dateiname kein PNG oder JPEG haben. Sie können den Benutzer veranlassen, die Datei mit der Erweiterung einzugeben. Aber im Moment, da ich weiß, dass alle meine Bilder PNGs sind, bleibe ich einfach bei PNG, besonders wenn Sie möchten, dass Ihr Programm nur PNG mit einem transparenten Hintergrund hat , damit es funktioniert, dann ist es besser , wenn Sie die Erweiterung initialisieren und den Benutzer bitten, den Bildnamen einzugeben. Ich gebe ihm eine Breite und eine Höhe. Ich mache 120 mal 120, nur weil ich es vorher getestet habe. Und ich weiß, dass 120 funktionieren werden. Dann gebe ich für x oder für die Position einen zufälligen Wert von 0 bis eins. Dann für y von 0 bis Höhe. Und danach ändere ich die Größe der Bilder, weil meine Bilder ein bisschen sind. Weil ich keine Pixelierung haben möchte, obwohl meine Leinwand 400 mal 400 ist, erstelle ich immer so, als würde ich ein größeres Canvas erstellen, nur für den Fall , dass ich eines Tages darauf zurückkommen möchte und speichern Sie vielleicht einige der Bilder. Ich werde die Größe auf 120 mal 120 ändern. Ich weiß, das scheint, als ob es hier nicht benötigt wird, weil wir es nur einmal benutzen. Warum also 120 mal 120 verwenden? Dann ändere ich die Größe hier durch die Variablen, wenn ich nur die Größe um einundzwanzig, eins-zwanzig ändern kann. Aber ich mache später etwas. Sie werden sehen, dass ich jetzt alle Bilder mit dieser Klasse laden werde. Ich werde ein Array dieser Klasse namens images erstellen. Dann initialisiere ich zuerst das Array. Neil-Collagenbild. Die Länge des Collage-Bildarrays wird der Bildname sein, der mit der Bildanzahl multipliziert wird , da wir neun Bilder von jedem dieser Bildnamen haben , multipliziert mit der Bildanzahl. Und jetzt werden wir die gesamte Liste der Bilder aufnehmen . Als nächstes werde ich die Instanzen des Collage-Bildarrays erstellen , also nur die for-Schleife. Und es wird erweitert, bis Bildnamen, Punktlänge und Inkremente um eins erreicht sind. Dieses Array wird fünfmal wiederholt, da wir es nur auf die Punktlänge des Bildnamens erweitern . Hier innerhalb der Collage-Bilder werden also nur die ersten fünf Werte haben. Ich muss eine weitere Schleife verschachteln, die neun Mal basierend auf der Bildanzahl für jeden der Namen innerhalb dieses Arrays iteriert basierend auf der Bildanzahl für . Ich werde neun Mal eine Schleife durchführen, Ich werde neun Mal eine Schleife durchführen um die Namen zu erhalten für die Bilder korrekt. Jetzt wird meine zweite Schleife die Bildzählung durchlaufen. Jetzt haben wir die Länge des Collage-Bildes. Allerdings kann ich nicht einfach ab und zu Bilder machen und dann einfach gehen, weil ich nur von 0 auf vier gehe. Aber dieses Bildarray ist viel größer. Es ist tatsächlich fünf multipliziert mit neun. Also muss ich den Index hier drüben mit I und j machen. Hier kommt KI ins Spiel. Und dann multiplizieren wir es mit der Anzahl der Bilder. Bevor ich etwas mache, möchte ich die Werte hier unten in der Konsole ausdrucken , damit Sie sehen können, was ich mit den Bildzählungen multipliziert habe mit den Bildzählungen multipliziert während der ersten von 0 geht. 0 multipliziert mit neun, was der Bildanzahl entspricht, wird also 0 sein. Und für den zweiten wird es eins multipliziert mit neun sein, was uns neun ergibt. Und dann neun multipliziert mit zwei, weil ich zwei sein werde. Und das Gleiche gilt für alle. Und dann wird der letzte vier sein , multipliziert mit neun, was uns 36 ergibt. Das gibt uns also nicht von 0 bis zum letzten Wert , den wir brauchen. Neun multipliziert mit fünf ergibt 45. Wir brauchen das, um auf 45 zu steigen. Was Sie hier bemerken werden, ist, dass dies von 0 geht und dann auf neun springt. Aber wo ist mein 128128 ist im Grunde die ersten Neun, wo das Blau ist. Also bekomme ich nur den ersten für Blau und dann den neunten Index in meinem Collage-Bild, und das ist das Grün, das ist der Anfang des Grüns. Und dann wird 18 der Beginn der Orange sein. Aber ich muss von jedem von ihnen neun Bilder hinzufügen. Da kommt J ins Spiel. Ich füge j hinzu. Denn für die ersten neun Positionen, wo es hier 0 ist, werden wir j hinzufügen. Der erste wird also 0 sein, der zweite wird eins sein, der dritte wird zwei sein und so weiter. Dann, hier, wenn wir neun sind, wenn das einer sein wird, werden all das neun sein. Und wenn wir dann j hinzufügen, werden sie statt nur 99101112 sein , weil neun plus 0, was die erste Iteration des j ist, neun sein wird und dann neun plus eins werden zehn sein. Also werden wir das ganze Array haben. Also lasst uns das tatsächlich ausdrucken und sehen, was passiert. Wir haben unser ganzes Spektrum. Wir haben also von 0 bis Freitag fünf oder tatsächlich 44, weil wir von 0 gehen, aber wir haben 45 Positionen, was unser Collage-Bildarray abdecken wird. Ich werde dieses und ungewöhnliche dieses aktive J hier entfernen . Es ist ein bisschen kompliziert, einfach damit anzufangen. Aber sobald Sie das Konzept verstanden haben und es mit der Druckzeile durchgegangen sind und gesehen haben, wie die Dinge tatsächlich funktionieren, können Sie i sogar durch j ersetzen und sehen, was funktioniert und was nicht. Ich denke, Fehler zu machen hilft einem besser zu verstehen, was passiert. Für mich. Ich verfolge nicht nur gerne Tutorials, sondern ich mache gerne Fehler und probiere verschiedene Dinge aus, auch wenn sie mir gesagt haben, dass es nicht das richtige Ergebnis bringt, ich möchte nur sehen, was passiert, wenn es schief geht. Ich verstehe also, was passiert, wenn es richtig läuft. Jetzt haben wir die Werte für unser Bildarray hier drüben. Und ich gebe ihm Werte. Jetzt können wir die Instanzen der Collage-Image-Klasse erstellen . Ich sage einfach neues und dann collagiertes Bild. Deshalb habe ich diesen Parameter hier erstellt, weil ich Dateinamen innerhalb der for-Schleife generieren möchte . Und wenn ich das alles innerhalb meiner For-Schleife machen müsste, würde es sehr lang sein. Es ist also viel einfacher, hier eine Klasse zu erstellen. Wir wissen, dass die Namen der einzelnen Bilder mit den Bildnamen beginnen. Also fange ich mit Bildnamen an. Und sie werden KI haben , weil KI in der Punktlänge des Bildnamens durchgeht, dann füge ich zu dieser Zeichenkette den Unterstrich 0 hinzu, weil ich weiß, dass meine Dateien den Bildnamen haben und dann Unterstreichen Sie 0 und dann die Iteration oder die Nummer der Bildanzahl. Und dann verkette ich einen anderen Wert mit der Zeichenkette. Und es wird J plus eins sein. Ich habe j plus eins in Klammern, weil ich möchte, dass dies viel stärker wird und ich möchte, dass es zuerst passiert. Wenn ich das entferne, wird das j verketten und dann wird es eine Eins hinzufügen. Um das besser zu sehen, drucken wir es aus. Ich werde das kommentieren, also passiert nichts. Wenn ich das ausdrucke. Du wirst sehen, dass wir Blau haben und dann 001, weil j 0 ist, wird es eins sein. Dann wird für den nächsten 0 und dann 11 sein. Es sieht also so aus, als wäre es eine Verkettung mit der Zeichenkette und es sieht es nicht so an, als würden wir es zu j hinzufügen. Aber ich möchte es zu j hinzufügen, weil j mit 0 beginnt und ich anfangen möchte mit einem. Also füge ich Klammern um diese Berechnung stärker als die anderen zu machen. Also das wird zuerst passieren und dann habe ich diese Nummer zur Zeichenfolge gemacht. Wenn Sie sich das ansehen, haben wir die richtigen Zahlen. Für Blau heißt es nun Unterstrich 0. Dies ist ein Unterstrich 0. Und dann ist dies der Richtige. Jetzt funktioniert es also. Ich füge die Klammern hier hinzu. Und alle meine Bilder befinden sich tatsächlich in meinem Array. Wenn ich das überprüfen möchte, kann ich Array drucken. Sie können sehen, dass wir jetzt viele verschiedene Klassen oder Instanzen der Klasse in meinem Bildarray haben. Du wirst nicht sehen, was drin ist wenn du nicht darauf eingehst. Wenn Sie also darauf eingehen möchten, müssen Sie es innerhalb der Schleife ausdrucken. Also können wir diesen Index verwenden. Weil diese Variablen nur lokal in den for-Schleifen sind. Dann drucke ich die Dateinamen aus. Ich kann sehen, dass alle Dateinamen tatsächlich innerhalb des Arrays hinzugefügt wurden. Als Nächstes zeichnen wir die Bilder tatsächlich auf den Bildschirm. Da das ein statisches Design sein wird, mache ich hier einfach eine Schleife. Fühlen Sie sich frei, ein animiertes Design daraus zu machen. Aber von meinem Design her werde ich es statisch machen. Okay, um nun die Bilder zu positionieren, die im Bildarray gespeichert sind, werde ich auch eine weitere für die Schleife erstellen, aber dieses Mal geht die for-Schleife tatsächlich von 0 auf die Länge dieses Glanzes Bild-Instanz-Array Und um das Bild oder die Bilder tatsächlich zu zeigen, mache ich ein Bild. Und dann werde ich darin das Bilder-Array und den Indexwert verwenden. Und weil mir das nur die Instanzen dieser Klasse geben wird, muss ich hier reingehen und mir das Bild machen. Das wird mir also eine Instanz der Klasse geben, und ich benötige das Eigenschaftsbild, um das Bild, das in dieser Klasse geladen ist, tatsächlich anzusehen . Beginnen wir damit, es in der Mitte zu positionieren. Nur um zu sehen, dass es funktioniert. Jetzt habe ich alle meine Bilder, aber sie sind nicht wirklich in der Mitte, weil Bilder wie Rechtecke aus der oberen linken Ecke gezeichnet werden . Wir können das ändern, indem wir den Bildmodus verwenden. Ich werde es in den Mittelpunkt stellen. Jetzt zeichnet es tatsächlich aus der Mitte. Das ist großartig. Anstatt jetzt alle Bilder in der Mitte des Bildschirms übereinander zu zeichnen , verwende ich hier die x- und y-Positionierung. Ich habe also eine zufällige Breite und eine zufällige Höhe. Wir können das tun, indem wir auf jede der Instanzen eingehen. Dann gehe ich zu x. Wenn ich das mache, kann ich sehen, dass wir eine zufällige X-Positionierung haben oder weil wir die y-Position nicht geändert haben, befindet sie sich immer noch in der Mitte des Bildschirms auf der Y-Achse. Um das zu ändern, erstelle ich nun eine Variable namens position. Warum? Weil das ein bisschen lang wird und keinen Sinn macht, es hierher zu stellen und es wird nicht mehr lesbar sein. Jetzt brauche ich Reihen oder fünf Reihen für jede der Farben. Erstellen Sie nun eine Zeile für jeden der Bildnamen oder PTH der Farben. Ich muss die Höhe durch Bildnamen teilen. Jetzt werde ich fünf Reihen gleicher Höhe haben, aber jetzt sind sie alle an derselben Stelle. Also muss ich es mit dem Auge multiplizieren. Aber jetzt wird das nicht mehr funktionieren , weil wir eine andere Array-Länge haben. Was wir hier getan haben, ist die Art und Weise zu ändern, wie wir den Index für die Bilder schreiben , damit sie tatsächlich mit der Länge dieser beiden Arrays funktionieren. Aber jetzt haben wir das Gegenteil. Wir haben Bilder dieser Länge. Jetzt haben wir 45 hier. Es wird also von 0 auf 45 steigen, was bedeutet, dass jedes dieser Bilder in einer anderen Zeile platziert wird . Also passt nur diese Nummer hier rein. Stattdessen teile ich die Höhe durch Bilder dieser Länge. Jetzt haben wir alle Bilder und wir haben immer noch das Blau oben und dann das Grün hier drüben und dann Orange, Rot und Rosa, was in dieser Reihenfolge hier drüben ist. Wenn Sie die Reihenfolge ändern möchten, können Sie sie hier ändern. Und beachte nur, dass der erste immer unten sein wird. Also kannst du sie vielleicht ändern. Sie können Ihr Array mit einer der Sortierfunktionen sortieren, oder Sie können Ihre eigene Sortierung erstellen bei der Sie einfach alles durcheinander bringen können, sodass Sie eine andere Farbe über einem andere Farbe. In meinem Originalbild hatte ich tatsächlich einen schwarzen Hintergrund, wodurch die Farben ein bisschen mehr zum Leuchten kommen. Anstatt durch die Höhe zu teilen, teile ich es jetzt durch die Höhe minus die Höhe der Bilder, nur um diese Ausschnitte hier zu vermeiden. Wenn ich das jetzt ausführe, kann ich sehen, dass es tatsächlich die Höhe von der tatsächlichen Höhe subtrahiert und dann durch die Punktlänge der Bilder dividiert und die Zeilen erstellt. Jetzt muss ich die Hälfte davon hinzufügen, damit ich all dies auf die Position meiner Frau in den Bildern reduzieren kann. Und wenn ich das jetzt starte, haben wir oben oder unten keine Ausschnitte. Und ich kann dasselbe für das x tun. Also werde ich die Position x erstellen , anstatt sie hier zu platzieren. Und hier nenne ich Position x. Und füge Bilder hinzu, die ich durch zwei geteilt habe, also die Hälfte der Breite der Bilder. Und jetzt sind sie hier nicht ausgeschnitten, sondern sie sind hier ausgeschnitten, weil wir tatsächlich einen zufälligen Wert von 0 bis Breite erhalten. Und ich muss einen zufälligen Wert von 0 bis minus der Breite erhalten . Und deshalb verwende ich hier tatsächlich Variablen , weil ich wusste, dass ich das hier gebraucht hätte. Wir können dasselbe auch für die Höhe tun, indem wir einen zufälligen Wert erhalten. Aber weil wir das Y hier nicht wirklich benutzen, benutzen wir nur die Exposition. Wir können es hier nicht wirklich schaffen es sei denn, wir verwenden die zufällige Positionierung. Also mache ich es stattdessen hier drüben. Jetzt haben wir sie alle in der Mitte. Es gibt keine Ausschnitte. Du kannst das immer und immer wieder ausführen. Und Sie werden verschiedene Variationen sehen und Sie können hier zufällige Samen hinzufügen , um immer wieder dieselben Ergebnisse zu erzielen. Wenn ich das einfach ausführe, sollte es jedes Mal dasselbe sein. Sie müssen den zufälligen Startwert vor Ihre Zufälligkeit setzen. Aber da sich die Zufälligkeit tatsächlich innerhalb dieser Klasse befindet, können Sie entweder zufälligen Seed hier einfügen oder Sie können ihn einfach einfügen, bevor Sie die Instanzen der Klasse erstellen. Wenn du es hier rüberlegst, wird es nicht funktionieren. Es wird die Zufälligkeit erzeugen und dann wird es den zufälligen Startwert geben. Ihr Computer betrachtet Ihre Codes also nur in chronologischer Reihenfolge. Also geht es von Zeile eins hier unten. Sofern es keine Funktion gibt, geht sie zur Funktion und ruft alles dort auf. Und dann geht es zurück zu allem, was unter dem Aufruf der Funktion liegt. Das ist alles, was wir über Collider oder das Laden mehrerer Bilder in unsere Leinwand wissen müssen. Als nächstes sprechen wir über ein anderes Thema, nämlich die Topographie. 41. Typ: Beispiel 1: Wir sind fast fertig. Die Beispiele waren im letzten Abschnitt der Entwurfsgrundlagen. Und für diesen Abschnitt der Beispiele werden wir über Typografie oder Typografie sprechen, die speziell in Bearbeitung ist. Wir haben gelernt, wie Teoh Formen in einem vorherigen Abschnitt mit der P-Formklasse erstellen, und wir lernen, wie man Bilder in das Bild des Abschnitts des Entwurfs Grundlagen Beispiel lädt. Wir werden diese beiden mit Typ kombinieren, um so etwas zu schaffen. Nein, das ist ein Tippprogramm. Was auch immer Sie jetzt in diesem Design sehen, sind tatsächlich Buchstaben, die in Formen umgewandelt , die ich mit SP importiert habe. Gott, du sollst das nicht tun, wir werden mit einer Reihe von Alphabeten beginnen, die wir in Zeichen zerlegen , die wir dann mit der Tastatur verwenden können, um diese Designs einzugeben. Außerdem habe ich diese Skizzendatei gespeichert, weil ich eine Datendatei benötige, um meine SCG-Dateien ablegen zu können. Und so habe ich meinen Datenordner hier in meinem Skizzenordner. Und dann, wenn ich darauf klicke, werden Sie sehen, dass ich alle meine SPG-Dateien von A bis Z habe. Sie können auch Leerzeichen und Kommas und Punkte Vogel für dieses einfache Beispiel hinzufügen. Ich habe nur von a bis Z getan und ich werde mit diesem wilden sowie dem Projektabschnitt unten verbunden . , Wenn Sie benennen,müssen Sie schließlich konsistent sein, entweder verwenden Sie alle Kleinbuchstaben oder Großbuchstaben, und dann erstellt es eine andere Form für jeden Buchstaben basierend auf der Form des Buchstabens selbst. Sie können jedoch beliebige Formen erstellen, die Sie möchten. Vielleicht möchten Sie einen Blumenstrauß oder ein Bündel von Rechtecken mit verschiedenen Farben erstellen . Sie möchten also vielleicht den Buchstaben durch Farben anstelle von Shakes ersetzen. Aber ich werde dio-Formen und dann für Farbe, werde ich eine Farbpalette verwenden. Okay, ich beginne mit einer Zeichenfolge der anderen ein wenig, und ich werde eine Form für jedes Alphabet laden. Also werde ich P-Form-Array erstellen. Ich werde es Trips nennen. Innerhalb dessen werde ich das Array initialisieren, und ich werde ihm eine Länge der Alphabetzeichenfolge mit der Längenmethode und dem Grund warum ich die Länge verwende und stattdessen 28 nicht sage, weil Manchmal vielleicht möchten Sie Coghlan Sie wollen Anzeigen, Kommas und Punkte und all diese anderen Zeichen, und es ist viel einfacher, wenn Sie nur sagen Alphabet behandelt Link. Was auch immer Sie hier hinzufügen, es ist viel einfacher, die Länge zu berechnen dann jedes Mal anzunehmen oder zu zählen. Moment werde ich keine Farbpalette erstellen. Ich mache es und schwarz-weiß, bis es funktioniert. Und dann machen wir eine Farbpalette. Und das mache ich normalerweise, wenn ich meine Entwürfe großartig mache. Okay, jetzt kann ich die Alphabet-Länge hier drüben in meiner Schleife verwenden, die ich erstellen werde, wo ich alle Formen in die P-Form laden werde, richtig. Aber stattdessen werde ich nur eine Konstante erstellen, denn wenn ich andere Zeichen als das Alphabet habe, wird es ein anderes Array für diejenigen sein, um sie zu laden. Wir werden in Alphabet tun und für Constant, verwenden Sie normalerweise alte Kappen. Und es ist 26. Ich glaube, ich habe schon 28 gesagt, aber das ist Ah, das arabische Alphabet. Ich Es verwirrt mich manchmal. Also ja, es ist 26, dann werde ich vier ganze Zahlen machen, die ich gleich Null ist und dann werde ich kleiner sein als das Alphabet Ling. Okay, und im Inneren von hier werden wir die Formen in die Form der Rasse laden. Es wird also Formen sein, die ich und dann verwenden wir dieses Mal Lastform, weil wir keine erstellen, bevor wir verwendet haben, um Form zu erstellen. Und dann begannen wir mit Gestalt und Ende der Stolperung dazwischen. Wir haben die Vergis Leichtigkeit verwendet, aber in diesem Beispiel werden wir nur Shapes laden, die wir bereits zuvor erstellt haben. Und ich habe alle meine STD's als Illustrator erstellt, aber Sie können es online oder in jeder anderen Software tun. Okay, jetzt werde ich Form laden, mit den Namen aus den Dateien. Jetzt werden meine Dateien ein Punkt sgb nicht SPD und so weiter genannt. Also brauche ich jedes Zeichen in dieser Zeichenfolge, um jedes Zeichen zu erhalten. Es gibt eine Funktion namens char at oder car at für Strings, und es nimmt jedes Zeichen mit einem Index. Also dafür ist es genau wie eine Erhöhung für die 1. 1 Es ist bei Index Null für die 2. 1 es ist eins, und dann bis die Länge minus eins. Das wird also 25 sein. Also, wenn ich es tue? Es wird mir zu diesem Zeitpunkt den Charakter geben. Und dann werde ich zu Captain acht die Erweiterung, die dot svg ist. Nun, das ist mein letzter Name. Es wird jeder Charakter in diesem Zug sein und dann Punkt SPD Weiß er, dass sie geladen sind ? Ich gehe, Teoh hat sie zufällig gesetzt. Arzt. Also werde ich Form verwenden, wie wir zuvor verwendet haben, als wir unsere benutzerdefinierte Form erstellt haben, und dann muss ich wieder ein Array erstellen. Wir waren hier drin. Ich werde Formen machen, die ich an einer zufälligen Position, so dass Sie sie alle von der ER sehen können, um es gibt hier Höhe für warum? Und wenn ich das leite, werden wir sie alle überall sehen. Jetzt sind sie extrem groß. Wenn ich den Phil 20 ändere, aber mit einem Alfa Wert, wird nichts funktionieren. Der Grund dafür liegt darin, dass SPG oder die Shape-Stile nicht deaktiviert wurden. Nachdem Sie die Formen geladen haben, verwenden Sie einfach Stile, nicht deaktivieren, was eine Funktion mit der erbsenförmigen Klasse ist. Nein, es wird die Stile darauf anwenden. Also haben wir einen Schlaganfall, wenn ich diesen Schlaganfall entferne. Wir haben auch ein anderes Problem. Welches ist die Größe alle unsere SVG Zahra. Riesig. Sie können die Größe innerhalb Ihrer Shape-Funktion ändern, indem Sie zwei Parameter zu diesem oder zwei oder mehr Argumente hinzufügen, die die Breite und Höhe sein werden, werden 100 mal 100 tun . Nein, ich sehe, es gibt viele kleine Formen, und wir können es besser sehen, wenn ich es verlangsamen würde. Also werde ich auf drei Bilder pro Sekunde verlangsamen und ich kann die Formen sehen. Und wenn ich die Transparenz tatsächlich vergrößere oder entferne, können wir sehen, wie die Formen jetzt endlich funktionieren. Okay, aber was wir brauchen, ist nicht nur, sie auf dem Bildschirm zu zeichnen. Jeder Rahmen, den ich brauche, um eine Schreibmaschine zu erstellen, damit Ihre Schiffe erscheinen. Während Sie die Buchstaben auf der Tastatur eingeben. Ich werde die Schlüsselfunktion jetzt innerhalb der freigegebenen Schlüsselfunktion verwenden. Wenn ich das Schlüsselwort ausdrucke, werden wir sehen, dass jedes Mal, wenn ich tippe, Sie tatsächlich die Buchstaben sehen, die ich im Rat hier drüben eintippe . Ich werde dieses Schlüsselwort verwenden, um die Formen aus dem P-Form-Array zu greifen, wobei das Zeichen verwendet wird, das mit dem geklickten Schlüssel verknüpft ist. Nein, wenn ich die Formen hier drüben zeichne und ich werde sie vorerst in die Mitte stellen, werde ich die Größe ändern, weil sie riesig sind. Dies wird nicht innerhalb einer for-Schleife gehen. Das Auge wird als eine Variable erstellt werden, wo die Position wird der Index der Taste innerhalb dieser Array-Taste sein , die die Taste gedrückt oder auf der Tastatur losgelassen wird. Um das zu erhalten, gibt es eine andere Funktion in Strings namens Index von. Also, wenn ich Alphabet mache und dann den Index von dem Zeichen bekomme, das angeklickt wird, was der Schlüssel ist, wird es mir die Position geben, die ich hier drüben auch verwenden kann. Da wir die Formen innerhalb dieses Arrays geschoben oder geladen haben, basierend auf den gleichen Positionen dieser Zeichenfolge oder dieser Zeichen in dieser Zeichenfolge, ist dies die gleiche Sache, also wird es tatsächlich nach dem Schlüssel in dieser Zeichenfolge suchen, die Alphabetzeichenfolge, und wenn sie sie findet, gibt es den Index oder seine Position für Sie zurück, und dann können Sie diese Position verwenden, um dasselbe Zeichen derselben Form aus dem Shapes-Array an derselben Position zu erfassen . Know index Off wird einen negativen zurückgeben, wenn er keinen der Schlüssel findet. Also, wenn ich zum Beispiel den Platz gedrückt habe , wird es einen negativen zurückgeben, und dann wird es hier drüben danach suchen und es wird es nicht finden, also wird das nicht funktionieren. Es muss also eines des Hauses hier drin sein, dass man auf die Tastatur klickt. nun Wenn ichnunauf die Tastatur klicke, werden Sie sehen, wie die Formen funktionieren. Aber jetzt sind die Formen eigentlich nicht in der Mitte, denn wieder werden sie von der oberen linken Ecke gezeichnet. Wenn ich Shape Military für und in eine Mitte setze, und jetzt klicke ich auf die Tastatur wird auf dem Set sein, und ich muss sicherstellen, dass, wenn dies negative zurückgibt, dass dies nicht funktioniert, denn dann wird es sagen, dass dieser Index nicht im Array verfügbar und es wird einen Fehler auslösen. Also, wenn ich jetzt auf den Raum klicke, wird es Array-Index aus gebundener Ausnahme sagen, weil es kein negatives was gibt, also muss ich versichern, dass, wenn der Index des Schlüssels nicht wirklich negativ ist, dann tun Sie das denn wenn es negativ ist, dann hat es die Schlüsselindustrie nicht gefunden. Es kann das leicht tun, indem ein, wenn bedingter Index des Schlüssels verwendet wird, nicht negativ ist, und ich kann all dies tun. Und wenn Sie den Befehl T oder kontrolliertes T unter Windows hatten, können Sie den Einzug reparieren. Jetzt. Wenn ich auf die Leertaste klicke, weil es nicht vorhanden ist und die Alphabete trinken, dann wird es nichts passieren. wird kein Fehler ausgelöst. Aber wenn ich auf die anderen Buchstaben klicke, als sie gezeichnet sind, um zu sehen, dass sich das tatsächlich ändert, fügen wir die Farbpalette hinzu. Also habe ich bereits eine Farbpalette, die ich noch jung bin, um in meine Datei zu kopieren und einzufügen. Fühlen Sie sich frei, die gleichen Farben zu wählen oder wählen Sie Ihre eigenen. Anstatt hier den Phils Euro Everything zu benutzen,werde ich ihn entfernen. Anstatt hier den Phils Euro Everything zu benutzen, Ich werde keinen Schlaganfall lassen, und hier, innerhalb meiner bedingten, werde ich ein gefülltes aus dem Farben-Array hinzufügen. Wie Sie hier sehen können, gibt es Ah, Farben-Array, das ich nenne, es hat fünf Farben, und ich möchte eine zufällige Farbe verwenden, also kümmert ich mich nicht wirklich um die Färbung. Ich kümmere mich nur um die Formen, die mit den Schlüsseln verbunden sind. Um einen zufälligen Index innerhalb meiner eckigen Klammern zu erhalten, werde ich die Zufallsfunktion innerhalb der Zufallsfunktion verwenden. Ich werde die Länge des Arrays als mein Maximum verwenden. Fall, dass ich später Farben hinzufügen wollte, und jetzt wird es sich beschweren, weil ein Array oder Positionen im Array-Haus ganze Zahlen sind . Also werde ich das in einen Eindringling werfen, also wird das es umwandeln und es wird funktionieren. Jetzt. Wenn ich auf Spiel klicken und tippen, werden wir zufällige Farben erhalten, so dass Sie sehen können. Okay, wir bekommen verschiedene Formen, basierend darauf, wann ich tippe. Es ist Zeit, die Position dieser Reisen zu fixieren, denn sie übereinander zu setzen, wird nicht funktionieren. Es ist Zeit, eine Axt in Lebensposition zu erstellen, und hier werde ich X setzen und warum wird ein Zufallswert von Null zu Höhe sein , Aber ich werde tatsächlich dio von Null zu Höhe minus 100, was die Größe oder die Höhen jeder Form. Und ich werde Shape-Last für jetzt entfernen, weil ich von der oberen linken Ecke zeichnen wollte . Wenn Sie es aus der Mitte zeichnen möchten, fühlen Sie sich frei, dies zu tun. Aber dann müssen Sie die Positionierung reparieren, um die Formen nicht von oben und links gebunden zu bekommen . Denn wenn Sie aus der Mitte zeichnen, müssen Sie für diesen Abschnitt oben und links eng unterbringen. Aber es ist viel einfacher, wenn du das einfach entfernst und es von links oben ziehen lässt, was bedeutet, dass ich immer weiß, dass meine Form von der Oberseite und von der linken Seite sicher ist . Aber dann habe ich Zeh nur auf der rechten Seite in der unteren Seite arbeiten. Auf diese Weise weiß ich, dass, wenn ich von Null zu Höhe minus 100 tue, ich weiß, dass selbst die Formen, die am unteren Teil der Leinwand sein werden, sie nicht ausgeschnitten werden weil ich weiß, dass ich 100 entfernt oder subtrahiert habe, was die Größe der Höhe dieser Formen aus der Höhe der Leinwand, was bedeutet, dass ich die ganze Zeit sicher bin Jetzt, wenn ich renne, wird dieses X jedes Mal auf Null sein. Aber dann werden sie zufällige Höhe haben und Sie können sehen, dass sie immer auf der Kante der Unterseite und auf der Oberseite als auch. Wenn ich das entferne, wenn Sie testen möchten, kann es es entfernen und Sie können sehen, dass sie hier ausgeschnitten sind. Ich werde es zurück auf negative 100 oder Höhe minus 100 zurückgeben. Und jetzt sind wir in Sicherheit. Ich weiß. Lassen Sie uns am X arbeiten, damit es von hier oder von der linken Seite der Leinwand auf der rechten Seite der Leinwand gezeichnet wird. Um dies zu tun,muss ich jedes Mal um 100 kompensieren. Um dies zu tun, Also werde ich eine andere Variable namens Offsets erstellen, und ich werde sie der Exposition hinzufügen. Und dann muss ich ihm einen Wert geben. Wenn ich also „Ah 100 „hier drüben sage und das mache, wirst du sehen, dass du jedes Mal, wenn du tippst, nur einen Offset erhältst, weil das ein statischer Wert ist. Aber wenn ich anfänglich mit Null beginne. Und jedes Mal, wenn die Form gezeichnet wird, möchte ich den Versatz erhöhen. So Officer wird erhöhen um, Sagen wir 50 für jetzt und sehen, was passiert. Wir können sehen, dass es funktioniert. Nein, es ist eine zufällige Position, die höht, und dann wird es jedes Mal um 50 kompensiert. Und wenn ich den Offsetwert und USC ändere, ist es viel größer. Also 50 Jahre, gute Größe, der Grund, warum ich 15 anstelle von 100 verwende, weil ah, 100 die Ränder auf der rechten und linken Seite meiner STD umfasst. Wenn Sie sich die Akten hier ansehen, werden Sie sehen, dass es hier drüben einen Rand gibt, und ich habe einen Auftritt von 25 25 Pixeln geschaffen. Es gibt also 50 Pixel, so dass das tatsächliche Bild 50 Pixel weiß ist. Wenn ich also kompensieren will, werde ich mich um 50 versetzen, um die Formen aneinander zu kleben. Aber wenn ich um 100 kompensierte, behalte ich die Ränder, also wird es so aussehen, als gäbe es viel Platz dazwischen. Wenn Sie aktuelle ing zu Ihren Schiffen hinzufügen möchten, als ob Sie mit dem Typ arbeiten, dann sicher . Benutze die 100. Das liegt an dir. Jetzt entfernen Sie diesen Teil Trommel dieses Randes auf der linken Seite. Für die 1. 1 werde ich X bei minus 25 starten. Aber anstatt es innerhalb des freigegebenen Schlüssels zu tun, um zu vermeiden, dass jedes Mal auf minus 25 zurückgesetzt wird, werde ich es hier drüben setzen. Taten werden also minus 25 sein. Der Grund, warum ist hier drin? Weil ich jedes Mal, wenn die Schlüssel gesammelt oder freigegeben werden, eine zufällige Höhe erhalten möchte. Aber ich will es nicht. Teoh. Was? Ich möchte nicht, dass das X jedes Mal auf minus 25 zurückgesetzt wird, wenn die Tasten losgelassen werden. Jetzt funktioniert es besser, jetzt können Sie sehen, dass es keinen Rand auf der linken Seite für die 1. 1 und jeder danach ist nur 50 Pixel versetzt nach rechts. Nun, als ich jedes Mal zurücksetzen wollte, musste ich wieder auf den Play-Button klicken und dann stoppen und wieder zusammen y Bildschirm eines Reset statt. Durch Verwendung einer Rücktaste. Ich kann das leicht tun, indem ich ein anderes mache. Wenn jetzt, wenn dies negativ ist, dann existiert es nicht im Alphabet, was bedeutet, dass es ein anderer Buchstabe ist, der Rücktaste bedeutet, eine Retur-Taste, eine Leertaste. Also gehe ich Teoh, überprüfe, ob der Schlüssel eine Rücktaste ist. Wenn es keines der Zeichen ist, gibt es einen konstanten Wert namens Backspace native für die Verarbeitung. Es gibt auch bei der Eingabe, die wir verwenden werden, um eine neue Zeile zu erhalten, anstatt jedes Mal nur einen zufälligen Wert zu erhalten. Also, wenn der Schlüssel Rücktaste ist, dann möchte ich zurücksetzen. Wenn ich zurücksetzen möchte, was bedeutet, dass X zurück zu hier geht, was minus 25 bedeutet. Also werde ich X gleich minus 25 tun. Und dann möchte ich auch, dass der Offset wieder auf Null ist, denn wenn wir Null nicht versetzen, wenn es jetzt 100 ist. Als ich mich entschieden habe, setzt Teoh zurück und dann begann ich wieder zu schreiben. Es wird von 100 Pixeln beginnen und nicht von Null jetzt. Wenn ich das ausführe und beginne zu tippen, wenn ich die Rücktaste drücke, geht es von Anfang an zurück. Aber es entfernt nicht den Hintergrund, also muss ich auch den Hintergrund auf Weiß zurücksetzen, weil dies der anfängliche Hintergrund ist, nein Wenn ich beginne zu schreiben und dann Rücktaste drücke, wirst du sehen, dass es ein sauberer Schiefer ist und wenn ich schreibe alles von vorn, es wird von X minus 25 beginnen. Jetzt sehen wir, was passiert, wenn ich die Offsets nicht zurücksetze, die ausgeführt werden, so dass dies funktioniert . Und jetzt, wenn ich jetzt tippe, ist das 250 also Offset 250. Und wenn ich die Rücktaste drücke, wird die 1. 1 hier drüben sein, weil Offset 250 war und dann um 50 erhöht wurde. Jetzt sind es 300, also wird es ein 300 sein. Ich bin nur 25 zurückgezogen, weil Ex minus 25 war. Also muss ich den Offset jedes Mal auf Null zurücksetzen. Okay, wir führen das aus, und wenn ich treffe, kommt die Rücktaste von Anfang an zurück, also funktioniert es jetzt perfekt. Das gefällt mir. Warum hat Zufallswerte? Aber ich möchte nicht, dass es jedes Mal ist, wenn ich tippe, um zufälligen Wert zu erhalten. Ich wollte nur einen zufälligen Wert erhalten, wenn ich eingebe, oder wenn er aus diesem großen herauskommt, also werde ich überprüfen, ob der Schlüssel gleich eingeben ist und erst dann bekomme ich einen zufälligen Wert für die Höhe. Also bekomme ich eine neue Leitung. Jeder, wenn du lügst, um in irgendeiner Position zu sein. mir egal, dass es an einer bestimmten Position ist, also werde ich es einfach zufällig behalten. Aber dieses Mal wird es nur eine neue Zeile bekommen, wenn ich Enter drücke. Nein, Wenn ich darauf klicke und ich beginne zu tippen und dann hatte ich eingegeben, es wird eine neue Zeile zu bekommen. Aber es gibt noch ein Problem. S geht nicht zurück auf minus 25 der Offset geht nicht zurück auf Null. Also muss ich das noch einmal wiederholen. Nun, wenn ich das ausführe und dann Enter drücken, haben wir dieses Mal ein anderes Problem. Wenn ich zurück leere, bleiben wir in der gleichen Linie, in der wir waren, bevor wir die Rücktaste getroffen haben. Also gehe ich mit den Zeh. Setzen Sie auch die y-Positionierung hier ein und lassen Sie uns dies organisieren, um X zu haben, bevor wir es besser lesen können? Und wenn ich das jetzt laufe und ich beginne zu tippen und ich jedes Mal, wenn ich betreten hatte, bekomme ich eine neue Zeile und wenn ich dann auf die Rücktaste drücken, fange ich an zu tippen. Es wird von Anfang an beginnen, also wird alles zurückgesetzt. Jetzt ist alles in Ordnung. Dies ist nicht ideal, um denselben Code zu wiederholen, aber wir lernen etwas, das wir verwenden können, um Redundanz zu vermeiden. Und das sind Funktionen. So erstellt alles eine Reset-Funktion. Und hier werde ich den sich wiederholenden Code in eingefügtem RV hier nehmen und dann stattdessen werde ich einfach die Funktion verwenden, anrufen oder hier und hier sein. werde ich einfach die Funktion verwenden, Nein, wenn ich es leite, funktioniert alles gleich. Ich hatte Wut zu tun und Sie Linie, aber wenn es Rücktaste getroffen, wird es in eine andere Position gehen. Das letzte, was wir brauchen, um Dio ist zu vermeiden, außerhalb der Breite der Leinwand zu gehen. Wenn ich fortfahre,wird die Eingabe eingegeben und ich habe immer noch getippt, aber wir sehen es nicht mehr, weil ich der Breite des Bildschirms keine Begrenzung hinzugefügt habe. Wenn ich fortfahre, wird die Eingabe eingegeben und ich habe immer noch getippt, Wir könnten dies leicht tun, indem wir dies verwenden. Wir sitzen Funktion wieder innerhalb der verschiedenen von bedingten innen hier, so wie ich tippe, gehen zu sagen, ob X plus Offset größer als die Breite ist, dann bitte zurücksetzen und zu einem neuen Wein gehen. Es überprüft also, ob die Ausstellung vom Bildschirm geht. Eine linke Ecke jeder Form ist größer als der Witz. Dann müssen wir es hier zurücksetzen. Jetzt sind wir es zum letzten Mal laufen, und jetzt, wenn ich aus dem Bildschirm gehe, ist tatsächlich eine neue Zeile zu erstellen. Ich gehe nicht auf den Weg. Geben Sie alles ein, aber es geht immer noch zu jedem. Und wenn ich gehen will, wenn Sie Zeile, bevor ich die erste Zeile beendet, dann kann ich das mit mir machen. Einfach zurücksetzen. Ich kann immer noch zu einem neuen Löwen gehen, bevor ich die Breite treffe. Aber dann, wenn ich in den Westen gehen will, wird eine zufällige Ihr Leben für mich Nummer erstellen. Lernen Sie dieses Beispiel. Wir werden in der Lage sein, S P. G's in Ihre Dateien zu importieren , nicht unbedingt mit einer Schreibmaschine wie die, die ich erstellt, Sie können einfach SPG es als zufällige Formen verwenden, um auf Ihrem Bildschirm zu setzen. Dies ist eine weitere Möglichkeit, Ihre Shapes anzupassen, ohne benutzerdefinierte Shapes innerhalb der Verarbeitungzu erstellen , ohne benutzerdefinierte Shapes innerhalb der Verarbeitung Verwenden Sie Burgess Leichtigkeit, sodass Sie Ihre Formen jetzt als Vektor erstellen können, der in SVG und wichtig ist, anstatt blind zu zeichnen Shapes, von denen Sie das Ergebnis nicht kennen, es sei denn Sie führen das Programm immer und immer wieder im nächsten Beispiel des Typabschnitts aus dem Laden aus einer Datei aus. 42. Typ: Beispiel 2: für ein abschließendes Beispiel im Abschnitt „Design Basic“, werden wir über das Laden von Text aus einer Datei sprechen. Was also, wenn Sie Dateien mit Texten haben, die Sie aus Ihrem Messaging oder aus Ihren E-Mails oder so etwasexportiert werden aus Ihren E-Mails oder so etwas können und Sie eine Analyse damit machen möchten? Also werde ich Ihnen zeigen, wie Sie Text aus einer Datei laden, damit Sie ihn in der Verarbeitung verwenden können. Jetzt habe ich ein Produkt erstellt, in dem ich Texte in mein Projekt laden musste, um ein Design mit Formen zu erstellen , die Texte in Formen zu trinken und einige Albumgrafiken mit großen Zahlen zu erstellen. Dazu werde ich Texte von einem Song importieren, der in hohen hatte, seit ich angefangen habe Zoeys außergewöhnliche Playlist anzuschauen. Wird es das verwenden und Durcheinander Text auf einer Leinwand erstellen? Nein. Um Text aus einer Datei zu laden, müssen wir Ladezeichenfolgen verwenden, genau wie wir laden, formen und laden Bild. Wir werden auch Lasten Strings verwenden, um niedrigen Text aus der Textdatei. Also werde ich eine Zeichenfolge namens Text erstellen, und darin werde ich die Streams aus meiner verrückten Textdatei laden. Aber wenn Sie hier drüben sehen können, sagt es, dass Typfehler nicht übereinstimmen, weil Load-Strings tatsächlich auf Array von Stärken geladen werden, weil jede Zeile innerhalb dieser Datei eine Zeichenfolge oder ein Element innerhalb eines Arrays von Stärke sein wird . Also werde ich nur ein Array von Strings machen. Und jetzt, wenn ich Text prinze, werden wir den Inhalt der Akte sehen. Ich bin nur zu vergleichen. Ich habe meinen Ordner oder bin wieder hier und innerhalb meiner Datendatei, ich habe meine verrückte Textdatei-Skin trennen jede Zeile als ein einzelnes Objekt innerhalb der Zeichenfolge, und wenn ich tatsächlich nur drucken ist Ihre Position, bekomme ich die erste Zeile. Es steht also, ich erinnere mich, wann und hier drüben ich mich, wann. Also jetzt wissen wir, dass jede Zeile tatsächlich ein eigenes Element innerhalb der Strings ist, Ray, wenn ich eins mache, dann werden wir die zweite Zeile haben, die Sie hier sehen können, damit Sie genau die gleiche Zeile sehen können . Das einzige Problem dabei ist, dass jetzt, wenn ich will, Teoh trennen Sie jedes Wort auf eigene Faust, um es auf dem Bildschirm zu plotten. Ich werde das nicht leicht machen können. Stattdessen habe ich eigentlich nur eine Zeichenfolge für Text erstellt, und ich werde eine Funktion namens Join verwenden. Join verbindet im Grunde ein Array von Strings in einer Zeile von Strings mit einem Zeichen. Wenn Sie also mit einem Komma als jedes Element in der Zeichenfolge verbinden möchten, wird Array danach eine gemeinsame haben. Aber es wird zu einer Saite verbunden werden. Also lassen Sie es uns mit einem seltsamen, vielleicht aussehenden Charakteren ausprobieren , oder Sie können tatsächlich sehen, dass es verbunden ist. Kein Join erfordert ein String-Array und ein Zeichen. Jetzt wird das String-Array zurückgegeben werden, um Lasten Strings zu kaufen. Und dann ist der Charakter das, was du ihm hier und für Charaktere gibst. Ich werde vielleicht diesen Charakter benutzen, damit wir ihn sehen können. Und dann, wenn ich Zeilentext pflanze und es wird eine sehr lange Zeichenfolge sein, die durch dieses Zeichen verbunden ist. Also, wenn Sie hier sehen können, erinnere ich mich, wann und dann bekommen wir diese Linie und dann erinnere ich mich. Ich erinnere mich, als ich meinen Verstand verloren habe, und dann ist es eine andere Zeile, also wissen wir, dass es funktioniert, also statt dieser, werde ich es zu einem Raum machen. Ich möchte mich all diesen anschließen. Er ist in seinem Raum. All dies ist jetzt eine Zeichenfolge und jetzt wollen wir jedes Wort in eine Reihe von Wörtern trennen . Also werde ich ein anderes Array erstellen, in dem ich eine andere Zeichenfolge erstellen werde und es wird ein Array sein, diese Art. Und ich werde es Worte nennen. Wörter teilen im Grunde diesen langen Text mit jedem Leerzeichen in diesem Text. Also nicht nur der Raum, mit dem wir die Strings verbunden haben, sondern auch der Abstand zwischen den einzelnen Wörtern. kannst du tun. Verwendung dieser Clip-Funktion und Split nimmt in Argumenten eine Stärke und das Zeichen, nach dem Sie teilen möchten. Wenn Sie sich also entscheiden, durch den Buchstaben T als jeden Buchstaben zu teilen, wird T aufteilen, was dazwischen liegt. Also werde ich nur die Textzeichenfolge verwenden und dann für ein Zeichen werde ich Leerzeichen verwenden. Jetzt. Wenn Sie den ersten Wert von Wörtern drucken, dann bekommen wir I. Wenn ich den zweiten Wert ausdrucke, wird es sich erinnern. Also jetzt weiß ich, dass jedes Wort innerhalb der Zeichenfolge rechts goldene Wörter ist, und jetzt kann ich es verwenden, um es in meinem Bildschirm zu plotten. Wir können das mit einer for-Schleife tun. Ich werde ein statisches Design erstellen. Also stoppen Sie die Schleife und dann innerhalb der Schubladenfunktion werden für eine Schleife zu erstellen. Und die for-Schleife wird weniger Band sein, die Wörter angeordneten Länge, so dass ich die Textfunktion verwenden kann, die wir vor mehreren Malen und innerhalb der Textfunktion verwendet haben . Wir wissen, dass es ein Wort oder eine Stärke braucht, und die Wörter sind eigentlich ein Haufen Strings, und ich werde den Index verwenden, um jedes Wort in die Wörter zu bekommen, Ordnung, und dann zitiere ich sie Anzeigen. Was ist durch zwei in der Höhe geteilt, geteilt durch zwei und wieder, weil der Standardwert für Phil ist Weiße gehen, um wieder in Mangel zu ändern, wissen Sie, um es zu sehen. Und wenn Sie möchten, dass der Text an der Mitte ausgerichtet wird, werde ich Text ausrichten verwenden. Es ist zu zentrieren, und ich kann sehen, dass die Worte tatsächlich in der Mitte sind. Nein. Stattdessen werde ich einen zufälligen Wert für jedes Wort verwenden. Also werde ich die Füllung in mein Array setzen, damit ich einen zufälligen Phil für jedes Wort bekommen kann. Und wir haben die Schauspielerin Be Farbmodus war, weil es viel einfacher für mich ist, mm für Farbton und Sättigung randomisieren . Ich werde nur 60 für sexuelle Eation und 100 für Helligkeit tun, und denn er wollte randomisiert werden . Also, wenn ich das mache, werden wir eine Reihe von Farben sehen. Ich kann es auch bei der höchsten Sättigung und Helligkeit belassen. Können wir einen Regenbogen der Farbe haben? Jetzt wissen wir, dass alle Wörter tatsächlich übereinander sind, also müssen wir die Position für diejenigen von Null zu Breite und von Nullen Höhen für X und y randomisieren . Jetzt kann ich sehen, dass wir Bildschirm mit allen Wörtern gefüllt haben der Texte aus The Crazy Song, in meinem Beispiel, tatsächlich jeden von ihnen gedreht. Also benutzte ich Push-Matrix und Pop mir wieder Tricks, um für jeden Text eine andere Ebene zu erstellen . Und dann habe ich übersetzen verwendet, um den Text an eine zufällige Position zu verschieben, anstatt sie selbst zu verschieben, weil ich die Leinwand drehen möchte. Nein, das kann am 00 Punkt jeder dieser Schichten sein, die ich werde. Jetzt kann ich mich drehen, ohne dass es etwas für mich kaputt macht. Und es wird eine Drehung des Freundes sein, Ähm, von Null auf einen vollen Kreis. Also zwei Pi jetzt kann ich sehen, wie sie gedreht. Sie können auch Ränder hinzufügen. Also, wenn ich die Position randomisieren möchte, möchte ich vielleicht Arjun hinzufügen. Also werde ich von Marge zu mit Minus-Marge tun. Also sage ich im Grunde von dem Rand, den ich erstelle, ich habe es nicht immer noch erstellt, aber vielleicht wollte ich 50 Pixel haben. Das wird hier sein und dann 50 Pixel von dieser Wissenschaft, die t nach hier geht. Also werde ich 50 tun und dann mit minus 50 und dann werde ich das gleiche für die Höhe tun. Also von der Marge, die 50 sein wird, bis Höhen minus der Marge, die wieder 50 sein würde, lassen Sie uns Margen schaffen. Machen Sie es 50 Pixel. Jetzt können Sie sehen, dass es in die Mitte geschoben wird und jetzt haben wir 50 Pixel Ränder auf allen Seiten. Im Moment haben Sie viele Informationen zu verarbeiten und viele Beispiele zu üben, um Ihre endgültigen Projekte zu erstellen. Ich erwarte keine großen Projekte. Wollte nur etwas schaffen, das zeigt, was du aus dieser Klasse gelernt hast. Lassen Sie sich nicht von der Menge an Informationen einschüchtern, die Sie von dieser Klasse erhalten. Ich weiß, dass das Beispiel einfach angefangen hat, und dann begannen sie, mehr Zwischenzeit und seine Fans zu werden. Aber ich wollte so sein, weil ich nicht davon ausgehen will, dass du nichts davon verstehen kannst , weil ich weiß, dass es einfach ist. Es braucht viel Übung, nur um zu verstehen, wie die Dinge funktionieren. Aber sobald du alles herausgefunden hast, wirst du das alles in kürzester Zeit erledigen können. Ich habe nicht wirklich alle diese Funktionen nur in einer Sitzung auswendig gelernt. Ich habe viele verschiedene Produkte gemacht, die gebrochen wurden, die mich alle diese Funktionen und Eigenschaften, die ich immer und immer wieder verwende, auswendig lernen und verstehen ließen. Also für die gemeinsamen und Split-Funktionen, zum Beispiel in diesem Beispiel, wusste ich nicht, dass ich in nur einer Nacht die Dokumentation sehen musste, sich die Beispiele anderer Leute ansehen und herausfinden musste Wie kann ich mich diesem Beispiel vielleicht nähern? Außerdem ist die Planung eine gute Möglichkeit, Ihr Projekt zu starten. Ich habe mein Projekt immer geplant, vor allem auf einem Stück Papier oder skizzierte es auf und iPad oder auf meinem Computer. Es macht es mir einfach, das Projekt zu realisieren, das ich erstelle. Sobald ich es visualisiert habe, oder wenn ich es auf einem Stück Papier sehe, kann ich verstehen, was ich genau brauche. Also erstelle ich nicht nur die Variablen direkt aus dem Backed, wenn ich mein Projekt starte. Es ist definitiv nicht, wie der Prozess funktioniert, selbst für diese Projekte, die ich für die Design-Basics erstellt habe, musste ich immer wieder ausprobieren, um sie einfach und effektiv für Sie zu machen, um Ihr Wissen in dieses Reich der generativen Kunst. Für das nächste Kapitel werden wir einige dieser Entwürfe basierend auf dem exportieren, was Sie erstellen. Wenn es sich also um eine Animation handelt, speichern wir Frames, um daraus einen Film zu erstellen. Außerdem werden wir statische Bilder speichern und wir werden auch Vektorbilder speichern, so dass Sie sie später als Illustrator oder jede Vektorsoftware verwenden können . Also, wenn du das lernen willst, lass uns zum nächsten Kapitel gehen. 43. Kapitel 4: Design: Jetzt, da wir all diese lustigen Beispiele haben, wäre der nächste Schritt der Export. Diese Entwürfe in diesem Traktor werden ein wenig über die Art und Weise sprechen, wie wir unsere Arbeit exportieren können. ob es sich um eine Standbild oder eine Animation handelt, dies hängt stark von der Art der Arbeit ab, die Sie erstellen Lassen Sie uns also ins nächste Video springen, um mehr zu erfahren. 44. Speichern und Exportieren: OK, fahren Sie mit ihrem letzten Beispiel fort. Ich gehe Teoh, lehre mir, wie man ein PNG oder nur ein statisches Bild exportiert. Ob es sich um eine große, seilige Verletzung handelt, spielt keine Rolle. Aber ich speichere meine Bilder normalerweise als PNG, nur weil es das ist, was ich am meisten verwende. Jetzt brauchen Sie nichts Ausgefallenes, um Ihre Bilder und die meiste Zeit zu speichern . Das ist der Grund, warum eigentlich Dio Now, wenn Sie dieses Programm jetzt ausführen, werden Sie ein statisches Bild haben. Dies ist also die einfachste Möglichkeit, Ihre Bilder zu speichern, wenn Sie ein statisches Bild haben, das Sie speichernmöchten , das Sie speichern Das einzige Problem dabei ist, dass es die Auflösung speichern wird, die Sie erstellt haben. Das bedeutet, dass mein Bild auf 400 mal 400 Pixel gesetzt wird, wo immer ich es hinnehme. Also, wenn ich es zum Beispiel auf Instagram bringe , weiß ich nicht, ob es funktionieren wird. Aber wenn es funktioniert, wird die Auflösung nicht großartig sein, weil es ein sehr kleines Bild ist. Und für dieses kleine Ofenbild werden wir es nicht für einen Staubstop-Hintergrund speichern können, zum Beispiel, weil es pixelig und ausgestreckt wird. Das erste, was Sie beachten müssen, wann immer Sie Ihr Bild speichern möchten, ist Zehe haben die richtige Größe hier drüben. Wenn Sie also ein Bild von 1920 x 10 80 für vielleicht einen Film speichern oder es als Miniaturbild für ein Video speichern möchten, dann muss ich es hier auf 19 von 1920 um 10 80 ändern. Aber jetzt, wenn ich es laufe, kann es tatsächlich von meinem Bildschirm gehen. Es ist nicht von meinem Bildschirm, weil ich einen großen Bildschirm, aber für Sie gerade jetzt, weil ich nur Bildschirm aufnehmen Teil meines Bildschirms wird nicht proportional sein. Aber manchmal, wenn ich möchte, dass Teoh Bilder speichern, die riesig sind, sogar größer als 1910 um 10 80, Ich setze die Größe auf, und es ist mir egal, ob es tatsächlich außerhalb meines Bildschirms geht, weil ich nur das Bild speichern möchte und überprüfen Sie es dann. Und beachten Sie auch, dass, wenn Sie auf 400 durch 400 entwerfen, dann erstellt das gleiche Design und einen größeren Bildschirm, Sie werden sehen, dass es mehr Leerzeichen zwischen den Wörtern, die wir erstellen es sagen kann es vielleicht skalieren, indem Sie den Text ändern Größe, mit der Textgrößenfunktion, wo Sie vielleicht mehr Texte erstellen oder mehr Texte zu Ihrer Textdatei hinzufügen können. Ah, vier Formen, als Sie sie vielleicht ändern oder die Anzahl von ihnen erhöhen können. Moment werde ich es einfach bei 400 mal 400 speichern, weil mir die Auflösung vorerst egal ist. Und ich will nur, dass du siehst, wo es gerettet wird und wie das so ist. Wenn ich das mache, werden wir unser Design wieder normal sehen. Und nachdem alles so innerhalb meiner Zeichenfunktion nach jedem Codestück ausgeführt wurde, werde ich eine Funktion namens Safe Save schreiben, speichert nur ein Bild in den Dateinamen des Dateipfads, den Sie erstellt haben, also erwartet es eine Zeichenfolge und innerhalb meiner -Zeichenfolge. Was ich normalerweise mache, wenn ich weiß, dass ich viele Bilder speichern werde, ist ein Ordner namens Output erstellt . Und darin werde ich meine Bilder speichern. Die Art und Weise, wie ich den Ordner innerhalb dieser Skizzendatei erstellen kann, besteht darin, ein Innere meiner Zeichenfolge als Paket zu schreiben . Also schreibe ich Ausgabe und dann werden die Schrägstriche zeigen, dass dies ein Ordner ist, den ich erstellen möchte . Und dann im Inneren kann ich mir einfach vorstellen, Punkt p m D oder Arzt einen Stift. Welche Erweiterung Sie für ein Image erstellen möchten, ich denke, es gibt mehrere Erweiterungen, die unterstützt werden. Sie können die Dokumentation einchecken, aber ich weiß sicher, dass J. Paige und PNG unterstützt werden, und er kann hier den Namen erstellen, den Sie wollen. Beachten Sie, dass, wenn Sie das Image ausführen oder jedes Mal, wenn Sie das Image ausführen, es wird überschreiben, weil das gleiche Bild oder den gleichen Namen für das Bild. Wenn Sie nicht möchten, dass es sich in einem separaten Ordner befindet, können Sie einfach dieses Teil entfernen und es wird es in der gleichen Datei speichern, etwas, um es in der gleichen Skizzendatei zu speichern. Und das ist mein Ordner hier drüben, und jetzt, wenn ich ihn speichere, geht es zur Ausgabe hier drüben. Ich werde laufen, und nachdem ich meine Sagenfunktion erstellt habe, wird es manchmal viel langsamer sein, wenn Sie speichern möchten, und wenn ich dann meinen Ordner jetzt anschaue, habe ich mein Bild, Safed. Aber er kann sehen, dass es sehr klein ist, und wenn ich die Größe vergrößern möchte, ist es eigentlich sehr pixelig. Jetzt werde ich Ihnen zeigen, was passiert, wenn ich es tatsächlich in einer größeren Größe speichern. Also sagen wir 800 mal 800. Jetzt wird es das alte Bild überschreiben, und das ist unser neues Bild. Es ist weniger pixelig als die vorherige, wenn ich die Größe vergrößere oder Zuman weniger pixelig ist als die vorherige. Deshalb müssen Sie wissen, dass die Größe der Wieder Canvass Ihre Ausgabe beeinflussen, gehen zurück zu dem Rotationsbeispiel, wo wir den Stern erstellt. Wir werden dies als Animation speichern, daher werden wir jeden Frame der Animation jetzt speichern. Wir können dies auch auf die gleiche Weise tun, wie wir sagen Funktion. Aber anstatt eine sichere Funktion zu schreiben, werde ich die sicheren Frame-Funktionen verwenden und es geht so und es erfordert auch eine Zeichenfolge . Auf dieser Datei wird nicht gespeichert sind jetzt, also wird das nicht funktionieren, also muss ich meine Datei speichern. Nein, ich habe meine Datei gespeichert, und innerhalb davon, weil ich jeden Rahmen speichern werde, wird eine Menge Bilder in meinem Vater sein. Es ist viel schöner und sauberer, wenn man es in einen volleren. Also werde ich den Ordner erstellen, diesmal Ausgabe genannt. Und hier werde ich Hashes für die Anzahl der Frames hinzufügen. Normalerweise füge ich vier Hashes und dann die Erweiterung hinzu. Also habe ich P- und G's erschaffen. Nein, die Hashes werden durch Zahlen oder durch Zählen des Rahmens ersetzt. Also wird die 1. 1 0001 sein und dann wird die 2. 1 drei Nullen sein und 2/3 1 wird drei eingerahmt werden, und es wird weitergehen und weiter. Wenn Sie einen Frame erreichen, der mehr als vier Ziffern hat, fügt er ihm 1/5-stellig hinzu, also machen Sie sich keine Sorgen. Wenn Sie also möchten, dass Ihre Freunde tatsächlich mit nur einer Ziffer beginnen, wird es zu den anderen Ziffern hinzugefügt. Aber ich fange gerne mit für Hashes an, weil ich die meiste Zeit 1000 erreichen werde . Und jetzt, wenn ich das speichere, können wir zu unserer Datei gehen und wir können sehen, dass wir jetzt einen Ausgabeordner haben, und innerhalb davon können wir jeden Rahmen in diesem Ordner gedruckt oder gespeichert sehen. Wenn ich also eine Position und die Animation erreiche, mit der ich zufrieden bin, werde ich dies stoppen und meinen letzten PNG ansehen, wenn es kaputt und noch nicht gespeichert ist, also werde ich das einfach leben, damit es meine Animation nicht bricht, wenn ich es erstellen möchte innerhalb der Verarbeitung. Wenn Sie zu Tools gehen und dann gehen Sie zu Film Maker, ein Innere des Filmemachers, Sie gehen, um den Ordner, in dem Sie alle Ihr Bild haben, wird auf den Desktop gehen , weil das ist, wo ich meine Rotationsdatei. Und dann wähle ich Ausgabe. Und jetzt, wenn ich es öffne, wird es den Weg hier und jetzt für Breite und Höhe ändern, werde ich überprüfen. Gleiche Größe ist original. Wenn Sie dies nicht überprüfen möchten und Sie die Größe ändern möchten, können Sie, aber es ist besser, die gleiche Größe zu verwenden, damit wir Ihre Animation nicht ruinieren. Und dann werde ich die gleiche Bildrate wie mein Freund direkt im Design wählen. Also werde ich 60 tun und ich werde die Komprimierung als Animation belassen. Und wenn Sie eine Sounddatei hineinziehen möchten, können Sie ah, Sie können eine hinzufügen, so dass Sie möglicherweise Musik zu Ihrem Design hinzufügen können. Und dann werde ich sagen, Film erstellen und dann wird es mich fragen, wo ich es speichern soll. Ich werde es im selben Ordner meiner Skizze Nikkan speichern. Nennen Sie es, was immer Sie wollen, also werde ich es Rotationsfilm nennen. Und jetzt, wenn ich den Film, den ich erstelle, ausführe, bekomme ich die gleiche Animation, die ich aus meiner Skizze gespeichert habe. Ich hatte ein Problem, diese Filmdatei in schnellen Zeit-Player zu öffnen, aber Sie können einen Neid Elsie oder andere öffnen. Sie können Ihren Film auch in MP vier konvertieren und auf jede Ihrer Social-Media-Plattform hochgeladen . Nun, für einen letzten Weg zu speichern, werden wir eine Vektordatei speichern. Nein, ich gehe zurück zu meinem ersten Beispiel und dem Typografen Abschnitt, um Ihnen zu zeigen, wie Sie Vektordateien oder PDF-Dateien speichern , die Sie einen Illustrator öffnen und noch weiter bearbeiten können. Nein, diese Art der Einsparung ist ein bisschen komplizierter als die anderen, aber es ist immer noch sehr einfach zu erreichen. Das erste, was Sie brauchen, ist die PDF-Bibliothek von der Verarbeitung. Um eine Bibliothek in die Verarbeitung zu importieren, können Sie einfach das Schlüsselwort importieren verwenden und die Verarbeitungsbibliothek oder die PDF-Bibliothek innerhalb der Verarbeitung befindet sich darin. Also, wenn Sie Verarbeitungspunkt pdf und dann Punkte und dann einen Stern eingeben, was bedeutet, dass jede Klasse oder jede Funktion und Seite von pdf jetzt kann er Zugriff auf das Speichern PDS haben und dann PDS speichern, müssen Sie alles umfassen, was Sie haben erstellt. Also, wenn Sie die Speichermethoden hier drüben setzen, dann wird Ihre Datei Striche haben, weil sie keinen Strich gesehen hat. Er versteht also nicht, dass Sie die Striche nicht wollen, also müssen Sie es vor allem stellen. Du musst es vor den Hintergrund stellen, es sei denn, du änderst die Hintergrundfarbe. Also werde ich es vorerst hier rüber legen, und es geht so, als ob diese Aufnahme beginnt, weil sie den Bildschirm aufzeichnet, bis Sie die Aufnahme stoppen . Also werde ich mit der Aufnahme beginnen, wenn ich meine Skizze zum ersten Mal innerhalb meiner Einrichtungsfunktion starte , und dann sind die Argumente, die Sie innerhalb von begin record verwenden, die Art der Grafik, die Sie verwenden werden. Also hier wird es pdf behalten und dann wird das andere Argument der Name Ihrer Datei sein . Also werde ich es einfach nennen Faktor dot pdf. Nun, das wird mit der Aufnahme beginnen, also werden sie Schleifen beginnen, und es wird nie aufhören. Also, wenn ich das jetzt ausführe und ich beginne, innerhalb meiner Datei zu tippen, sehen Sie eine Vektordatei, die null Kilobyte hat. Es hat also nichts, weil die Aufnahme nie wirklich endete. Also muss ich eine Bedingung oder einen Ort hinzufügen, an dem ich die Aufnahme beenden kann. Jetzt kannst du die Aufnahme am Ende deiner Draw-Funktion beenden, wenn du hier drüben etwas los hattest . Aber da ich aktiv an meiner Leinwand arbeite, kann ich die Aufnahme nirgends beliebig beenden. Dafür muss ich eine weitere if-Bedingung hinzufügen, die nach einer der Tasten auf meiner Tastatur sucht , die die Aufnahme beendet. Also werde ich eine F-Bedingung verwenden. Und dann anstelle der Taste, werde ich Keycoat Tastencode verwenden hat einige der Tasten auf der Tastatur, wie oben, unten und rechts und links Pfeile. Also, um zu verfolgen und damit es funktioniert, kann ich den Schlüssel nicht verwenden. Ich muss den Schlüsselcode verwenden. Also werde ich wandern, wenn der Schlüsselcode gleich ist, Uh, und all das können Sie in der Dokumentation finden und dann, wenn der Schlüsselcode auch ist, wenn er den Pfeil nach oben trifft . Der Grund, warum ich keines der Alphabets verwendet habe, ist, weil sie verwendet werden, um die Formen zu schreiben , aber normalerweise benutze ich uns, um die Aufnahme zu beginnen und e. T. T. und die Aufnahme. Aber für dieses Beispiel werde ich nur einen der Schlüsselcodes verwenden, die ich habe, die ich nicht wirklich in meinem Programm verwendet habe. Ich werde tippen und aufzeichnen. Also, wenn ich das erneut ausführe und ich beginne zu tippen und dann den oberen Pfeil drücke und zu meiner Datei zurückgehe , kann es sehen, dass ich jetzt meinen Designstatus habe. Was ist cool an Pdf's ist, dass Sie sie in jeder Größe sehen können, aber sie werden scharf sein, also sind sie Vektordateien und sie werden nicht Pixel aßen und Sie können sie öffnen. Ein Illustrator. Sie können alle diese tatsächlich abgeschnitten finden, so dass jede dieser Formen gehen, um ihre eigene Form zu sein, und Sie können auch wieder Farbe sie. Sie können sie beliebig neu anordnen. Selbst wenn Sie Designs innerhalb der Verarbeitung erstellen und sie exportieren möchten, um später den Daumen in einer Vektordatei oder in einer Vektorsoftware zu verwenden , dann können Sie dies einfach mit PDS tun. Und jetzt, wenn ich rechts gehe, klicken Sie darauf und Sie öffnen mit Ich kann es leicht mit Illustrator öffnen. Aber wissen Sie nur, dass, wenn Sie es als Illustrator öffnen, es wird eine Maske haben, also müssen Sie die Maske aufheben oder die Maske loslassen und dann die Formen im Inneren verwenden. Das natürlich nur mit einigen Designs, funktioniert natürlich nur mit einigen Designs,denn wenn wir das mit unserem Stern zum Beispiel gemacht haben, zum Beispiel gemacht haben, oder einem unserer verrückten Kreise Designs, dann wird es nicht funktionieren, weil die Datei wird sehr glücklich sein für Illustrator, zum Beispiel, um es zu öffnen, weil es viele Formen in dieser Datei finden wird, und es wird sehr langsam für Sie sein, durch die Datei zu navigieren. Und es macht sowieso keinen Sinn, solche Sachen neu zu arrangieren. Also auch das Rauschen und Zufälligkeit, wo wir verwendet Punkte und wir verwenden die Zufallswalker, die für die Verarbeitung zu öffnen ist extrem, extrem schwer. Es ist also keine gute Idee, es als PDF zu speichern, um es als Illustrator zu öffnen. Aber er konzipiert es als PDF und dann konvertieren Sie das PDF in PNG, so dass Sie ein sehr hochwertiges Bild verwenden können . Das wäre eine sehr gute Idee. Wissen Sie, dass wir tatsächlich alles fertiggestellt haben, was mit der Gestaltung und dem Export unserer Entwürfe zusammenhängt. Du bist bereit für eine Inspiration. Also im nächsten Kapitel werde ich alles über Inspiration sprechen, wo Sie mehr zu Mühen für generative Kunst bekommen können oder von wo aus Sie mehr Übung bekommen können, so gehen Sie zum nächsten Kapitel, um mehr darüberzu erfahren darüber 45. Kapitel 5: Letzte Gedanken: herzlichen Glückwunsch, dass es so weit gemacht hat. Es ist Zeit, herauszufinden, wohin man von hier aus gehen kann. Final Tractor geht es darum zu verstehen, wie man selbst programmiert, indem man die Dokumentation liest und Beispiele durchsucht, Tutorials findet und eure Augen mit viel Inspiration füttert. Ich kann nicht genug betonen, wie wichtig die Dokumentation ist. Was einen Programmierer betrifft, ist es im Grunde, dass Sie für alles zugänglich sind, was Sie wissen müssen. Wir haben Glück, dass die Referenzseite für die Verarbeitung äußerst hilfreich ist. Mit dem Überschuss an Beispielen empfehle ich Ihnen dringend, dort anzufangen und die Möglichkeiten zu erkunden, die sie bieten. Sobald Sie das Gefühl haben, dass Sie bereit sind, einige fortgeschrittenere Projekte anzugehen, können Sie es versuchen. Die Herausforderungen von Daniel Schiffman auf YouTube waren sogar besuchen Sie seine Natur der Codepage, wo Sie alles über Simulationsphysik und meine Lieblings-Rickard-Agenten lernen können. Und wenn Sie ein Buch Person als das Buch vorläufige Design von vier Künstlern geschrieben, deren Namen ich nicht zu versuchen, auszusprechen, ist unglaublich und taucht in eine Menge von fortgeschritteneren Themen als diese Klasse. Es gibt auch einen Abschnitt zur Datenvisualisierung. Wenn Sie auf, dass auch hier auf Skill-Anteil, wenn Sie generative Kunst oder kreative Codierung suchen, finden Sie einige Künstler, deren Klassen Spaß machen, Agenda zu nehmen. Künstler namens Melissa ist jetzt einer meiner Favoriten, für einige Inspiration, für einige Inspiration, Instagram ist definitiv der Weg zu gehen, Dr Hashtags generative oder kreative Codierung. Und für einige bestimmte Leute zu folgen, empfehle ich diese erstaunlichen Konten. 46. Abschlussprojekt: Jetzt sind Sie an der Reihe für Ihr Projekt. Unser Geld, um mindestens zwei Konzepte aus dem Design Basics Traktor enthalten. Zum Beispiel. In diesem Projekt habe ich Form und Farbe verwendet. Und für diesen hier bin ich geformt und abgebildet. Es liegt an Ihnen, wie Sie diese kombinieren möchten, solange Sie kreativ damit sind. Das ist eine grundlegende Punktzahl, also erwarte ich nicht, dass du riesige Projekte machst. Es ist nur eine Demonstration Ihres Verständnisses für diesen Kurs. Auch nicht alle großen Projekt hat eine Reihe von Farben. Schwarz und Weiß gelten immer noch als Teil des Farbmoduls. Einige große Künstler, wie ein brauner Jacob verwendet Schwarz-Weiß in ihren Animationen. Wenn Sie also das Gefühl haben, ein Kunstwerk mit Formen in Schwarz und Weiß zu erstellen, dann muss Ihr Projekt Ihnen treu sein.