Goldrush Online - Browsergame LERN Projekt

Page 1 of 2

01/21/2019 23:39 Zaiq#1

Guten Tag Community

Ich habe vor kurzem wieder angefangen PHP zusammen mit MYSQL zu lernen.
Da ich immer �bermotiviert bin und ich mir immer zu VIEL vornehme, entstand dieses Hobby-Projekt.
[Only registered and activated users can see links. Click Here To Register...]

ACHTUNG: Die Optik ist sehr sehr bescheiden!
ACHTUNG: Bitte verwendet eine Fake Email-Adresse und ein Passwort das ihr sonst nicht verwendet, weil ich nicht weiss wie Sicher mein Projekt ist!

Um was geht es in diesem Lern Projekt?
Haupts�chlich ist mein Ziel mit dem Spiel verschiedene Funktionen zu lernen.
Nebenbei ist es motivierent zu sehen was man alles so gelernt hat.

Im Spiel geht es um folgendes:
Ihr startet mit wenig Erde (Sch�rfmaterial) und Wasser.
Erde und Wasser sammelt ihr jede Minute. Die Menge ist abh�ngig von der Stufe der Produktion. (Wie in vielen bekannten Browsergames)
Zus�tzlich besitzt ihr eine Waschanlage die Erde und Wasser ben�tigt zur Gold gewinnung. Wenn mal das Wasser oder die Erde ausgeht, erhaltet ihr logischerweise auch kein Gold und die Waschanlage wartet bis wieder genug Produziert wurde.
Das gewonnene Gold k�nnt ihr nun verkaufen um Geld zu erhalten. Mit dem Geld kauft man sich eine bessere Waschanlage und verbessert nat�rlich auch die Erde und Wasser Produktion damit die Waschanlage m�glichst immer Gold findet.

Es gibt eine Rangliste. Je h�her dein Verm�gen -> desto besser ist dein Platz auf der Rangliste.

Was kommt noch rein?
Keine Ahnung, gerne d�rft ihr Ideen miteinbringen.

Ich w�rde mich freuen wenn ihr mal reinschaut und ein Feedback hinterl�sst.
Bedenkt bitte das ich ersht angefangen habe zu Lernen.

Herzlichen Dank und liebe Gr�sse aus der Schweiz

01/22/2019 00:12 False#2

Bevor ich auf deine Seite an sich eingehe w�rde ich gerne darauf eingehen das es eine Testseite ist und was du bedenken solltest!
Wenn du eine Seite live stellst egal ob test oder nicht muss/solltest du (!!) ein Impressum und eine Datenschutzerkl�rung haben, vorallem bei einer Testseite wie dieser wo du f�r Datenverluste nicht haften willst!
In wiefern man sich da absichern kann oder ob das �berhaupt m�glich ist kann ich dir nicht beantworten, daf�r m�sstest du jemanden fragen der mehr Ahnung davon hat (z.B. Anwal).

Nun zu deiner Seite:
Ein Projekt zum �ben ist immer super, habe kurz reingeschaut und kann dir auf die schnelle folgende Tipps geben:

- Versteck Verzeichnisse => Bei dir kann man die Dateien sehen/downloaden unter www.<deine domain>.de/img/, wie z.B. deine psd Dateien f�r den Tank.
- Das anmelden fiel mir sehr schwer da ich ich kein Feedback bekommen habe ob/was falsch eingegeben wure!
- Https nutzen => Stichwort Sicherheit und DSGVO
- Wenn man die Seite l�dt wird "oz" beim Gold erst nach paar Millisekunden angezeigt => Sofort anzeigen lassen
- Nicht sek�ndlich ein AJAX-Request durchf�hren => Du fragst sek�ndlich nach z.B. Zeit die abl�uft. Das f�hrt dazu das der Browser und somit der PC des Nutzers mehr ausgelastet ist aber auch das dein Server gerade bei gro�er Benutzeranzahl stark belastet wird. Frag es einmal ab und z�hl es im Javascript dann runter (Dennoch bei Aktionen wie z.B. gold verkaufen im PHP pr�fen ob der Benutzer das schon darf).
- Ist man eingeloggt hat man kein Link zur Rangliste mehr
- Ist man eingeloggt und klickt auf das Logo hat man wieder die Optionen zum einloggen und hat keine Optionen im Men� um zu seinen "Claim" zu kommen, Sachen zu kaufen etc.
- Keine Cdns nutzen => Aktuell nutzt du jquery �ber den cdn von google, downloade die lib lieber und binde sie lokal ein.

