Bilder in python via HTML Seite

[jess1989]

Hallo zuasmmen,

ich war mir nicht ganz sicher, in welches Forum diese Frage genau muss, daher habe ich mich mal ins Allgemeine gepflanzt

Es geht darum, dass wir über eine HTML Seite ein EscapeRoom Game mit Python programmieren. Nun habe ich Bilder hochgeladen, die mir auch schön angezeigt werden. Allerdings würde ich gerne nicht immer alle Bilder zeigen lassen, sondern als Random immer nur 1 auswählen, davon abhängig dann einen Lösungscode generieren, der natürlich auch jedes Mal neu sein soll. Meine Frage, geht das mit den Bildern? Ich habe bspw. Sätze die ich als random.choice ausgebe, so stelle ich mir das mit den Bildern auch vor

Außerdem würde ich gerne "Rätselkarten" einbauen, von denen man wie im echten Spiel nur die Rückseite sieht, wenn man aber drauf klickt, dann soll in einem extra Fenster oä die Vorderseite der Karte sichtbar werden. Ist das umsetzbar?

Ich bin noch im Lernmodus daher kein Python Profi

Viele Grüße & Danke vorab.

[Rckstr]

Da das alles im Frontend Bereich deiner Applikation abläuft, würde ich vermuten dass du das mit Javascript machen müsstest.
Gerade das mit dem drauf klicken und umdrehen der Karte wird definitiv mit Javascript realisiert.

Ein Ansatz für das "Random-Karte-anzeigen" Problem wäre mit Python random einen Pfad zu den Bildern auszuwählen und ans Frontend zu schicken. So wie du es mit den Sätzen machst. Für den Lösungscode könntest du entweder den Code schon vorher produzieren und mit dem Bild mitsenden und ihn anzeigen, wenn die Interaktion mit dem Bild richtig ist oder du baust mit Javascript ein AJAX request ein, der den code dann aus dem backend erst holt, wenn die interkation mit dem Bild korrekt ist.

/Rckstr

[Sirius3]

Ja, ist alles umsetzbar. Braucht man nicht einmal Javascript. Irgendwie brauchst Du natürlich auf dem Server Sessions, damit Du Dir auch merken kannst, welches Bild Du geschickt hast und was denn das Lösungswort ist und um Punkte / Zeit zu speichern oder ähnliches.
Du kannst mit random.choice auch einen Dateinamen aus einer Liste von Bilddateien raussuchen, und das Bild dann über eine Route an den Browser ausliefern.
Welches Framework verwendet Ihr denn?
Wo kommst Du da konkret nicht weiter?