{

}

Update 10/19 - Background Evolutions

02.11.2019

Neuer Monat, neuer Beitrag

Der November...hach...da isser schon. Und ich bin auch noch spät dran. Oktober ging super schnell vorbei und ich glaube diesmal hat zum ersten Mal seit ich mit meinem Projekt begonnen habe die Faulheit über die Motivation gesiegt. Aber gut, wem geht das nicht mal so. Graues, kaltes, nasses Wetter, kurze Tage, ZEITUMSTELLUNG. Ich glaube der Oktober wird jetzt offiziell mein unbeliebtester Monat. Mein Körper kommt mit den vielen Umstellungen kaum mit und will lieber kuscheln und schlafen xD. So siehts aus. Naja dazu kamen diesen Monat viele anderweitige Verpflichtungen und aus all diesen "tollen" Zutaten wird ein halbherziger angebrannter Oktoberkuchen.

So, das klang jetzt nach viel heraus Gerede, ABER verzaget nicht. Vivi hat trotzdem einiges getan und einiges zu zeigen ;). Vielleicht habt ihr es ja schon beim stöbern auf der Website entdecken können. Und ich habe auch ein paar Sachen die ich euch nicht zeigen kann aber trotzdem gemacht hab...ohne Mist oO. Und zwar ist die Website jetzt umgeschrieben. Sieht man nur leider nicht xD. Mehr dazu aber gleich ein Stück weiter unten.

So langsam komme ich auch an den Punkt, an dem ich mich mal wieder verpflichtet fühle Dank auszusprechen. An euch alle für eure liebe Bestärkungen und tollen Ideen. Das hilft mir so sehr dabei am Ball zu bleiben und vorallem positiv zu bleiben. Ihr seid die Besten. Dank gebührt außerdem www.codecademy.com, meinem bisher ziemlich treuen Begleiter auf dem Weg zu neuen Fähigkeiten. Kostet zwar, aber wer etwas im Bereich Programmierung lernen möchte und der englischen Sprache Herr ist, ist dort genau richtig. Vielleicht schreibe ich nochmal einen separaten Beitrag für CodeCademy um euch einen besseren Einblick in meinen Lernaltag zu geben. Aber das ist ein Thema für einen anderen Tag ;).

Was habe ich mir für Oktober vorgenommen:

Im Oktober soll mein Spiel wieder mehr Aufmerksamkeit bekommen, aber auch die Website will nicht vergessen werden. Sie ist ja noch gar nicht fertig. =)

Website
Alle Seiten sollen vorzeigbarsein und funktionieren
Das Logo soll eine ordentliche Grafik werden
Feedback-Umsetzung

Cat Game
Mehr Animationen wie springen und rennen
  • - Zusatz: Ich will allgemein mehr Grafiken haben
Mehr Testpielräume - fertigstellen

Der Titelscreen möchte eingefügt werden, damit man das Spiel auch ordentlich starten kann
  • - Zusatz: Game-Over- und Neustartfunktion
Einbindung einer Spielanwendung in die Website - zum selber ausprobieren ;)
  • - Zusatz: Die PyGame Minispiele die ich im Juli gebaut habe sind auch eingebunden und spielbar

Film ab! :

Website
Alle Seiten auf dieser Website sollen vorzeigbarsein und funktionieren

Naja fast xD Also die About Seite die etwas über mich selbst erzählt ist auf jeden Fall gemacht. Ansonsten habe ich versucht die bisher bestehenden Seiten zu verbessern. Die Projektseite hängt leider gerade ein bisschen an der Umsetzung der Spiel-Anwendungen und Blub wird jetzt "erstmal" eine Taskseite, auf der ich so etwas wie ein Aufgabenbrett einrichten möchte. In Ermangelung besserer Ideen. Und um das Kontaktformular weiter machen zu können, muss ich mit meinen Lerninhalten erstmal hinterherkommen. So weit bin ich noch nicht.

Dafür habe ich jetzt meinen CSS-Kurs gänzlich abgeschlossen und die Website ein wenig umgeschrieben. Die meisten Seiten sollten sich nun responsiv verhalten. Das heißt wenn man sich die Website auf einem Gerät mit kleinem Bildschirm ansieht, verändert sich das Layout so, dass der gesamte Seiteninhalt lesbar bleibt und nicht ineinander läuft. Nur die Newseintragseiten noch nicht *hust*: Alles möglich durch CSS-Flexbox.

Die neuste CSS Ordnungsmethode namens CSS-Grid ist sogar noch cooler. Damit wird die gesamte Seite oder kleine Teile davon in ein Raster eingeteilt, das mit Inhalten gefüllt werden kann. Wenn ich dann eine kleinere Bildschirmauflösung wähle, kann ich die Inhalte sogar auf ganz andere Stellen auf der Website verschieben. Ultimativ wird diese Tabelle sowie der Header demnächst in Grid umgeschrieben um noch schickere Effekte zu erzielen. ;)

Screen of responsive Programmierung Flexbox Einbindung Grid Einbindung
Das Logo soll eine ordentliche Grafik werden

Und ihr könnt es nun im Header bewundern. Momentan in Halloween-Farben, aber bald wieder in normal. Was gibts noch dazu zu sagen....da isses halt. =)

