Projekte von dem Projekttag der Berufsfachschule Baden

Kategorie: Software (Seite 1 von 19)

Unity 2D Spiel im Web

Gruppenmitglieder

Projektleiter

  • Flavio Nadler

Mitglieder

  • Marko Akrap
  • Linus Bernhard

Projektbeschrieb

Wir haben ein Singleplayer Jump & Run Spiel, welches wir in einem vorherigen Projekt erstellt haben, in ein Zweispieler-Spiel umgewandelt. Das Spiel ist jetzt von zwei Spielern unabhängig voneinander spielbar. Ausserdem war es unser Ziel, das Spiel im Web hochzuladen. Das haben wir auf verschiedenen Plattformen versucht und gemacht. Wir haben es auch versucht auf Poki einzureichen, eine sehr bekannte Browsergame Website. Leider haben wir vor Projektabschluss nichts mehr davon gehört.

Positives

Wir konnten wiedereinmal etwas mit C# machen, was uns sehr gefallen hat. Ausserdem finden wir es toll, dass unser Spiel jetzt frei zugänglich für die Öffentlichkeit ist. Das Hochladen hat auf allen Plattformen sehr gut funktioniert, bis auf einer.

Negatives

Leider hat das hochladen nicht auf allen Plattformen funktioniert. Wir wollten nämlich eine eigene Seite für unser Spiel alleine. Deshalb wollten wir es auf Netlify hochladen, doch dort bekamen wir immer eine Fehlermeldung. Dieses Problem konnten wir leider nicht lösen. Ausserdem hat die faire Arbeitsaufteilung nicht wirklich funktioniert und wir haben uns in der Zeit ein wenig verschätzt.

Unser Spiel spielen

https://flavionadler.itch.io/2player-jump-run-with-idyllic-yodel

https://itch.io/embed-upload/10768488?color=30e2ef

https://play.unity.com/mg/other/2player-jump-run-with-idyllic-yodel

3D Spiel mit Robox Studio

Projektleiter

Kylian Bugnon

Mitglieder

Valentino Magnoli, Jan Wietlisbach

Projektbeschrieb

In diesem Projekt haben wir, wie der Titel schon sagt ein Spiel in Roblox erstellt. In dem Spiel geht es darum, dass der Fernseher kaputt ist und man dem Kabel des Fernsehers bis zur Satellitenschüssel folgen muss, um diese zu reparieren. Das Spiel heisst Go fix the TV und ist öffentlich auf Roblox spielbar. Roblox ist eine gratis Plattform, zum Erstellen und Spielen von Games.

Während man dem Kabel folgt, muss man einen Parkour absolvieren, es gibt jedoch Checkpoints, damit es nicht ganz so schwer ist.

Positive Erfahrungen

Die Aufgaben Aufteilung hat gut funktioniert und wir sind recht schnell vorangekommen. Uns hat das Erstellen des Spieles sehr gefallen und es war spannend mal mit einer neuen Plattform zu arbeiten. Dadurch, dass Roblox Studio recht selbsterklärend und simpel ist, fanden wir uns auch schnell zurecht. Wir fanden es auch gut, dass man ganz viele gratis 3D Modelle zur Verfügung hat, welche man einfach für die Dekoration seines eigenen Spieles benutzen kann.

Negative Erfahrungen

Auch wenn die Arbeit mit Roblox Studio recht gut ging, war das Programmieren in dieser Programmiersprache recht schwer und wir hatten oft Fehler, wodurch wir schlussendlich den Menu Screen nicht implementieren konnten.

Wir konnten das Spiel leider nicht so gestalten, wie wir geplant hatten, da die Zeit etwas knapp war.

Fazit

Das Erstellen eines Spiels auf einer für uns neuen Plattform war sehr spannend, brachte aber auch seine Probleme mit sich. Wir konnten das Spiel leider nicht fertig machen, wie geplant, haben aber trotzdem ein funktionierendes Endergebnis

Sie wollen das Spiel spielen?

