» Bildfläche freirubbeln

rookie2018 · 29.01.2018, 06:54

guten morgen!

ich bin neu hier und auch anfänger (sorry) :-)

ich möchte eine kleine seite erstellen, auf der ein bild zu sehen ist und in einem definierten bereich eine fläche die man freirubblen muss, damit das darunterliegende zum vorschein kommt, also eine art rubbellos.

gibt es dazu vielleicht schon fertige scripts wo ich dann nur mein(e) bilder einfügen muss??

es wäre nett, wenn mir hier jemand helfen könnte sowas umzusetzen bzw. zu erstellen.

vielen dank.

ich hab mir ein rubbellosbild mit der noch verdeckten fläche gespeichert. dann hab ich eines mit freigerubbelter fläche, diesen ausschnitt hab ich gecleaned und neue zahlen reingeschrieben. diesen ausschnitt hab ich dann in eine kopie vom ersten bild eingefügt.
das wäre dann das untere bild und das mit der verdeckten fläche würde darüber gelegt.
jetzt geht es darum, die rubbelfläche zu definieren und ein script zu erstellen, wo man dann diese fläche mit der maus oder eine auswahl für einen "rubbler" zu verwenden und beim drüberwischen die fläche weggerubbelt wird, damit die zahlen sichtbar werden.
das ganze soll sich dann auch wieder reseten/zurückstellen, damit der nächste der die seite aufruft auch rubbeln kann.

mgutt · 31.01.2018, 18:34

Guck mal hier:
https://www.cssscript.com/demo/touch-friendly-scratch-card-pure-javascript-scratchcard/

Oder hier scheint mir die Performance besser zu sein (zumindest auf meinem Smartphone):
http://connesc.github.io/scratchcard/example/

Projekt:
https://github.com/connesc/scratchcard

rookie2018 · 01.02.2018, 06:57

vielen dank.
werd mich da mal schlau machen!!

programmierer-forum.de · Gast

Mach mit!

Wenn Dir die Beiträge zum Thread "Bildfläche freirubbeln" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden:

Registrierte Mitglieder genießen die folgenden Vorteile:
✔ kostenlose Mitgliedschaft
✔ keine Werbung
✔ direkter Austausch mit Gleichgesinnten
✔ neue Fragen stellen oder Diskussionen starten
✔ schnelle Hilfe bei Problemen
✔ Bilder und Videos hochladen
✔ und vieles mehr...

Autor	Nachricht
rookie2018 Beobachter Name: richie Geschlecht: Anmeldedatum: 29.01.2018 Beiträge: 2 Wohnort: bayern	29.01.2018, 06:54 zitieren guten morgen! ich bin neu hier und auch anfänger (sorry) ich möchte eine kleine seite erstellen, auf der ein bild zu sehen ist und in einem definierten bereich eine fläche die man freirubblen muss, damit das darunterliegende zum vorschein kommt, also eine art rubbellos. gibt es dazu vielleicht schon fertige scripts wo ich dann nur mein(e) bilder einfügen muss?? es wäre nett, wenn mir hier jemand helfen könnte sowas umzusetzen bzw. zu erstellen. vielen dank. ich hab mir ein rubbellosbild mit der noch verdeckten fläche gespeichert. dann hab ich eines mit freigerubbelter fläche, diesen ausschnitt hab ich gecleaned und neue zahlen reingeschrieben. diesen ausschnitt hab ich dann in eine kopie vom ersten bild eingefügt. das wäre dann das untere bild und das mit der verdeckten fläche würde darüber gelegt. jetzt geht es darum, die rubbelfläche zu definieren und ein script zu erstellen, wo man dann diese fläche mit der maus oder eine auswahl für einen "rubbler" zu verwenden und beim drüberwischen die fläche weggerubbelt wird, damit die zahlen sichtbar werden. das ganze soll sich dann auch wieder reseten/zurückstellen, damit der nächste der die seite aufruft auch rubbeln kann. Gefällt mir Teilen twittern
▲	pn

mgutt Administrator Name: Marc Geschlecht: Anmeldedatum: 28.08.2004 Beiträge: 52420 Wohnort: Lohmar Meine eBay-Auktionen:	31.01.2018, 18:34 zitieren Guck mal hier: https://www.cssscript.com/demo/touch-friendly-scratch-card-pure-javascript-scratchcard/ Oder hier scheint mir die Performance besser zu sein (zumindest auf meinem Smartphone): http://connesc.github.io/scratchcard/example/ Projekt: https://github.com/connesc/scratchcard 2x bearbeitet
▲	pn email

rookie2018 Beobachter Name: richie Geschlecht: Anmeldedatum: 29.01.2018 Beiträge: 2 Wohnort: bayern	01.02.2018, 06:57 zitieren vielen dank. werd mich da mal schlau machen!!
▲	pn

programmierer-forum.de Gast	01.02.2018, 06:57 zitieren Mach mit! Wenn Dir die Beiträge zum Thread "Bildfläche freirubbeln" gefallen haben oder Du noch Fragen hast oder Ergänzungen machen möchtest, solltest Du Dich gleich bei uns anmelden: Registrierte Mitglieder genießen die folgenden Vorteile: ✔ kostenlose Mitgliedschaft ✔ keine Werbung ✔ direkter Austausch mit Gleichgesinnten ✔ neue Fragen stellen oder Diskussionen starten ✔ schnelle Hilfe bei Problemen ✔ Bilder und Videos hochladen ✔ und vieles mehr...
▲