P.s. Wenn man auf epvp eine Homepage verlinkt muss diese mit einem Backlink zu epvp versehen sein.

01/22/2019 00:21 Zaiq#3

Vielen Dank f�r deine R�ckmeldung!

Ich versuche deine Tipps m�glichst gut Umzusetzen, momentan muss ich mich aber zuerst �ber die M�glichkeiten informieren wie ich das bewerkstellige.

Ich danke dir auch das du mich darauf Aufmerksam gemacht hast wegen dem Impressum und den Datenschutzerkl�rung. Ich werde die schnellst m�glich implementieren. https ist beantragt. Hoffe das geht flot.

EDIT:
HTTPS -> erledigt
Backlink zu Epvp -> erledigt
Button um von der Startseite zum Claim zur�ck gelangen hinzugef�gt.
Anzeige fehler "oz" sollte behoben sein.
JQuery lokal eingebunden.
Datein im Webspace sollten nicht mehr ersichtlich sein.
Impressum & Datenschutzerkl�rung so halbes mit hilfe eines Generators erstellt. Da muss ich mich zuerst mehr Informieren.

F�r die Ajax requests muss ich mich zuerst informieren.

Vielen Dank nochmals.

01/22/2019 18:57 elmarcia#4

A timer in javascript is easy, i made one for you.
How to implement:
When the user load the page, ask for current timestamps, create as many timers as you need.

Spoiler

Code:

/** Gets the current timer time in hh:mm:ss*/
function getCurrentTime(diff){
	var sec = Math.round((diff/1000)) % 60;
	var min = Math.floor(diff / 1000 / 60) % 60;
	var hour = Math.floor(diff/1000/3600)%24
	return `${hour < 10 ? '0'+hour : hour}:${min < 10 ? '0'+min : min}:${sec < 10 ? '0'+sec : sec}`
}

/** Add N minutes to current time

This function should be server side, for example (action.php?purchase='modifier1')
this would return a timestamp if the action sucess or error on fail

*/
function addNMinutesToCurrentTime(min){
 return Date.now() + min*60*1000;
}