Zum Testen des Spieles ist es ganz einfach. Gehen Sie auf diesen Link (https://www.roblox.com/games/17424865518/Go-fix-the-TV) und drücken Sie auf Spielen. Dann müssen Sie kurz Roblox herunterladen und sich registrieren. Es ist kostenlos. Erst dann können Sie das Spiel ausprobieren.

City Build Game Programmieren

Projektleiter

Elia Hänggi

Gruppenmitglieder

Colyn Fenner, David Ackermann

Projektbeschreibung

Unser Projekt bestand darin, ein 3D-Tycoon-Spiel zu entwickeln, bei dem die Spieler ihre eigene Stadt errichten können. Das Spiel wurde vollständig in Unity entwickelt, und alle Modelle wurden mit Blender erstellt. Es enthält zahlreiche Funktionen, darunter eine individuell komponierte Musik, einen Tag-Nacht-Zyklus und vieles mehr.

Positives

Uns hat das Endergebnis sehr gefallen. Auch die Zusammenarbeit war sehr angenehm und produktiv. Ausserdem haben wir auch viel neues über C# und 3D Modeling (Blender) Gelernt.

Negatives

Es gab einige Fehler im Spiel. zB. Wenn man zu weit nach innen zoomte hat sich die Kamera invertiert und das Spiel sah sehr merkwürdig aus da die 3D Modelle nicht mehr richtig angezeigt wurden. Wir konnten jedoch die meisten Probleme Beheben.

Fazit

Das Projekt war reich an neuen Erfahrungen. Es ist unser bis jetzt sicherlich aufwendigstes Projekt und trotzdem sind wir der Meinung es hat sich gelohnt. So gesagt sind wir mehr als zufrieden mit unsere Arbeit und freuen uns auf unser nächstes gemeinsames Projekt.

Trailer

Motivationszitat-Generator

Projektleiter: Kylian Bugnon

Teammitglieder: Paul Gerst, Valentino Magnoli, Rinor Alushani, Jan Wietlisbach

Projektbeschreibung

Die Idee für das Projekt haben wir von der Webseite «Inspirobot.me» die Sätze generiert und als Motivationszitate darstellt. Wir wollten das gleiche ausprobieren und haben daraus ein Projekt erstellt. Das Ziel ist folgendes: Einen Satz generieren und als Motivationszitat mit einem Bild und einem passenden Textdesign darstellen.

Positive Erfahrungen

Die Aufteilung der Aufträge hat gut funktioniert und jeder konnte ein Stück weit das machen, was er will. Dadurch sind wir am Anfang recht schnell vorangekommen. Uns hat vor allem das Programmiren gefallen und wir konnten dabei auch ein paar neue Sachen lernen. Wir haben auf der Microsoft Webseite gute Tutorials dazu gefunden, wie man eine WPF-App erstellt und auch zu XAML gab es gute Erklärungen.

Negative Erfahrungen

Wir habe schnell bemerkt, dass das Projekt vielleicht doch nicht so einfach machbar sein wird. Vor allem die Darstellung ist zu schwierig gewesen und wir sind dort nicht weiter gekommen.

Dazu war die Gruppe schon fast zu gross und es war beim Homeoffice schwierig zu sehen, ob alle am Arbeiten waren.

Fazit

Wir konnten die Struktur und die grundlegenden Funktionen des Programmes erstellen und testen. Durch zeitliche und technische Gründe kam es aber leider dazu, dass wir manche Anforderungen nicht erreichen konnten.

Der GUI war besonders schwierig, weil wir es mit XAML schreiben wollten. Da wir diese Sprache noch nicht kannten und noch nie etwas damit gemacht hatten, war es schwierig für uns, mit ihr zu arbeiten.

Vocci Lernapp

Projektbeschreibung:
In diesem Projekt wollten wir eine Vokabel-Lern-App erstellen, die für jeden zugänglich ist und auf dem Handy und Computer verwendet werden kann.

Umsetzung:
Simon hat zunächst am Frontend gearbeitet, während Gianluca das Backend programmierte. Für das Projekt nutzten wir React für das Frontend und Node.js mit einer MySQL-Datenbank für das Backend.

Positive Aspekte:
Es bereitete uns grosse Freude, nach mehreren Stunden des Lesens von Logs, der Änderung des Codes und dem Erstellen von Docker-Containern endlich das funktionierende Endprodukt benutzen zu können.

Herausforderungen:
Eine der Herausforderungen bestand darin, dass wir eine Authentifizierung für die Autorisierung benötigten. Zuvor hatten wir nie mit Login-Daten gearbeitet und hatten nicht genügend Zeit, uns in eine entsprechende Bibliothek einzuarbeiten. Daher haben wir unsere eigene halb optimale Lösung entwickelt. Das grösste Problem dabei ist, dass wir die Passwörter im Klartext übertragen und erst auf dem Server hashen.

Fazit:
Während des Projekts haben wir zahlreiche neue Technologien wie JWT-Tokens und Docker kennengelernt. Vielleicht haben wir uns etwas zu viel vorgenommen, aber es hat uns Spass gemacht, die fünf Wochen lang an dem Projekt zu arbeiten. Wir hätten gerne noch weiter programmiert, doch leider ist uns die Zeit ausgegangen.

Vocci WebApp

2D Horrorgame in Unity

Teammitglieder: Valentino Magnoli, Paul Gerst

Projektleiter: Jan Wietlisbach

Beschreibung:

Unser Projekt war es, ein einfaches Spiel mit Unity zu erstellen. Dies haben wir umgesetzt und daraus ist dann unser 2D Spiel entstanden. Das Ziel davon ist es, einen Parkour zu durchlaufen, während man von einem Clown verfolgt wird. Unterwegs hat es einige Hindernisse, sowie Geister, welchen man ausweichen muss. Mithilfe der Taschenlampe kann man die kleineren Geister erschrecken, worauf sie dann vor einem weglaufen. Wir haben alle Texturen und Funktionen selbst gemacht und keine Assets von anderen Leuten benutzt. Am Anfang wollten wir auch noch Animationen erstellen, was wir jedoch schlussendlich nicht mehr machen konnten.

Wie schon gesagt haben wir das Ganze mit der Unity Engine umgesetzt, wo wir auch mithilfe von Unity Version Control zusammen an einem Projekt arbeiten konnten. Am Ende konnten wir das Spiel dann auch exportieren und als .exe Anwendung nutzen.

Positive Erfahrungen:

Das Programmieren hat uns sehr Spass gemacht und wir konnten dabei sehr viel lernen. Auch das Erstellen der Texturen haben wir gerne gemacht. Allgemein war die Arbeit mit Unity recht gut und wir hatten keine Technischen Probleme. Die Teamarbeit hat auch recht gut funktioniert und wir konnten gut zusammenarbeiten.

Negative Erfahrungen:

Die Einteilung der Aufgaben sowie die Zeitplanung war etwas mangelhaft, weil wir alles zuerst etwas ausprobieren mussten, um genau zu planen. Obwohl das Zeichnen Spass gemacht hat, konnten wir leider keine Animationen Zeichen, weil wir einfach nicht die Erfahrung und Zeit dazu hatten.

Fazit

Mit dem Ergebnis sind wir recht zufrieden, es macht sogar spass das Spiel zu spielen. Verbesserungen für das nächste Projekt wären nur die Zeitplanung und die Aufgaben Einteilung, sonst ist alles gut gelaufen.

Chatting Webseite erstellen

Projektleiter

Colyn Fenner

Teammitglieder

Elia Hänggi, Mike Rohr, Nilas Leuzinger, David Ackermann

Beschreibung

In diesem Projekt war unser Ziel eine Chatting Webseite zu erstellen. Diese sollte über eine Login Funktion verfügen, einen Darkmode welcher im Browser gespeichert wird enthalten und natürlich auch Admin Konten besitzen um auf verstosse gegen die Richtlinien vorgehen zu können. Zusätzlich haben wir ein Snake Game integriert um das Ganze etwas interessanter zu machen.

Positives

Die Verständigung in der Gruppe war sehr gut und wir konnten im idealen Tempo miteinander arbeiten wie auch die Arbeiten aufteilen.

Negatives

Wir hatten einige Probleme beim hochladen der Dateien. so wurden oft keine oder alte CSS dokumente als Stylevorlage verwendet oder JavaScripte wurden nicht verwendet obwohl wir dies eigentlich wollten.

Fazit

Wir sind zufrieden mit dem ergebnis auch wenn wir gerne noch einige fehler behoben hätten. Auch die Gruppenzusammenarbeit war sehr angenehm. schlussendlich sieht das Endprodukt sieht grösstenteils gut aus und wir freuen uns auf das nächste Projekt.

https://chat.wubo.ch

Docker ChatApp

Projektbeschreibung:
In diesem Projekt lag der Fokus auf der Entwicklung einer Videochat-Plattform, die es Nutzern ermöglicht, ähnlich wie bei Omegle zufällige Personen der BBBaden zu treffen. Wer keinen Videochat führen möchte, kann alternativ den öffentlichen Chat nutzen.

Umsetzung:
Simon hat zunächst ein Mockup für die Website/PWA-App erstellt, während Gianluca an der Funktionalität des Videochats gearbeitet hat. Für die Übertragung des Videos wollten wir WebRTC verwenden. WebRTC ermöglicht es, Video peer-to-peer zu übertragen, das heisst, ohne dass das Video über den Server übertragen werden muss.

Positive Aspekte:
Die Verwendung eines Mockups hat sich als vorteilhaft erwiesen, da wir die Webseite klar gemäss der Vorlage entwickeln konnten. Ein weiterer positiver Aspekt war, dass wir bereits nach wenigen Stunden eine Version hatten, die es ermöglichte, ein Video von einem Browser zum anderen zu streamen.

Herausforderungen:
Eine Herausforderung, der wir bis zum Ende nicht gewachsen waren, aufgrund unserer begrenzten Zeit, bestand darin, das Kameravideo über das Internet zu übertragen. Wir hatten eine Version, die das Kamerabild erfolgreich von einem Gerät zum anderen im selben Netzwerk übertrug, jedoch scheiterten unsere Versuche, dies über das Internet zu realisieren.

Fazit:
Während des Projekts haben wir zahlreiche neue Technologien wie React, Node.js und WebRTC kennengelernt. Vielleicht haben wir uns etwas zu viel vorgenommen, aber es hat uns Spass gemacht, die fünf Wochen lang an dem Projekt zu arbeiten.

3D Jump and Run

ProjektLeiter

Nilas Leuzinger

Gruppenmitglieder

Colyn Fenner, Elia Hänggi, Mike Rohr, David Ackermann

Beschreibung

In diesem Projekt haben wir uns zum Ziel gesetzt, ein 3D-Jump-and-Run-Spiel zu entwickeln. Spielerinnen und Spieler müssen einen Parcour durch ein Raumschiff und den Weltraum bewältigen. Die Umsetzung erfolgte mithilfe von Unity, wobei die Charaktere und verschiedene Elemente in Blender modelliert wurden.

Positives

Es war äußerst faszinierend, die Eigenheiten der Spieleentwicklung zu erlernen. Dieses Projekt ermöglichte es uns, unsere Kreativität auf vielfältige Weise auszudrücken.

Negatives

Da wir sehr wenig Erfahrung mit dem Entwickel von 3D Spielen hatten war es oft sehr anstrengend und zeitaufwändig die einzelnen Schritte zu erlernen und anzuwenden.

Fazit

Wir sind äußerst zufrieden mit unserem Ergebnis, obwohl wir am Ende noch einige Probleme beheben mussten. Diese Herausforderungen haben jedoch zu einer besonders interessanten Erfahrung geführt, da wir ein 3D-Spiel von Grund auf entworfen haben.

Spiel Download

Um das Ergebnis zu testen besuchen Sie die von uns dazu erstellte Webseite unter: https://astrodash.de.cool/

Website gestalten

Projektbeschreibung:
In diesem Projekt lag der Fokus auf der Gestaltung einer eigenen Webseite. Dies umfasste die detaillierte Planung von Designelementen, wie der Farbpalette und dem Wireframe. Eine besondere Absicht war, diese Webseite ohne die Verwendung eines Frameworks zu realisieren, sondern ausschliesslich durch den Einsatz von reinem HTML, CSS und JavaScript-Code.

Die Website als Endprodukt finden sie hier.

Umsetzung:
Nachdem wir den Wireframe und die Farbpalette erfolgreich erstellt hatten, schritten wir zur Umsetzungsphase. Die Realisierung verlief äusserst schnell, da wir uns nicht mehr mit der grundsätzlichen Gestaltung der Website auseinandersetzen mussten. Stattdessen konnten wir uns auf den erstellten Wireframe als klare Vorlage konzentrieren und diesen umsetzen.

Positive Aspekte:
Die Verwendung des Wireframes und der Farbpalette als klare Vorlagen ermöglichte eine präzise und exakte Umsetzung der Webseite gemäss der ursprünglichen Vorstellung. Die bewusste Entscheidung, ohne ein Framework zu arbeiten und stattdessen ausschliesslich auf reinem HTML, CSS und JavaScript zu setzen, trug dazu bei, unser Verständnis für diese Sprachen zu vertiefen und neue Fähigkeiten zu entwickeln.

Herausforderungen:
Es war nicht selten der Fall, dass CSS scheinbar eigene Wege ging und kleine Änderungen unvorhersehbare Auswirkungen auf die Platzierung von Elementen, wie etwa Buttons, hatten.

Eine weitere Herausforderung war die Entwicklung eines stimmigen Farbschemas für die Website. Die Komplexität dieses Aspekts wird oft unterschätzt. Die Farben sollten nicht nur ästhetisch ansprechend sein, sondern auch eine angemessene Balance zwischen Helligkeit und Dunkelheit aufweisen. Zusätzlich dazu war es wichtig, dass die Farben miteinander harmonieren – eine Aufgabe, die zunächst einfach erscheinen mag, in der Praxis jedoch vielschichtige Überlegungen erfordert.

Fazit:

Insgesamt lässt sich konstatieren, dass die Planung und Gestaltung unserer Webseite eine lehrreiche Reise voller Herausforderungen und kreativer Entscheidungen war. Das Eintauchen in die Welt der Webentwicklung sowie der UX- und UI-Designs gestaltete sich als faszinierende Erfahrung.

Unsere Website

Simon Kneubuehl & Gianluca Giarritta

« Ältere Beiträge