Update Frontend Eigenschaften, Beschreibungen und Bilder authored by Stephan Moesle's avatar Stephan Moesle
...@@ -9,7 +9,7 @@ Die initiale Erzeugung von Fraktalen ist im Frontend mittels eines Buttons reali ...@@ -9,7 +9,7 @@ Die initiale Erzeugung von Fraktalen ist im Frontend mittels eines Buttons reali
<img src="uploads/0249a674275c4381a5844758e3c0a8d2/App_GetStartedButton.JPG" height="100"> <img src="uploads/0249a674275c4381a5844758e3c0a8d2/App_GetStartedButton.JPG" height="100">
Die zuständige [Komponente](https://git.dhbw-stuttgart.de/wi16274/projekt-collectibles/wikis/Frontend-Komponenten) hierfür ist FractalFirstMint (`firstMint`).
### Übersicht der Fraktale ### Übersicht der Fraktale
...@@ -18,39 +18,32 @@ In der Übersicht können die eigenen Fraktale schnell überblickt werden. Das A ...@@ -18,39 +18,32 @@ In der Übersicht können die eigenen Fraktale schnell überblickt werden. Das A
In FractalsOfUser.js werden die im Backend definierten [Methoden](https://github.com/karateditti/projekt-collectibles/wiki/Backend#r%C3%BCckgabe-von-bestimmten-fraktalen) ('getFraktaleFromUser(address add)' und 'getFraktalFromId(uint id)') mit den entsprechenden Parametern aufgerufen und die zurückgegebenen Fraktale angezeigt. In FractalsOfUser.js werden die im Backend definierten [Methoden](https://github.com/karateditti/projekt-collectibles/wiki/Backend#r%C3%BCckgabe-von-bestimmten-fraktalen) ('getFraktaleFromUser(address add)' und 'getFraktalFromId(uint id)') mit den entsprechenden Parametern aufgerufen und die zurückgegebenen Fraktale angezeigt.
![Übersicht der Fraktale](https://github.com/karateditti/projekt-collectibles/blob/master/imgWiki/uebersichtFraktale.JPG) <img src="uploads/7a5fe02408883ba3be17db2b3ef75b80/App_MyFractals.JPG" height="300">
### Intuitive Bedienoberfläche
![Layout_Onepager](https://github.com/karateditti/projekt-collectibles/blob/master/imgWiki/Layout_Onepager.jpg)
### Eigenschaften eines Fraktals ### Einfache Bedienoberfläche
Fraktale definieren sich durch unterschiedliche Eigenschaften. Einige Eigenschaften sind im Frontend für den Nutzer ersichtlich. Hierzu gehören: <img src="uploads/22ebf4be02fdd7bfba46782dadc98f2a/App_header.JPG" height="170">
* Generation (Wie viele Kombinationen führten zu diesem Fraktal)
* [Seltenheit](https://github.com/karateditti/projekt-collectibles/wiki/Frontend/seltenheit)
* [Animation](https://github.com/karateditti/projekt-collectibles/wiki/Frontend/seltenheit) (ja/nein)
* Vorgänger Fraktale (Kombinations-Paar)
Die Anwendung wurde auf einer Seite in drei Sektionen unterteilt:
1. My Fractals: Zeigt die eigenen Fraktale in einer Übersicht an.
2. Fractal Store: Zeigt zur Kombination Verfügung gestellte Fraktale an.
3. Getting started: Beschreibt die ersten wichtigsten Schritte.
#### Seltenheit Durch die überschaubare Anzahl an Elementen kann man einen Überblick über die Seite erhalten.
Die Seltenheit von Fraktalen bestimmt sich durch unterschiedliche Parameter, welche im Backend als Index berechnet werden.
Im Frontend wird dieser Index dem Nutzer zu dem entsprechenden Fraktal angezeigt.
#### Animation
Fraktale lassen sich animiert darstellen. Hierfür wird das JavaScript Canvas Element genutzt.
### Erstes Erhalten von Fraktalen ### Eigenschaften eines Fraktals
Falls der entsprechende Nutzer noch keine Fraktale besitzt wird durch auf der Oberfläche durch einen Butten das Ausschütten einer ersten Menge von Fraktalen ermöglicht. Fraktale definieren sich durch unterschiedliche Eigenschaften. Einige Eigenschaften sind im Frontend für den Nutzer ersichtlich wie bspw. Farbe, Form oder Rarität (durch Rahmenfarbe).
![App_MyFractals2](uploads/b61df1a1a4ec1f1a7147dbfe58998a3d/App_MyFractals2.jpg)
### Tauschen von Fraktalen ### Fraktale zur Kombination anbieten
Eigene Fraktale können unter den anderen Nutzern zum Tausch angeboten werden. Die eigenen Fraktale werden hierbei einzeln zum Tausch für andere Nutzer freigegeben. In einer Übersicht können von anderen Nutzern angebotene Fraktale eingesehen und Tauschangebote abgegeben werden. Eigene Fraktale können unter den anderen Nutzern zum Tausch angeboten werden. Die eigenen Fraktale werden hierbei einzeln zum Tausch für andere Nutzer freigegeben. In einer Übersicht können von anderen Nutzern angebotene Fraktale eingesehen und Tauschangebote abgegeben werden.
### Kombination von Fraktalen ### Fraktale kombinieren
Es besteht die Möglichkeit zwei Fraktale zu kombinieren, um hieraus ein weiteres Fraktal zu erzeugen. Hierbei wird von zwei unterschiedlichen Nutzern jeweils ein Fraktal zur Kombination bereits gestellt (ähnlich wie bei [Fraktale zum Tausch anbieten](https://github.com/karateditti/projekt-collectibles/wiki/Frontend/tauschen-von-Fraktalen)). Es besteht die Möglichkeit zwei Fraktale zu kombinieren, um hieraus ein weiteres Fraktal zu erzeugen. Hierbei können entweder zwei eigene Fraktale oder ein eigenes mit einem Fraktal eines anderen Nutzers kombiniert werden.
Die Kombination der zwei Fraktale wird im [Backend](https://github.com/karateditti/projekt-collectibles/wiki/Backend/kombination-von-fraktalen) realisiert.
<p align="right"> <p align="right">
... ...
......