Suche Flash-Ersatz

[Indy1969]

Ich suche als Ersatz für das nicht mehr aktuelle Adobe Flash ein Programmiersystem für Online-Spiele.
Folgende Features sind dabei erforderlich (bitte mit Manualseiten und/oder kurzen Programmbeispielen):

- Als Datei vorliegende Bilder lassen sich ins Programm einbauen
- Objekte sind klickbar und können so den Start einer Funktion auslösen; nicht nur rechteckige Objekte, sondern beliebige Formen
- Clipping Tool(Mask) für teilweise Darstellung von Objekten
- Scrollbare Textfelder und Texteingabefelder
- Getimede Funktionsaufrufe, also in xxx Millisekunden oder alle xxx Millisekunden
- Variablen vom Typ "Funktion"
- Verschachtelte Programme (d.h. ein Programm lädt ein anderes und kann dann mit ihm kommunizieren)
- Starten von PHP-Dateien und Empfang der Antwort (z.B. für Datenbanken und unfälschbare Uhrzeit-Abfrage)
- unlesbarer Programmcode (für Passwörter und Quizfragen-Lösungen)
- Online-Kommunikation, d.h. Übertragung von Daten zwischen den Programmen von Usern, die zur gleichen Zeit im Programm sind
(Wenn dafür ein Server gebraucht wird, bitte diesen mit angeben)

Vollständige und teilweise Lösungen dieses Problems werden mit Extrapunkten im neuen Spiel honoriert
(kann ich dann mit Hilfe von PHP/SQL ins Spiel einbauen)

[Blade II]

Warum programmierst du das System denn nicht selber? Mit aktuellen Webtechnologien lässt sich das doch alles super umsetzen.

Mit HTML, CSS und JavaScript baust du das User Interface, über JS steuerst du zudem die Programmlogik. Eine Server-Komponente brauchst du natürlich auch, da die Nutzer untereinander kommunizieren sollen und wahrscheinlich auch Daten gespeichert werden müssen.

Als Datei vorliegende Bilder lassen sich ins Programm einbauen
HTML <img>

Objekte sind klickbar und können so den Start einer Funktion auslösen; nicht nur rechteckige Objekte, sondern beliebige Formen
HTML + JavaScript click-Event

Clipping Tool(Mask) für teilweise Darstellung von Objekten
Dunno. Kannst du das etwas weiter ausführen?

Scrollbare Textfelder und Texteingabefelder
HTML <input> und <textarea>

Getimede Funktionsaufrufe, also in xxx Millisekunden oder alle xxx Millisekunden
JavaScript setInterval()-Funktion

Variablen vom Typ "Funktion"
JavaScript unterstützt das nativ

Verschachtelte Programme (d.h. ein Programm lädt ein anderes und kann dann mit ihm kommunizieren)
Was für Programme sollen denn geladen werden? Lokale Programme? Weitere "Quizze"?

Starten von PHP-Dateien und Empfang der Antwort (z.B. für Datenbanken und unfälschbare Uhrzeit-Abfrage)
JavaScript AJAX + RESTful Service auf Service Seite

unlesbarer Programmcode (für Passwörter und Quizfragen-Lösungen)
Passwörter gehören niemals in eine Anwendung, die beim Endnutzer ausgeführt wird. Solche Informationen dürfen nur auf deinem Server gespeichert werden.

Online-Kommunikation, d.h. Übertragung von Daten zwischen den Programmen von Usern, die zur gleichen Zeit im Programm sind
(Wenn dafür ein Server gebraucht wird, bitte diesen mit angeben)
Die Schlüsselbegriffe lauten "reaktive Progammierung" und Websockets.

Viel Erfolg ;-)

[Indy1969]

Hallo, Blade II !

Warum programmierst du das System denn nicht selber? Mit aktuellen Webtechnologien lässt sich das doch alles super umsetzen.

Leider nicht alles, aber JavaScript hat mich nach diesem Posting wirklich überrascht. Ich möchte in diesem Posting auf die einzelnen Punkte eingehen.
Die Zukunft wird zeigen, ob dessen Fähigkeiten ausreichen, oder ob der Lösungsansatz in eine Sackgasse führt.


HTML <img>

Das reicht leider nicht aus, weil ich die Bilder auch programmtechnisch verwenden will, also z.B. verschieben, vervielfältigen, löschen...


HTML + JavaScript click-Event
Das ist meines Wissens nur für recheckige Bereiche möglich,
ein "fang das Objekt mit der Maus" oder "such ein Detail in der Szene" fällt damit z.B. aus.


