{"id":5438,"date":"2025-06-03T16:24:51","date_gmt":"2025-06-03T14:24:51","guid":{"rendered":"https:\/\/22lampef.bplaced.net\/?page_id=5438"},"modified":"2025-06-03T20:40:13","modified_gmt":"2025-06-03T18:40:13","slug":"spiele","status":"publish","type":"page","link":"https:\/\/22lampef.bplaced.net\/?page_id=5438","title":{"rendered":"Spiele"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Spiele & Programmierung<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Im Schulunterricht habe ich gelernt, wie man mit HTML, CSS und JavaScript einfache Spiele programmiert.\nVom Spielfeld bis zur Steuerung \u2013 alles entsteht im Browser.<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Grundlagen gelernt<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

HTML, CSS & JAVASCRIPT<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ich habe verstanden, wie Webseiten aufgebaut sind, wie man sie gestaltet und wie man mit JavaScript interaktive Elemente hinzuf\u00fcgt \u2013 wie bei einem Spiel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Erstes Spiel programmiert<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

VOM CODE ZUM SPIEL<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In einem Projekt habe ich ein eigenes kleines Spiel erstellt \u2013 mit Spielfl\u00e4che, Steuerung, Punkten und Animationen. Alles selbst programmiert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t

\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Erfahrungen gesammelt<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

LERNEN DURCH TUN<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Ich habe gelernt, wie man Probleme l\u00f6st, Code verbessert und eigene Ideen umsetzt.
Dabei habe ich gesehen, wie spannend Programmieren sein kann.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"JavaScript-Logo-300x169\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"840x473\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Programmieren mit JavaScript<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Im Rahmen des Schulunterrichts habe ich JavaScript kennengelernt \u2013 eine Programmiersprache, mit der sich Webseiten interaktiv gestalten lassen. Besonders spannend war dabei die M\u00f6glichkeit, eigene kleine Spiele im Browser zu entwickeln.<\/p>

JavaScript erm\u00f6glichte es mir, auf Benutzereingaben zu reagieren, Elemente zu bewegen und Spielmechaniken umzusetzen. Zusammen mit HTML f\u00fcr die Struktur und CSS f\u00fcr das Design habe ich so gelernt, wie man ein vollst\u00e4ndiges, interaktives Browser-Spiel erstellen kann.<\/p>

Dabei ging es nicht nur ums Coden, sondern auch ums logische Denken, Fehlersuche und kreative Probleml\u00f6sungen. Jede neue Funktion, die ich umsetzen konnte, war ein echtes Erfolgserlebnis.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"512px-CSS3_logo.svg\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"xr:d:DAFK5fulEE0:19,j:34714078116,t:22090710\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Gestalten mit CSS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Im Schulprojekt habe ich auch gelernt, wie man Webseiten mit CSS gestaltet. CSS \u2013 das steht f\u00fcr Cascading Style Sheets<\/em> \u2013 ist die Sprache, mit der man das Aussehen von Webseiten bestimmt.<\/p>

Mit CSS konnte ich Farben festlegen, Schriftarten w\u00e4hlen, Abst\u00e4nde anpassen und Animationen erstellen. Besonders bei der Spieleentwicklung war das hilfreich, um Spielfiguren sichtbar zu machen, die Spielfl\u00e4che zu gestalten oder Buttons stilvoll zu pr\u00e4sentieren.<\/p>

Ich habe erlebt, wie viel Einfluss gutes Design auf den Gesamteindruck eines Spiels hat. Mit kleinen \u00c4nderungen konnte ich gro\u00dfe Wirkungen erzielen \u2013 und damit das Spielerlebnis deutlich verbessern.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Meine Spiele<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Eines meiner besten Projekte<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Im Spiel SpaceShooter geht es darum die ankommenden Aliens herunter zu schie\u00dfen. Je mehr Kills desto mehr Punkte. Wenn du das Spiel ausprobieren m\u00f6chtest, dann klick einfach unten auf Spielen!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSpielen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Screenshot-2023-09-18-200445-qeo\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

Spiele & Programmierung Im Schulunterricht habe ich gelernt, wie man mit HTML, CSS und JavaScript einfache Spiele programmiert. Vom Spielfeld bis zur Steuerung \u2013 alles entsteht im Browser. Grundlagen gelernt HTML, CSS & JAVASCRIPT Ich habe verstanden, wie Webseiten aufgebaut sind, wie man sie gestaltet und wie man mit JavaScript interaktive Elemente hinzuf\u00fcgt \u2013 wie bei einem Spiel. Erstes Spiel programmiert VOM CODE ZUM SPIEL In einem Projekt habe ich ein eigenes kleines Spiel erstellt \u2013 mit Spielfl\u00e4che, Steuerung, Punkten und Animationen. Alles selbst programmiert. Erfahrungen gesammelt LERNEN DURCH TUN Ich habe gelernt, wie man Probleme l\u00f6st, Code verbessert und eigene Ideen umsetzt.Dabei habe ich gesehen, wie spannend Programmieren sein kann. Programmieren mit JavaScript Im Rahmen des Schulunterrichts habe ich JavaScript kennengelernt \u2013 eine Programmiersprache, mit der sich Webseiten interaktiv gestalten lassen. Besonders spannend war dabei die M\u00f6glichkeit, eigene kleine Spiele im Browser zu entwickeln. JavaScript erm\u00f6glichte es mir, auf Benutzereingaben zu reagieren, Elemente zu bewegen und Spielmechaniken umzusetzen. Zusammen mit HTML f\u00fcr die Struktur und CSS f\u00fcr das Design habe ich so gelernt, wie man ein vollst\u00e4ndiges, interaktives Browser-Spiel erstellen kann. Dabei ging es nicht nur ums Coden, sondern auch ums logische Denken, Fehlersuche und kreative Probleml\u00f6sungen. Jede neue Funktion, die ich umsetzen konnte, war ein echtes Erfolgserlebnis. Gestalten mit CSS Im Schulprojekt habe ich auch gelernt, wie man Webseiten mit CSS gestaltet. CSS \u2013 das steht f\u00fcr Cascading Style Sheets \u2013 ist die Sprache, mit der man das Aussehen von Webseiten bestimmt. Mit CSS konnte ich Farben festlegen, Schriftarten w\u00e4hlen, Abst\u00e4nde anpassen und Animationen erstellen. Besonders bei der Spieleentwicklung war das hilfreich, um Spielfiguren sichtbar zu machen, die Spielfl\u00e4che zu gestalten oder Buttons stilvoll zu pr\u00e4sentieren. Ich habe erlebt, wie viel Einfluss gutes Design auf den Gesamteindruck eines Spiels hat. Mit kleinen \u00c4nderungen konnte ich gro\u00dfe Wirkungen erzielen \u2013 und damit das Spielerlebnis deutlich verbessern. Meine Spiele Eines meiner besten Projekte Im Spiel SpaceShooter geht es darum die ankommenden Aliens herunter zu schie\u00dfen. Je mehr Kills desto mehr Punkte. Wenn du das Spiel ausprobieren m\u00f6chtest, dann klick einfach unten auf Spielen! Spielen<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5438","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages\/5438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5438"}],"version-history":[{"count":34,"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages\/5438\/revisions"}],"predecessor-version":[{"id":5807,"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=\/wp\/v2\/pages\/5438\/revisions\/5807"}],"wp:attachment":[{"href":"https:\/\/22lampef.bplaced.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}