function Timer(){

this._initialize = ()=>{
this.events = {};
}
this._initialize();
/** 
Event emmiter code, useful to addEventListeners to objects

######################################################################################
#							BEGIN EVENT EMMITER CODE                                 #
######################################################################################
*/

this.on = (event, listener) =>{
      if (typeof this.events[event] !== 'object') {
          this.events[event] = [];
      }
      this.events[event].push(listener);
      return () => this.removeListener(event, listener);
  }
this.removeListener = (event, listener) =>{
    if (typeof this.events[event] === 'object') {
        const idx = this.events[event].indexOf(listener);
        if (idx > -1) {
          this.events[event].splice(idx, 1);
        }
    }
  }
 this.emit = (event, ...args) => {
    if (typeof this.events[event] === 'object') {
      this.events[event].forEach(listener => listener.apply(this, args));
    }
  }
/**
######################################################################################
#							END EVENT EMMITER CODE                                   #
######################################################################################
*/

/**
Starts timer with next timestamp, emit events timerStart/timerTick/timerEnd

@Events
timerStart: Event that is fired when the startTimer function is called the first time
timerTick: Event that is fired every second when there is timeleft
timerEnd: Event that is fired when the timer value is 00:00:00

 */
this.startTimer = (nextTime)=>{
if(this.started) return false;
this.emit("timerStart");
this.started = true;
	this.interval = setInterval(()=>{
var diff = nextTime - Date.now();
if(diff < 0) {
clearInterval(this.interval);
this.started = false;
this.emit("timerEnd");
return;
}
var currentTime = getCurrentTime(diff);
this.emit("timerTick",currentTime);
},1000);
return true;
}

/**
Stop timer, remove interval, fire event timerStop
@Events
timerStop: Event that is fired when the stopTimer function is called
*/

this.stopTimer = ()=>{
if(!this.started) return;
clearInterval(this.interval);
this.started = false;
this.emit("timerStop");
}

}
/** Example ussage */
/*
var timer1 = new Timer();
timer1.on("timerStart",()=>{console.log("started")});
timer1.on("timerStop",()=>{console.log("stopped")});
timer1.on("timerEnd",()=>{console.log("finished")});
timer1.on("timerTick",(time)=>{console.log(time)});

timer1.startTimer(getServerTimeStamp());


getServerTimeStamp -> function to retrieve time stamp from server when page loads
*/

01/22/2019 21:34 Zaiq#5

Quote:

Originally Posted by elmarcia

A timer in javascript is easy, i made one for you.
How to implement:
When the user load the page, ask for current timestamps, create as many timers as you need.

Spoiler

Code:

/** Gets the current timer time in hh:mm:ss*/
function getCurrentTime(diff){
	var sec = Math.round((diff/1000)) % 60;
	var min = Math.floor(diff / 1000 / 60) % 60;
	var hour = Math.floor(diff/1000/3600)%24
	return `${hour < 10 ? '0'+hour : hour}:${min < 10 ? '0'+min : min}:${sec < 10 ? '0'+sec : sec}`
}

/** Add N minutes to current time

This function should be server side, for example (action.php?purchase='modifier1')
this would return a timestamp if the action sucess or error on fail

*/
function addNMinutesToCurrentTime(min){
 return Date.now() + min*60*1000;
}


function Timer(){

this._initialize = ()=>{
this.events = {};
}
this._initialize();
/** 
Event emmiter code, useful to addEventListeners to objects

######################################################################################
#							BEGIN EVENT EMMITER CODE                                 #
######################################################################################
*/

this.on = (event, listener) =>{
      if (typeof this.events[event] !== 'object') {
          this.events[event] = [];
      }
      this.events[event].push(listener);
      return () => this.removeListener(event, listener);
  }
this.removeListener = (event, listener) =>{
    if (typeof this.events[event] === 'object') {
        const idx = this.events[event].indexOf(listener);
        if (idx > -1) {
          this.events[event].splice(idx, 1);
        }
    }
  }
 this.emit = (event, ...args) => {
    if (typeof this.events[event] === 'object') {
      this.events[event].forEach(listener => listener.apply(this, args));
    }
  }
/**
######################################################################################
#							END EVENT EMMITER CODE                                   #
######################################################################################
*/

/**
Starts timer with next timestamp, emit events timerStart/timerTick/timerEnd

@Events
timerStart: Event that is fired when the startTimer function is called the first time
timerTick: Event that is fired every second when there is timeleft
timerEnd: Event that is fired when the timer value is 00:00:00

 */
this.startTimer = (nextTime)=>{
if(this.started) return false;
this.emit("timerStart");
this.started = true;
	this.interval = setInterval(()=>{
var diff = nextTime - Date.now();
if(diff < 0) {
clearInterval(this.interval);
this.started = false;
this.emit("timerEnd");
return;
}
var currentTime = getCurrentTime(diff);
this.emit("timerTick",currentTime);
},1000);
return true;
}

/**
Stop timer, remove interval, fire event timerStop
@Events
timerStop: Event that is fired when the stopTimer function is called
*/

this.stopTimer = ()=>{
if(!this.started) return;
clearInterval(this.interval);
this.started = false;
this.emit("timerStop");
}

}
/** Example ussage */
/*
var timer1 = new Timer();
timer1.on("timerStart",()=>{console.log("started")});
timer1.on("timerStop",()=>{console.log("stopped")});
timer1.on("timerEnd",()=>{console.log("finished")});
timer1.on("timerTick",(time)=>{console.log(time)});

timer1.startTimer(getServerTimeStamp());


getServerTimeStamp -> function to retrieve time stamp from server when page loads
*/

