Spin Wheel/Glücksrad auf Website?
Hey, ich programmiere eine website. Auf dieser will ich eine tägliche belohnung erstellen. Diese soll durch ein Glücksrad statt finden wie auf dem Bild zu erkennen.
Dieses Glücksrad zu erstellen ist nicht mein Problem. Sondern wenn sich das Glücksrad dreht es visuell auf das gleiche ergebnis wie die automatisch generierte zahl zu bringen. Aber auf dem Glücksrad soll auch durch zufall andere zahlen erscheinen (jeden tag).
Also wie funktioniert das in HTML, CSS, PHP, JavaScript. Ich habe nur einen Webhost keineh eigenen Server.
Bitte sendet Codes mit. Vielen Dank
2 Antworten
So ungefähr?
https://jsfiddle.net/hu5gL8ce/
Mit ein paar Mathematischen Formeln ginge es sicher smoother, aber da bin ich leider kein Profi :D
Was du meinem Programm übergeben musst ist die Liste der Zahlen und der Index der zufällig gewürfelten Zahl. Das musst du dann natürlich im Backend machen, falls es sicher sein soll. Ich mache es im Frontend mit diesen Zeilen:
const results = [1,2,3,4,5,6,7];
const resultIndex = Math.floor(Math.random()*results.length);
const randomResult = results[resultIndex];
Du musst berechnen, um wie viel Grad sich das Glücksrad drehen soll, um auf die gewünschte Zahl zu kommen. Du weißt ja, bei wie viel Grad jede Zahl liegt. Wenn das a ist, dann muss sich das Glücksrad um a + 360*n Grad drehen. Mit einer beliebigen ganzen Zahl n.
Dafür musst du halt programmieren lernen. Nicht für alles gibt es vorgefertigten Code.
Ich glaube wenig das HTML, CSS und PHP reichen. JavaScript kann ich nicht und habe es nicht vor zu lernen weil es für mich zu kompliziert ist. Deshalb Frage ich andere ob sie mir dabei helfen können.
Hier bin ich
Wenn du weiterhin Webseiten programmieren willst solltest du dir dringend JavaScript anschauen. Ohne kommst du nicht weit.
Klar als Web Developer der im Bereich PHP arbeitet. Soll jetzt noch js lernen. Ich habe ein Team habe einen HTML & CSS Developer und halt mich für PHP aber noch keinen für js deshalb frage ich zur zeit lieber nach statt stundenlang selbst zu rätseln wenn es andere besser wissen
Ok, und wie kann ich das in Code umsetzen?