Dunno. Kannst du das etwas weiter ausführen?
Z.B. ein Bild in Puzzleteile zerlegen. Jedes Puzzleteil ist im Prinzip ein an der Form des Teils geclippter Teil des Bildes.

HTML <input> und <textarea>
Dafür scheint JavaScript gerade gut geeignet zu sein, vor allem, weil es stark an HTML angelehnt ist. Danke für den Tipp.


JavaScript setInterval()-Funktion
Danke, damit ist diese Teilaufgabe gelöst und ich kann von jetzt an auch Reaktionsspiele bauen ;-)


JavaScript unterstützt das nativ
Hervorragend, das habe ich auch gerade festgestellt, z.B. auf https://www.w3schools.com/js/js_function_definition.asp


Was für Programme sollen denn geladen werden? Lokale Programme? Weitere "Quizze"?
Im Prinzip sollen die geladenen Programme von der gleichen Form sein wie das Programm, das sie lädt und ihre Ausgabe in einem vom Hauptprogramm definierten Teilbereich dargestellt werden.´


JavaScript AJAX + RESTful Service auf Service Seite
Das mit AJAX scheint zu funktionieren, ich habe eben ein Programmbeispiel entdeckt auf https://www.w3schools.com/php/php_ajax_php.asp


Passwörter gehören niemals in eine Anwendung, die beim Endnutzer ausgeführt wird. Solche Informationen dürfen nur auf deinem Server gespeichert werden.
Und wie geben wir dann dem Programm die Befugnis, auf den Server zugreifen zu dürfen? Dafür wird doch auch ein Passwort gebraucht, oder gibt es sowas wie einen unfälschbaren Beweis, dass ein Programm auf einer vorgegebenen URL läuft?


Die Schlüsselbegriffe lauten "reaktive Progammierung" und Websockets.
Für Websockets braucht man einen Realtime-Kommunikationsserver.
Mein Homepageserver ist dafür leider nicht geeignet;
Adobe Flash stellt für Datenaustausch einen Server zur Verfügung,
der aber nur durch Flash-Programme ansprechbar ist, und davon wollte ich gerade weg.

Ich merke schon, das wird eine schwere Geburt, von Adobe Flash wegzukommen, nachdem ich damit in meinem Spiel Crossover
( http://www.juergentoelke.de/Flash/Crossover.html ) schon so weit gekommen bin.

Vielen Dank noch für die Hilfe! Leider ist das System auf JavaScript noch weit von dem Punkt entfernt, an dem ich dir die versprochenen Extrapunkte gutschreiben könnte (vielleicht kann ich es stattdessen im alten Spiel tun, wenn du mir deine ID mailst), aber ich habe eine konkrete Idee, mit was für einem Spiel ich auf JavaScript anfangen kann. Ich werde mich wieder hier wieder melden, wenn es fertig und online spielbar ist.

Viele Grüße,
Indy

[Indy1969]

So, ich habe mir ein paar Informationen zu JavaScript erarbeitet und die erste Version für ein Comicquiz angesetzt, unter http://www.juergentoelke.de/JavaScript/ComicquizInJavaScript.html .
Zur Zeit mit nur 5 Bildern.

Kleine Anleitung:
- Um den Namen der Figur zu raten, diesen in das Textfeld eingeben und 'Eingabe' klicken.
Immer nur den Vornamen eingeben.
- 'Nächstes Bild' klicken, um das nächste Bild zu kriegen.

Was ich in Zukunft damit mache:
- Mehr Bilder zur Serie 'Disneys Entenwelt'
- Andere Serien, zwischen denen gewählt werden kann
(ich habe insgesamt 1000 Bilder vorrätig, wobei noch nicht klar ist, ob alle dafür geeignet sind)
- ...und noch eine weitere Gemeinheit, die ich jetzt nicht verrate *g*

[Indy1969]

So, inzwischen ist das Comicquiz auf 50 Bilder angewachsen, zu den Themen 'Disneys Entenwelt' und 'Pokémon'.

Die angekündigte Gemeinheit seht ihr übrigens, wenn ihr den Sourcecode der Seite anschaut:
Die Lösungen sind darin nur in codierter Form enthalten.
Mit diesem Beispiel habe ich nebenbei die letzte Teilaufgabe zur Hälfte gelöst und Lösungen unsichtbar gemacht. Bleiben nur noch die Passwörter *seufz*