{"id":10611,"date":"2009-05-22T10:29:58","date_gmt":"2009-05-22T09:29:58","guid":{"rendered":"http:\/\/funrecycler.com\/?p=1613"},"modified":"2009-05-22T10:29:58","modified_gmt":"2009-05-22T09:29:58","slug":"processing-hello-world","status":"publish","type":"post","link":"https:\/\/funrecycler.com\/index.php\/2009\/05\/22\/processing-hello-world\/","title":{"rendered":"processing – hello world"},"content":{"rendered":"

\"processing_intro\"
\nIn meinen Beitrag Processing – Grafikprogrammierung<\/a> habe ich procressing vorgestellt. Nun m\u00f6chte ich in diesen Beitrag die Syntax der Sprache erl\u00e4utern. Zuerst ein paar Worte zum allgemeinen Aufbau des Quellcodes.
\n
\nIn Processing besteht ein Programm immer aus 2 Teilen. In „void setup<\/strong>“ werden allgemeine Einstellungen get\u00e4tigt. So kann die Gr\u00f6\u00dfe festegelegt, die Hintergrundfarbe aber auch globale Variablen k\u00f6nnen definiert werden.<\/p>\n

void setup()\n{\n   size(400, 200);\n   background(132, 34, 23);\n   PFont font = loadFont(\"ArialMT-48.vlw\");\n   textFont(font,20);\n}<\/pre>\n
\u00dcber „size<\/strong>“ wird die Gr\u00f6\u00dfe in Pixel definiert. „background<\/strong>“ definiert die Hintergrundfarbe. M\u00f6chte man Text ausgeben ist es n\u00f6tig eine Schriftart zuladen. „PFont<\/strong>“ l\u00e4dt ein Font. Ein Font kann \u00fcber „Tools > Create Font<\/strong>“ direkt in Processing erstellt werden. Processing benutzt ein eigenes Font Format. Hat man einen Font erstellt, wird dieser im Data Ordner der IDE abgelegt und kann somit genutzt werden. „textFont<\/strong>“ definert die Gr\u00f6\u00dfe f\u00fcr den zuvor geladenen Font.
\nIn „void draw<\/strong>“ ruft man die eigentliche Zeichnungfunktion auf.<\/p>\n
void draw()\n{\n   text(\"Hello World!\", 20,40);\n}<\/pre>\n
Gezeichnet wird der Text \u00fcber „text<\/strong>„, die Position wird \u00fcber die X und Y Koordinate angegeben. Der Nullpunkt ist wie in vielen Bereichen der des Computers in der linken oberen Ecke.
\nProcessing = Java …. somit l\u00e4sst sich das Programm als Applet exportieren und hier direkt einf\u00fcgen.(Java<\/a> wird ben\u00f6tigt)
\n
\n
\n<\/applet>
\nM\u00f6chte man nun selber bestimmen wo Hello World auftaucht, dann geht dies wie folgt.
\n\u00dcber die Mouse Koordinaten welche beim bewegen \u00fcber das Anwendungfenster zur\u00fcckgegeben werden, kann der Text in der Anwenung positioniert werden. Die X und Y Koordinate der Mouse geben die Funktionen „mouseX<\/strong>“ und „mouseY<\/strong>“ zur\u00fcck. Zus\u00e4tzlich mu\u00df das klicken abgefragt werden, dies geschiet \u00fcber „mousePressed<\/strong>„.<\/p>\n
void draw()\n{\n    if (mousePressed == true)\n    {\n       text(\"Hello World!\", mouseX,mouseY);\n    }\n}<\/pre>\n
Viel Spa\u00df beim programmieren.<\/p>\n","protected":false},"excerpt":{"rendered":"
In meinen Beitrag Processing – Grafikprogrammierung habe ich procressing vorgestellt. Nun m\u00f6chte ich in diesen Beitrag die Syntax<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,14],"tags":[1271,2121,2122,2123],"class_list":["post-10611","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-computer-und-technik","category-programmieren","tag-hello-world","tag-processing","tag-processing-hello-world","tag-processing-void-draw"],"_links":{"self":[{"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/posts\/10611","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/comments?post=10611"}],"version-history":[{"count":0,"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/posts\/10611\/revisions"}],"wp:attachment":[{"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/media?parent=10611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/categories?post=10611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/funrecycler.com\/index.php\/wp-json\/wp\/v2\/tags?post=10611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}