Projekte von dem Projekttag der Berufsfachschule Baden

Schlagwort: Ajax

Javascript JetFighters 1.1

Projektleiter: Lauren Emmenegger
Projektmitglied: Janik Meier

Projektbeschreibung

Im Projekt Javascript JetFighters 1.1 haben wir unser letztes Projekt Javascript Jet Fighters weiter ausgebaut. Wir haben verschiedene Mechaniken eingebaut wie z.B. ein Scoreboard mit individuellen Spielernamen oder eine Boostmechanik.

Intense fight scene

Menu screen

Was haben wir gelernt:
Wir haben in diesem Projekt unsere Kenntnisse mit JavaScript, HTML und CSS vertieft.

Das gefiel uns:
Das Programmieren und dass man die Ergebnisse direkt sehen kann hat uns in diesem Projekt gefallen.

Das gefiel uns nicht:
Wir hatten Schwierigkeiten bei der Spielernamenspeicherung, was uns nicht gefallen hat.

Fazit:
Dies haben wir gut gemacht:

Wir konnten das Spiel mit interessanten Funktionen erweitern und es auch grafisch verbessern.

Dies können wir noch verbessern.
Bei der Spielernamen-Mechanik haben wir viel Zeit benötigt, was wir beim nächsten Mal verbessern sollten.

JetFighters 1.1 als ZIP herunterladen

Die Magische Miesmuschel

Ein Screenshot der Homepage.

Ein Screenshot der Homepage mit der Magischen Miesmuschel in Zentrum.

http://www.miesmuschel.tk

Das Team:

  • Michael Aerni
  • Joel Blumer
  • Tobias Schönle
  • Silvan Weber
  • Andrea Leimgruber

Die Idee:

Die Magische Miesmuschel ist eigentlich eine Figur aus der TV-Serie Spongebob. In einer Folge beantwortet sie alle Fragen, welche ihr gestellt werden. Genau so funktioniert unsere Seite. Man tippt eine Frage in die Miesmuschel und kriegt sofort eine Antwort. Natürlich sind die Antworten nicht so ganz ernst gemeint.

Spongebob mit der magischen Miesmuschel.

Spongebob mit der magischen Miesmuschel.

Die Technik:

Das Auswerten der Frage wurde in PHP Programmiert, ebenfalls die navigation der Seite. Die Übertragung der Frage findet mit Ajax statt. Der Sound wurde mit einem einfachen HTML 5 Tag eingefügt. Neben der Startseite mir der Muschel gibt es noch eine kleine About-Page mit den Quellen der Bildern sowie eine kurze FAQ.

Ein kurzer Auszug aus dem Sourcecode.

2021 Berufsfachschule BBB

Theme by Anders NorenHoch ↑