Thank you for your effort.

I'll take a closer look and try to use it as well as I can.

greetings from Switzerland

01/23/2019 10:54 Guron#6

Ich sehe rechts die "Login" und "E-Mail Vergessen" box im angemeldeten Status.

01/24/2019 17:08 Zaiq#7

Quote:

Originally Posted by Guron

Ich sehe rechts die "Login" und "E-Mail Vergessen" box im angemeldeten Status.

Hab ich nun ge�ndert. Wenn man angemeldet ist, steht nun dort eine Navigationsbox mit den Links zum Claim, Shop usw.

Danke f�r dein Feedback!

Liebe Gr�sse

01/24/2019 17:23 type.#8

Quote:

Originally Posted by Zaiq

Hab ich nun ge�ndert. Wenn man angemeldet ist, steht nun dort eine Navigationsbox mit den Links zum Claim, Shop usw.

Vielleicht w�re es jetzt klug, wenn man die Navigation immer an der selben Stelle hat? Jetzt ist es ja so, dass die Ansicht der Rangliste die Links zum Claim, Shop, etc. in der rechten Sidebar hat, wenn man dann allerdings im eigentlichen Spiel ist, wird es oben in Tabs angeordnet. Das ist auch ein wenig verwirrend.

Darf ich fragen, wie die Werte f�r Produktion und Verbrauch zustande kommen? Es scheint so, als lie�e sich das nicht wirklich ausgleichen. Entweder produzieren Bagger und Wasserpumpe weniger, als die Waschanlage verbrauchen kann, oder es wird �beproduziert. Wobei hier die neue Lagerhalle ggf. Abhilfe schaffen k�nnte. c:

01/24/2019 17:27 theyam#9