Achja, diesen Farbstyle der Website wird es jetzt vermutlich immer rund um Halloween geben. Ich habe auch eine Fledermaus gebastelt.....leider fügen sich Bilder, die vom Layout losgelöst sind, auf einer Flexbox-seite blöd ein. Dazu muss ich das ganze erstmal in Grid umschreiben.

Acorn Logo Neu
Feedback-Umsetzung

Größter Punkt war, dass die Website noch etwas leer aussieht. Ich arbeite gerade an einigen Dingen, die das Gesamtbild verbessern sollen (Stichwort Fledermaus xD).

Aber ich finde das verbesserte Layout tut schon einiges für das digitale Wohlbefinden. Der Footer wird demnächst auch nochmal aufgehübscht.

Pixel Fledermaus
Cat Game
Mehr Animationen wie springen und rennen

Jaaaaa sie springt =). Dummerweise brachte das einige Einbindungsschwierigkeiten mit sich. Und zwar gibt es in Godot 2 Einbindungsmöglichkeiten für 2D-Animationen. Der Animation-Player und der animierte Sprite. Mit Letzterem hatte ich meine Animationen bisher eingebunden. Nun wollte ich auch den Sprung reinnehmen und ...huch...die Animation wird nicht abgespielt....yay. Also habe ich versucht alles in den Animation-Player umzuschreiben und, siehe da, alle Animationen werden zeitgemäß abgespielt....aber jetzt spackt meine Sitzanimation plötzlich-.- Dafür habe ich bisher keine Lösung gefunden....und ich suche weiter.

...und werde ganz zufällig fünding xD. Wer hätte gedacht, dass die Animation in Godot nur so aussieht als wär sie kaputt. Wer sich nämlich gerade das nebenstehende Gif ansieht und denkt: "Häh? Geht doch!", der liegt richtig oO. Sie geht eigentlich xD. Witzig.

Außerdem anzumerken: Ich habe eine supergeile Animationreihe für den Sprung gebastelt.....sah am Ende dumm aus und genutzt hab ich genau 2 von 6 Bildern =/. Aber gut das muss man halt auch erstmal rausfinden. Die Animation hat einfach zu lange gedauert für einen kurzen Sprung.

Zusatz: Ich will allgemein mehr Grafiken haben

Das wurde nix diesmal.

Gesamte Sprung Animation Gesamte Sprung Animation Gesamte Sprung Animation
Mehr Testpielräume bauen, in denen man dann alle Bewegungsmöglichkeiten der Katze üben kann - fertigstellen

Ich bin gerade dabei den Startbereich des Spiels auszuarbeiten. Thema: Katze liegt auf dem Dachboden hinter haufenweise Kram und Möbeln und wird zum Essen gerufen. Das Tutorial wird dann sein zum Essen zu gelangen. =)

Da!....kaum was zu erkennen, aber für mich liegt da ein genaues Bild dahinter xD.

Attic Background Sketch
Der Titelscreen möchte eingefügt werden, damit man das Spiel auch ordentlich starten kann

Leider nicht geschafft =(.

Zusatz: Game-Over- und Neustartfunktion

Ebenso.

Welp Picture
Einbindung einer Spielanwendung in die Website - zum selber ausprobieren ;)

Diesen Punkt hatte ich ganz oben schon einmal angehakt. Und zwar sollten die Spielanwendungen ja auf der Projektseite landen. Jedoch ist das ganze doch nicht so einfach wie ich annahm oder das Plugin läuft einfach noch nicht rund. Da muss ich nochmal etwas recherchieren. Das Plugin für Godot zur Anwenungenserstellung in HTML war auch noch ne Beta =/.

Zusatz: Die PyGame Minispiele die ich im Juli gebaut habe sind auch eingebunden und spielbar

Deswegen blieb der Punkt auch liegen xD.

PyArcade Project Tab Screenshot

Jo, war nicht so erhebend diesmal xD. Ich geb mir Mühe im November wieder mehr zu schaffen. Ich hoffe der Beitrag gefällt euch trotzdem und ihr wollt mir etwas Feedback dazu geben. Wie gefällt euch zum Beispiel meine About-Seite? Habe ich mich getroffen? ;) Was haltet ihr von dem neuen Farbstyling und würde euch auch ein Weihnachtsstyling gefallen?

Was nehme ich mir für November vor:

Im November habe ich mir den Lehrplan mit Javascript gefüllt. Das heißt ich werde vorranging versuchen meine Fähigkeiten in der Webprogrammierung auszubauen. Ich hoffe dann im nächsten Beitrag schon ein paar Gimmicks präsentieren zu können ;). Mal sehen wie das läuft. Effektiv muss ich meine Projektzeit ja dann durch drei Teilen.

Website
Einige Elemente der Website in Grid umschreiben
Etwas Javascript einbinden
  • - Vielleicht wird es ja diesmal was mit dem Kontaktformular
Feedback-Umsetzung

Cat Game
Die Renn-Animation ist dran
Mein geplanter Tutorialraum soll ausgearbeitet werden

Liegengebliebenes
Der Titelscreen möchte eingefügt werden, damit man das Spiel auch ordentlich starten kann
  • - Zusatz: Game-Over- und Neustartfunktion
Einbindung einer Spielanwendung in die Website - zum selber ausprobieren ;)

Bis Dezember ihr lieben! Wir sehen uns wieder auf Coding Tales!