Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

95 Windows

95 Windows

Flash is dead - insbesondere, weil Apple sich entschlossen hat, das proprietäre Format auf ihren mobilen Geräten nicht zu unterstützen. Doch alles was Flash konnte ist nun mit HTML5 und CSS3 möglich. (und noch vielmehr ;)

Entstanden an der FH Potsdam, Studiengang Interfacedesign Im Kurs 1.162 Interaction Design - Web Basics! bei Tina Deiml-Seibt Wintersemester 2011/12 http://fh-potsdam.de

PROJEKTBESCHREIBUNG

Ziel unseres Projekts ist die Entwicklung eines browserbasierten Spiels. Alle Spielelemente (Spielfigur, Gegner, Items) werden dabei in separaten Browserfenstern dargestellt. Die Spielmechanik basiert auf Arcade- Klassikern wie Breakout, Defender und Space Invaders: Der Spieler steuert ein Raumschiff am linken Bildschirmrand, das mit seinen Projektilen die am rechten Bildschirmrand auftauchenden Gegner zerstören kann. Sind alle Gegner zerstört, erscheint eine neue Angriffswelle, erreicht ein Gegner den linken Rand oder berührt den Spieler, ist das Spiel verloren. Die Ästhetik des Spiels soll einerseits an die bereits erwähnten Arcade Games, andererseits an die Frühzeit des WWW erinnern. Durch die Verwendung von Animated GIFs, Popups und quitschbunten Divs soll sich der Spieler ins Jahr 1997 zurückversetzt fühlen – ins Mittelalter der Informationstechnologie.

Inspirationen

defender.pngdefender.png

Defender (1980)

space.jpgspace.jpg

Space Invaders (1978)

Bildschirmfoto 2012-02-07 um 18.02.53.pngBildschirmfoto 2012-02-07 um 18.02.53.png

Window-Snake (http://www.project-euh.com/snake/)

Mockup

mockup1.jpgmockup1.jpg

Verwendete Technologien

– JavaScript (JSON, jQuery) – HTML5 (Canvas, Audio, Markdown) – CSS3 (Animationen) - Wordpress

FERTIG!

fertig2.jpgfertig2.jpg

fertig.jpgfertig.jpg

Das Projekt kann nur im Safari und mit einer Monitorgröße von 1440x900px ohne Fehler dargestellt werden

Projektlink: http://kennstenicht.de/95windows

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto:

Entstehungszeitraum

Wintersemester 2011 / 2012