Das Lager hat man Geld verschlungen aber es wurde nicht geupgraded :(

Cooles Projekt! K�nntest du mal den Code zeigen?

01/24/2019 17:34 Zaiq#10

Quote:

Originally Posted by theyam

Das Lager hat man Geld verschlungen aber es wurde nicht geupgraded :(

Cooles Projekt! K�nntest du mal den Code zeigen?

Es war ein Fehler in der Datenbank. Danke das du mich darauf aufmerksam gemacht hast!

Ich hab dir das Geld wieder auf den Account geladen.

Quote:

Originally Posted by type.

Vielleicht w�re es jetzt klug, wenn man die Navigation immer an der selben Stelle hat? Jetzt ist es ja so, dass die Ansicht der Rangliste die Links zum Claim, Shop, etc. in der rechten Sidebar hat, wenn man dann allerdings im eigentlichen Spiel ist, wird es oben in Tabs angeordnet. Das ist auch ein wenig verwirrend.

Darf ich fragen, wie die Werte f�r Produktion und Verbrauch zustande kommen? Es scheint so, als lie�e sich das nicht wirklich ausgleichen. Entweder produzieren Bagger und Wasserpumpe weniger, als die Waschanlage verbrauchen kann, oder es wird �beproduziert. Wobei hier die neue Lagerhalle ggf. Abhilfe schaffen k�nnte. c:

Das mit der Navigation werde ich 100%ig noch ausbessern. Ich stimme dir voll und ganz zu, es ist verwirrend.

Das mit der Produktion ist noch so eine Sache. Ich glaube ich k�nnte das noch vieles besser machen. Im Moment ist der Gedanke dahinter so:

Die Pumpe und der Bagger produzieren soviel bis das Limit erreicht ist. Das Limit wird mit der Lagerhalle erh�ht.
Wenn die Wanschanlage weniger verbraucht ist jetzt m�glich die Ressourcen zusammen zu sparen. Sobald die Waschanlage mehr ben�tigt weder Produziert wird, greift es auf die gelagerten Ressourcen zur�ck.
Die Idee dahinter war, dass die M�glichkeit besteht die Dauer bis zur bessere Pumpe und Bagger �berbr�ckbar ist. Jedoch ist das bestimmt nicht die eleganteste Methode.

01/24/2019 17:52 chr1zzLy#11

Das fehlende Feedback bei Registrierung und Login ist wirklich etwas st�rend.

Bei mir kommt beim Signup in der Adresszeile st�ndig:

Code:

https://www.goldrush-online.de/signup.php?signup=invalid

Kein Plan, was ich falsch mache. ^^

Edit: Und nein, ich habe keine Sonderzeichen im Namen. :p

01/24/2019 17:58 Zaiq#12

Quote:
Originally Posted by chr1zzLy
Das fehlende Feedback bei Registrierung und Login ist wirklich etwas st�rend.

Bei mir kommt beim Signup in der Adresszeile st�ndig:
Code:
https://www.goldrush-online.de/signup.php?signup=invalid
Kein Plan, was ich falsch mache. ^^

Edit: Und nein, ich habe keine Sonderzeichen im Namen. :p

Kannst du es nochmals versuchen :)? Habe etwas ge�ndert.

01/24/2019 18:01 chr1zzLy#13

Quote:

Originally Posted by Zaiq

Kannst du es nochmals versuchen :)? Habe etwas ge�ndert.

Funktioniert leider immer noch net. Habe auch mal versucht mich einzuloggen mit den Daten, die ich bei der Registrierung angegeben haben, aber dort bekomme ich ebenfalls: "?login=error". :p

01/24/2019 18:32 False#14

Quote:

Originally Posted by Zaiq

Kannst du es nochmals versuchen :)? Habe etwas ge�ndert.

Quote:

Originally Posted by chr1zzLy

Funktioniert leider immer noch net. Habe auch mal versucht mich einzuloggen mit den Daten, die ich bei der Registrierung angegeben haben, aber dort bekomme ich ebenfalls: "?login=error". :p

Das ist das was ich auch meinte, es ist nicht ersichtlich was genau falsch gelaufen ist.
Wenn du im die Eingaben pr�fst und merkst das was falsch gelaufen ist dann gibt auch eine Meldung aus was falsch gelaufen ist (optimalerweise wird auch das passende Feld markiert (z.b. dadurch das das Input rot umrandet ist).
Ebenso w�re es super das wenn etwas falsch eingetippt wurde, das die Werte die man eingetippt hatte (bis auf Fehlerhafte/das Passwort) auch wieder in den Eingabefeldern stehen.

01/24/2019 19:01 Zaiq#15

Quote:

Originally Posted by .�aℓsє.

Das ist das was ich auch meinte, es ist nicht ersichtlich was genau falsch gelaufen ist.
Wenn du im die Eingaben pr�fst und merkst das was falsch gelaufen ist dann gibt auch eine Meldung aus was falsch gelaufen ist (optimalerweise wird auch das passende Feld markiert (z.b. dadurch das das Input rot umrandet ist).
Ebenso w�re es super das wenn etwas falsch eingetippt wurde, das die Werte die man eingetippt hatte (bis auf Fehlerhafte/das Passwort) auch wieder in den Eingabefeldern stehen.

Ich habe jetzt provisorische Fehlermeldungen eingebaut.
Leider bin ich immernoch besch�ftigt mit der Javascript ausgabe etc. Damit die Performance besser wird.

Liebe Gr�sse

Page 1 of 2