[JAVA] Einführung in die Programmierung für Studenten: Erstellen von Canvas

Hinweis: Qiita druckt nicht gut. Wenn Sie drucken oder in PDF konvertieren möchten, lesen Sie bitte http://gurakura.sakura.ne.jp/hellomondrian/makecanvas/ (http://gurakura.sakura.ne.jp/hakeomondr/) Gleicher Inhalt).

Einführung

Selbst wenn Sie ein Bild mit einem Programm zeichnen, wird es erst gestartet, wenn ein Ort zum Zeichnen vorhanden ist. Beginnen wir mit einer Leinwand.

Größe angeben

Wenn Sie in der Verarbeitung nur die Schaltfläche Ausführen drücken, ohne ein Programm zu schreiben, wird ein kleines Fenster angezeigt. Dieses Fenster ist die Leinwand, auf der die Animationen programmgesteuert gezeichnet werden.

Die Größe der Leinwand (Fenster) wird durch eine Funktion namens Größe festgelegt. Was ist es, auch wenn es plötzlich als "Funktion" bezeichnet wird? Sie haben vielleicht eine Frage, aber ich werde sie einzeln erklären, aber geben Sie zuerst das folgende Programm (auch Code genannt) ein und führen Sie es aus:

size(400,300);

Ich denke, Sie haben ein größeres Fenster gesehen als damals, als Sie es ohne etwas geschrieben haben.

Unmittelbar nach der Größe wird "(400.300)" geschrieben. Dies ist das Argument (auch als Parameter bezeichnet) der Größenfunktion. Die Größenfunktion wird als Größe (Breite, Höhe) verwendet. Die Breite und Höhe werden in Pixel angegeben.

Ein Pixel ist ein Pixel. In Englisch ist es als Bildelement geschrieben. Wenn es gekürzt wird, wird es zu einem Bild, und wenn es als ein Wort geschrieben wird, wird es als Pixel beschrieben.

Wenn Sie mit Pixeln nicht vertraut sind, können Sie das Lupenwerkzeug von Photoshop verwenden, um das Bild zu vergrößern. Es sieht aus wie ein Mosaik aus Quadraten. Jedes der Quadrate ist ein Pixel.

Ruhige Gesprächspause. Um die bisherige Erklärung zusammenzufassen, teilt die Programmstückgröße (400.300) dem Computer (oder der Verarbeitung) mit, dass der zu zeichnende Bereich 400 Pixel breit und 300 Pixel hoch sein sollte. Es wird nicht sein. Natürlich erhalten Sie durch Größe (700.700) usw. eine quadratische Leinwand.

Wenn Sie einen Fehler sehen, überprüfen Sie bitte die Eingabe des Semikolons (;). Sie müssen die Größe (400.300) und am Ende ein Semikolon hinzufügen, nicht die Größe (400.300).

Um es grob auszudrücken, warum wir so etwas brauchen, ist size (400,300) eine "Anweisung", die die size-Funktion mit den Argumenten 400 und 300 aufruft. Am Ende der Anweisung wird ein Semikolon hinzugefügt, um die Verarbeitung der Anweisungsunterbrechung mitzuteilen.

Die in der Verarbeitung verwendete Sprache ist Java. Wenn Sie also mehr über diesen Bereich erfahren möchten, lesen Sie bitte die Java-Nachschlagewerke.


Spalte 1: Warum Größe?

Warum muss ich eine Funktion namens size aufrufen, um die Größe des Zeichnungsziels anzugeben? Warum kann ich makeCanvas oder setCanvasSize nicht verwenden? Einige Leute haben vielleicht eine solche Frage.

Das heißt, die Software namens Processing wird von Menschen erstellt. Weil es nicht von Gott gemacht wurde. Der Punkt ist, dass der Schöpfer (= der Schöpfer der Verarbeitung) auf diese Weise entschieden hat, nicht mehr und nicht weniger.

Warum ist es eine Funktion namens Größe, die die Größe des Zeichnungsziels angibt? Die Frage ist, warum die Magie der Wiederherstellung der Gesundheit in Dragon Quest Hoimi heißt. Es ist dasselbe wie das Problem, das heißt, weil die Schöpfer so entschieden haben.

