Giter Site home page Giter Site logo

Comments (4)

OliverNiebsch avatar OliverNiebsch commented on August 11, 2024

Die Weltkarte steht ja mittlerweile, wobei ein paar schon darüber diskutiert haben, dass dies nicht ganz so toll aussieht wie gedacht. Ein Vorschlag war jetzt die ganze Menüidee zu verändern und es eher wie in Angry-Birds zu gestalten.
Aus der Episodenauswahl (http://www.syamey.com/wp-content/uploads/2011/01/Angry-Birds-2.jpg) kann man die Auswahl der einzelnen Länder machen und die Levelauswahl (http://www.syamey.com/wp-content/uploads/2011/01/Angry-Birds-3.jpg) kann zur Stadtauswahl abgeändert werden. Wobei auch eine Stadtauswahl im Design der Episodenauswahl möglich wäre.

Um den Lerneffekt weiterhin zu behalten, kam der Vorschlag: Beim Auswahl einer Stadt verschwindet dies Städteauswahl im Vordergrund und die Karte des Landes - diese müsste sich dann bereits im Hintergrund der Auswahl befinden - wird an die Stelle, an der sich die Stadt befindet, herangezoomt.

Soweit eine Idee. Wollen wir das ganze hier besprechen/diskutieren oder bis zum nächsten Sprint-Meeting aufschieben?

from haw-se2-projecthorse.

vikwin avatar vikwin commented on August 11, 2024

Mangels weiteren Feedbacks hier die PL Entscheidung...
Die Implementierung erfolgt ala Angry Birds, jedoch in vereinfachter Form:
Die einzelnen Städte können unabhängig vom Land aus einer Rasteransicht in Form von quadratischen Buttons mit entprechend zur Stadt passender Grafik ausgewählt werden. Die einzelnen Buttons sollen auf dem Bildschirm ausreichend groß sein (mindestens 1,5 cm Kantenlänge auf realem Display) und bei entsprechend vielen Buttons scrollbar sein. Als Hintergrund des Auswahlbildschirms dient eine Weltkarte. Bei Auswahl einer Stadt soll eine Animation erfolgen, die zunächst in geeigneter Form das Land präsentiert (z. B. überblenden in eine Kartenansicht des Landes) und dann den Standort der ausgewählten Stadt in die Bildschirmmitte zoomt. Hinweis zur Implementierung: Klasse Actor für die Landeskarte nutzen und mit den methoden scale und moveTo arbeiten.

from haw-se2-projecthorse.

PhilippGrulich avatar PhilippGrulich commented on August 11, 2024

find ich gut 👍. Was haltet ihr davon wenn wir das vorher nochmal kurz in paint zusammenstellen? Oder is das eher nicht nötig ?
Genauso wäre es noch eine wichtige Entscheidung ob wir das horizontal oder vertikal machen. Da ich sonst die Stadt nochmal anpasse...

from haw-se2-projecthorse.

vikwin avatar vikwin commented on August 11, 2024

Ein Mockup ist meiner Meinung nach nicht nötig, die oben von Oli verlinkten Angry Birds Bilder vermitteln denke ich schon einen entsprechenden Eindruck.

Da aktuell alles vertikal implementiert ist sollten wir dabei bleiben.

from haw-se2-projecthorse.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.