Auf diese Weise ist es beim Erlernen der Programmierung wichtig, zwischen logisch abgeleiteten und nicht logischen Elementen wie dem Namen der Größenfunktion zu unterscheiden, da dies der Fall ist. Es gibt keine logische Antwort, selbst wenn Sie sich fragen: "Warum passiert das?" Für den unlogischen Teil.


Spalte 2: Funktionen in der Programmiersprache?

In der Mathematik der High School haben Sie möglicherweise die Beschreibung wie y = f (x) gesehen. f war der Name der Funktion, und f (x) bedeutete, dass wir x als Argument für die Funktion f verwendeten (erinnerst du dich?). Die Funktion size ist eine Funktion, die zwei Argumente erfordert. Die Beschreibungsgröße (400.300) bedeutet, dass die Größenfunktion ausgeführt wird (auch genannt usw.), wobei das erste Argument 400 und das zweite Argument 300 ist.

Funktionen in der von Processing verwendeten mathematischen Sprache und mathematische Funktionen sind nicht unbedingt dasselbe Konzept. Ich denke jedoch, dass es insofern ähnlich ist, als Sie einen bestimmten Wert als Argument angeben und ihn bewerten. Ist es so etwas wie "etwas", eine Funktion aufzurufen?


Geben Sie die Hintergrundfarbe an (Hintergrundfarbe)

Durch Aufrufen der Größenfunktion gibt es eine Begrenzung für jeden Computer und dies bedeutet "innerhalb dieser Begrenzung" (unbegrenzte Freiheit ist schwer zu bekommen ...) - die Größe ist Sie können es jetzt einstellen.

Selbst wenn Sie die tatsächliche Leinwand auswählen (die Leinwand als physisches Zeichenziel), sind Sie meiner Meinung nach sowohl über das Material als auch über die Größe besorgt. Insbesondere die Farbe der Leinwand ist auch ein wichtiger Faktor, wenn nicht die gesamte Leinwand gefüllt ist und auch die Hintergrundfarbe verwendet wird.

In diesem Abschnitt wird erläutert, wie Sie die Hintergrundfarbe der Leinwand festlegen.

Mit der Größenfunktion konnte ich die Größe angeben (einstellen), aber nicht die Hintergrundfarbe (Fensterhintergrundfarbe). Verwenden Sie die Hintergrundfunktion, um die Hintergrundfarbe festzulegen. Es gibt verschiedene Möglichkeiten, die Hintergrundfunktion zu verwenden. Hier wird jedoch erläutert, wie Sie sie mithilfe eines RGB-Werts angeben. Verwendung der Hintergrundfunktion

background(Wert von R.,Wert von G.,Wert von B.)

Es wird sein. Jeder Wert von R, G, B gibt einen Wert von 0 bis 255 an. Es ist eine gute Idee, im Voraus zu prüfen, welche Art von RGB-Wert welche Farbe hat, z. B. in Photoshop. Zum Beispiel soll die Farbe des alten Purpurs (Kodaimurasaki) R von 137, G von 91 und B von 138 haben.

Es ist nicht auf Computer beschränkt, sondern wenn auf mehrere Werte verwiesen wird, Oft werden Notationen wie (R, G, B) = (137,91,138) verwendet. Diese Notationsmethode wird auch in dieser Reihe verwendet.

100% Weiß auf einem Computer hat einen Wert von 255 für jedes RGB. Dies ist nichts anderes als (R, G, B) = (255,255,255).

Um beispielsweise eine Leinwand im Format 400 x 300 (Hinweis: Der Zeichenbereich der Größe (400.300) kann auf diese Weise angezeigt werden) mit einer 100 % weißen Hintergrundfarbe zu erstellen, lautet das Programm wie folgt: ::

background(255,255,255);
size(400,300);

Wenn Sie dieses Programm ausführen, sehen Sie ein Fenster mit einer Größe von 400 x 300 und einem weißen Innenraum.

Bisher haben wir zwei Funktionen. Wann wird jede Funktion verarbeitet (ausgeführt)? Das Programm wird grundsätzlich in der Reihenfolge von der obersten bis zur untersten Zeile ausgeführt. Das heißt, für die obige Liste wird die Größenfunktion nach der Hintergrundfunktion ausgeführt.

In einem Programm ist die Reihenfolge der Verarbeitung (in diesem Fall die Reihenfolge der Funktionsausführung) sehr wichtig. Daher sind das folgende Programm und das unmittelbar oben aufgeführte Programm völlig unterschiedliche Programme.

size(400,300);
background(255,255,255);

Nur für den Fall, versuchen Sie beide. Ich denke, beide haben das gleiche Ergebnis erzielt.

Vielleicht denken einige von Ihnen: "Die Programme haben unterschiedliche Bedeutungen, aber es gibt keinen Unterschied. Es ist seltsam. Es ist seltsam. Ich verstehe nicht." Tatsächlich gibt es in der Welt der Programme einige verschiedene Programme, die das gleiche Ausführungsergebnis haben.

In diesem Fall spielt es keine Rolle, welcher der Vorgänge zum Festlegen der Größe der Zeichenfläche und der Vorgang zum Festlegen der Hintergrundfarbe zuerst ausgeführt wird. In diesem Fall gibt es keine richtige Antwort. Bitte schreiben Sie sie nach Ihren Wünschen.

Dieser Abschnitt schließt mit dem Beispielprogramm, das ich zuvor gezeigt habe und das eine quadratische Leinwand mit einem alten bohnenfarbenen Hintergrund erstellt.

background(137,91,138);
size(400,300);

Recommended Posts

Einführung in die Programmierung für Studenten: Erstellen von Canvas
Einführung in die Programmierung für Studenten: Einführung
Einführung in die Programmierung für Studenten: Variablen
Einführung in die Programmierung für Studenten: Zeichnen Sie gerade Linien
Einführung in die Programmierung für Studenten (von Zeit zu Zeit aktualisiert)
Einführung in die Programmierung für Studenten: Vorbereitung Installieren wir die Verarbeitung
Einführung in die Programmierung für Studenten: Zeichnen grundlegender Quadrate
Einführung in die Programmierung für Studenten: Machen Sie gerade Linien attraktiver
Einführung in die Programmierung für Studenten: Verschiedene Funktionen in Bezug auf Quadrate (Teil 2)
Einführung in die praktische Programmierung
Eine Einführung in Funktionstypen für objektorientierte Programmierer in Elm
Einführung in die funktionale Programmierung (Java, Javascript)
[Einführung in JSP + Servlet] Ich habe eine Weile damit gespielt ♬
Die Programmierung von Ruby-Spielen begann mit einem Browser: Einführung in Nyle-Canvas (DXRuby-Stil)
Einführung in Java zum ersten Mal # 2
Es ist gut, eine Programmierschule zu besuchen.
[Einführung in Java] So schreiben Sie ein Java-Programm
So erstellen Sie ein Maven-Repository für 2020
[Einführung in JSP + Servlet] Eine kleine Animation ♬
Einführung in Kotlin für iOS-Entwickler ④-Typ
[Einführung in Docker] Erstellen Sie ein Docker-Image für maschinelles Lernen und verwenden Sie das Jupyter-Notizbuch
Lernen Sie beim Erstellen eines WEB-Servers die Einführung in die Entwicklung von WEB-Anwendungen anhand der Grundlagen
So erstellen Sie überall eine H2-Datenbank
VS-Code-Plug-In empfohlen für das Programmieren von Schülern
Einführung in rekursive Funktionen: Was ist eine rekursive Funktion?
[Java] Erstellen wir einen Minecraft Mod 1.14.4 [Einführung]
Einführung in Kotlin für iOS-Entwickler ⑤-Practical XML
So erstellen Sie eine leichte JRE für den Vertrieb
[Java] Erstellen wir einen Minecraft Mod 1.16.1 [Einführung]
Einführung in Kotlin für iOS-Entwickler ③-About gradle
Einführung in Kotlin für iOS-Entwickler ①-Umgebungskonstruktion
Erste Schritte mit Groovy für problematische Java-Ingenieure
Einführung in Kotlin für iOS-Entwickler ②-Projekterstellung
[Einführung in Java] Grundlagen der Java-Arithmetik (für Anfänger)
Kenntnis der Objektorientierung für ein halbes Jahr Programmierung