Tremor (zB Parkinson) mit der Maus auf einer Webseite simulieren?

204

Ich arbeite für eine Stiftung, die das Bewusstsein für Barrierefreiheit im Internet schärft. Für eine Präsentation möchten wir einen kleinen Workshop anbieten, der verschiedene Behinderungen / Beeinträchtigungen für Menschen simuliert. Dies erfolgt über eine speziell für diese Präsentation erstellte Website.

Eine der nachgewiesenen Beeinträchtigungen ist ein Zittern, was bedeutet, dass wackelige, schwer zu kontrollierende Handbewegungen auftreten. Bei dieser Beeinträchtigung ist es sehr schwierig, den Mauszeiger genau zu bewegen und die Maustaste zu drücken, während sich die Maus über einem Link befindet. Sowohl einige alte Menschen als auch Menschen mit Krankheiten, z. B. Parkinson, können unter Zittern leiden.

Jetzt möchte ich den Mauszeiger auf unvorhersehbare Weise bewegen, so dass es für die Leute sehr schwierig ist, auf eine kleine Schaltfläche zu klicken. Da JavaScript das direkte Bewegen des Mauszeigers nicht zulässt, suche ich nach anderen Möglichkeiten, um dies zu erreichen. Ich hatte folgende Ideen:

  • Verwenden eines Maustreibers / Dienstprogramms, das das Schütteln der Maus simuliert.
  • Blenden Sie den Mauszeiger über CSS aus, platzieren Sie eine GIF-Animation eines zitternden Mauszeigers an der Stelle des ursprünglichen Cursors (mit JavaScript) und machen Sie den Ziellink dann etwa alle paar Sekunden für eine Sekunde anklickbar. Dies würde zumindest das Gefühl vermitteln, als würde man immer im falschen Moment klicken.

Die erste Idee wäre zwar ziemlich cool, aber ich konnte kein solches Tool finden, weder für Mac noch für Windows. Und ich habe selbst keine Fähigkeiten, so etwas zu programmieren.

Die zweite Idee scheint etwas ungeschickt zu sein, aber ich denke, sie würde den gewünschten Effekt erzielen.

Hat jemand eine andere Idee?

Joshua Muheim
quelle
35
Sie können tatsächlich die Cursorposition (gut, eine emulierte) mit der Zeigersperr-API
Stuart P. Bentley
2
Schauen Sie sich developer.mozilla.org/en-US/docs/Web/API/… an . Der direkte Link zur Demo lautet mdn.github.io/pointer-lock-demo . Solange es für Ihren Zweck akzeptabel ist, den Benutzern den Klick auf eine Leinwand mitzuteilen und der Seite zu erlauben, den Mauszeiger zu deaktivieren, möchten Sie Ihren Code möglicherweise darauf aufbauen
Aristocrates
5
Schon diese Frage macht uns Webentwickler auf sich aufmerksam. Danke für die Frage! Wie groß sollte Ihrer Meinung nach eine Schaltfläche sein, um anklickbar zu sein?
Ideogramm
4
Nur ein Level-Set für Tremor: Es gibt zwei grundlegende Arten - "essentielles Tremor" und Parkinson-Tremor - und sie sind völlig unterschiedlich. "Essentieller Tremor" (der nicht nur ein Zustand älterer Menschen ist) ist ein "Intentions" -Zittern, was bedeutet, dass er nur dann sichtbar ist, wenn das Individuum versucht, etwas zu tun, und sich verschlimmert, je stärker das Individuum versucht, es zu kontrollieren. PD-Tremor tritt dagegen hauptsächlich in Ruhe auf, und der Tremor ist oft nicht offensichtlich, wenn die Person versucht, etwas zu tun (obwohl Steifheit aufgrund von PD durchaus vorhanden sein kann).
Hot Licks
2
Ich habe eine Linux-Version veröffentlicht, die xdotool zur Steuerung der Maus verwendet, aber es gibt ein ähnliches Tool für Windows namens autoit. Es sieht ziemlich einfach aus und es gibt sogar ein Tag dafür [autoit]. Es hört sich auch so an, als ob Sie 2 Versionen benötigen. Eine, die stärker wackelt, bis die Bewegung beginnt, und sich dann etwas beruhigt, während die andere relativ stabil ist, bis die Bewegung beginnt.
Technosaurus

Antworten:

148

Ich habe eine kurze Demo von etwas gemacht, auf dem Sie hoffentlich Ihren Code mithilfe der Zeigersperr-API aufbauen können sollten .

Ich habe dieses Pointer-Lock-Demo-Repo gegabelt und modifiziert, um ein zufälliges Bewegungselement hinzuzufügen.

Hier ist der Link zu meiner GitHub-Seite: https://aristocrates.github.io/pointer-lock-demo
Und hier ist der Link zu meinem Repo: https://github.com/aristocrates/pointer-lock-demo

Der wichtige Javascript-Code ist app.jsin der canvasLoop(e)Methode enthalten.

Das einzige, was ich gegenüber der ursprünglichen Demo geändert habe, war nach den Zeilen

x += movementX * 2;
y += movementY * 2;

Ich habe zwei Zeilen hinzugefügt, um zufällige Bewegungen darzustellen:

x += Math.floor(Math.random()*3 - 1);
y += Math.floor(Math.random()*3 - 1);

Es gibt noch viele Dinge, die Sie verbessern könnten, aber hoffentlich kann dies Ihnen den Einstieg erleichtern.

Aristokrates
quelle
36
Als Hinweis in der Funktionalität ist zufällige Bewegung nicht dasselbe wie Händeschütteln. Bei zufälliger Bewegung kann der Zeiger über den Bildschirm driften. Mit zitternder Hand vibriert der Zeiger um einen zentralen Punkt.
zzzzBov
5
Es ist erwähnenswert, dass die Browserunterstützung für die Pointer Lock-API nicht großartig ist - dies funktioniert nicht in Internet Explorer oder Safari.
Steve Sanders
3
Ich habe keine Zeit gefunden, es selbst auszuprobieren, aber vielleicht kennen Sie diese: Funktioniert die Zeigersperr-API auch außerhalb einer Zeichenfläche? Oder ist es auf eine Leinwand beschränkt?
Joshua Muheim
8
Eine realistischere Implementierung würde die "reale" Position des Cursors verfolgen und sich zufällig innerhalb eines Kreises darum bewegen, aber das könnte zu komplex sein.
Tckmn
1
@ Chris Chrome wirft jetzt Blocked pointer lock on an element because the element's frame is sandboxed and the 'allow-pointer-lock' permission is not set.. Es scheint, dass jsFiddle den Inhalt in einen Sandbox-Frame einbettet (dh keine Zeigersperre über zulässt <iframe sandbox="webkit-allow-pointer-lock">, siehe Dokumentation ). Versuchen Sie, das Beispiel auf eine einzelne Seite ohne Sandbox zu legen.
ComFreek
36

Nicht-Javascript-Methode

Eigentlich mag ich Lösungen, die möglicherweise auf Javascript basieren, da sie eher webbezogen sind und gute Chancen bestehen - OS-unabhängig. Ich habe jedoch darüber nachgedacht, wie Sie Ihr Problem für alle Browser beheben können, da es in diesem Fall schwierig ist, Javascript-Lösungen für alle möglichen Browser anzupassen (ich bin mir nicht sicher, ob dies überhaupt möglich ist).

Wie Sie bereits erwähnt haben, gibt es eine andere Möglichkeit: das Verhalten auf Betriebssystemebene zu emulieren. Dies hat noch einen weiteren Vorteil: Sie können sicher sein, dass der Browser zu 100% menschlich aussieht (weil der Treiber das Signal sendet). Sie können also treiber- / gerätebasierte Lösungen mit jedem Browser verwenden (oder sogar in Situationen, in denen Javascript deaktiviert ist).

Linux

Leider führt die Einbeziehung von Treiber / Gerät sofort zu einer Abhängigkeit vom Betriebssystem. Für jedes Betriebssystem benötigen Sie eine eigene Lösung. In diesem Beitrag konzentriere ich mich auf Linux-basierte Lösungen (wird also mit Linux funktionieren) - und Mac OS ein wenig. Unter Linux ist es möglich, Ereignisse explizit auf das Gerät zu schreiben. Im Folgenden finden Sie ein Funktionsbeispiel mit Hauptschleife:

int main()
{
    struct input_event event, event_end;

    int  fd = open("/dev/input/event4", O_RDWR);
    long ma = getInteger("Enter max amplitude [points, 0..50]: ", 0, 50);
    long ta = getInteger("Enter max wait time [usecs , 0..200000]: ", 0, 200000);
    if (fd < 0)
    {
        printf("Mouse access attempt failed:%s\n", strerror(errno));
        return -1;
    }
    memset(&event, 0, sizeof(event));
    memset(&event, 0, sizeof(event_end));
    gettimeofday(&event.time, NULL);
    event.type = EV_REL;
    gettimeofday(&event_end.time, NULL);
    event_end.type = EV_SYN;
    event_end.code = SYN_REPORT;
    event_end.value = 0;
    while(1)
    {
        event.code  = rand() % 2 ? REL_X : REL_Y;
        event.value = (rand() % 2 ? -1 : 1) * randomTill(ma);
        write(fd, &event, sizeof(event));
        write(fd, &event_end, sizeof(event_end));
        usleep(randomTill(ta));
    }
    close(fd);
    return 0;
}

Mein vollständiger Code für das Problem finden Sie hier . Das Programm fragt nach der Amplitude des "Zitterns" und seiner Frequenz (also wie viel Zeit in Mikrosekunden zwischen "Zittern" liegt). Um die Situation zu emulieren, wird die Maus gezwungen, sich zufällig nach 0..XPunkten in zufälliger Richtung zu bewegen (oben-unten-links-unten) und zufällig 0..YMikrosekunden bis zum nächsten "Tremor" zu warten. Es gibt Xeine Amplitude von "Tremor" und Yeine Frequenz von "Tremor" ""

Eine andere Möglichkeit besteht darin, das Programm an Ihr System anzupassen. Das Programm ist "Dummy" und kann die Maus nicht selbst erkennen, "/dev/input/event4"ist also fest codiert. Um festzustellen, welche Kennung für Ihr System möglicherweise vorhanden ist, können Sie Folgendes versuchen:

user@host:/path$ cat /proc/bus/input/devices | grep mouse
H: Handlers=mouse0 event3 
H: Handlers=mouse1 event4

Und so sind Möglichkeiten "event3"und "event4"- aber für Ihr System, die andere Werte haben können. Wenn sich dies von der derzeit im C-Code verwendeten unterscheidet, ändern Sie einfach die entsprechende Zeile (also Zeile mit int fd = open("/dev/input/event4", O_RDWR);und platzieren Sie Ihr Gerät anstelle von event4).

Eine GIF-Demo für dieses Programm (leider niedrige Bildrate, also Bild nicht zu groß halten) hier .

Eine kleine Randnotiz (wenn Sie nicht wissen, was Sie mit C-Code tun sollen) - um das obige Programm zu kompilieren, verwenden Sie einfach:

user@host:/path$ gcc -std=gnu99 file.c -o m

Wo file.cist der Name Ihrer C-Quellcodedatei, dann erhalten Sie eine ausführbare Datei, die min Ihrem Verzeichnis aufgerufen wird . Höchstwahrscheinlich benötigen Sie Berechtigungen, um direkt in das Mausgerät zu schreiben. Sie können also Folgendes verwenden sudo:

user@host:/path$ sudo ./m

Anderes Betriebssystem

Die Logik bleibt gleich:

  • Finden Sie einen Weg, um auf Ihr Mausgerät zuzugreifen
  • Schreibe das Ereignis einer sich bewegenden Maus
  • Wenden Sie eine Randomisierung auf Ihre Veranstaltung an

Das ist es. Zum Beispiel hat Mac OS seine eigene Art, mit der Maus zu arbeiten (nicht wie Linux, Mac auch nicht procfs), es wird hier gut beschrieben .

Als Schlussfolgerung

Was besser ist - Javascript oder geräteorientierte Lösungen - liegt bei Ihnen, da bestimmte Bedingungen (wie browser- oder betriebssystemübergreifend) in diesem Fall alles entscheiden können. Aus diesem Grund habe ich Richtlinien zusammen mit bestimmten Arbeitsbeispielen zur Implementierung auf Betriebssystemebene bereitgestellt. Der Vorteil hierbei ist, dass die Lösung browserübergreifend ist, aber als Kosten haben wir ein OS-gebundenes Programm.

Alma Do.
quelle
Vielen Dank für diesen sehr detaillierten Beitrag. Ich vermute, dass wir auf einem Tablet (Android oder iOS) demonstrieren werden, sodass wir das Verhalten der Maus auf Betriebssystemebene nicht ändern können. Aber trotzdem sehr interessant!
Joshua Muheim
53
Wie zum Teufel willst du wackelige Mäuse auf Touchscreen-Geräten demonstrieren?
Davor
6
@Davor Ehrlich gesagt bezweifle ich sehr, dass Menschen, die tatsächlich Probleme mit Zittern / zitternden Händen haben, ein Touch-Gerät verwenden würden , es sei denn, sie wollten sich absichtlich verrückt machen.
Chris Cirefice
2
@ChrisCirefice: Oder sind gezwungen, weil sie eines der Millionen Geräte verwenden müssen, die unser Leben schöner machen und Touchscreens verwenden sollen. Denken Sie daran, dies soll das Bewusstsein für das Problem schärfen, mit dem diese Menschen Probleme haben Das.
PlasmaHH
@PlasmaHH Das OP erwähnte nicht, dass dies dazu dient, das Bewusstsein für Menschen mit Zittern und deren Schwierigkeiten (speziell) mit Touchscreen-Geräten zu schärfen. Und wieder denke ich nicht, dass jemand, der tatsächlich Probleme mit Zittern hat, masochistisch genug ist, um zu versuchen, tragbare Touchscreen-Geräte zu verwenden . Es gibt Geräte, die viel einfacher zu bedienen sind, z. B. Telefone mit großen (mechanischen) Tasten. Die meisten Betriebssysteme enthalten die Navigation per Sprache (z. B. Spracherkennung - Windows-Betriebssystem). Ich stelle mir vor, dass ernsthaft Betroffene diese Tools anstelle eines iPhones verwenden würden.
Chris Cirefice
23

Ich habe das einmal als Witz im Puppy Linux Forum gemacht und den Kommentar bekommen, dass:

Menschen mit Parkinson werden es nicht lustig finden !!!

Heilung hier ist zum Glück einfach cntrl-C.

Hier ist das Shell-Skript, für das xdotool erforderlich ist

#!/bin/sh
while :; do
   xdotool mousemove_relative -- -$(($RANDOM % 10)) $(($RANDOM % 10))
   xdotool mousemove_relative -- $(($RANDOM % 10)) -$(($RANDOM % 10))
   sleep ${1:-.1} #adjust this as necessary for effect
done

Benennen Sie als parkinson_sim und führen Sie ein optionales Argument für die Zeit zwischen Zittern aus, die zwischen 0,001 und 999,0 liegen kann.

parkinson_sim [time_between_tremors_in_seconds] #default ist 0.1

Ich habe den Fehler gemacht, selbst darauf zu klicken, anstatt es über die Befehlszeile auszuführen, und schnell festgestellt, wie frustrierend es sein muss. Ich brauchte mehrere Versuche, um ein Terminalfenster zu öffnen, um es zu töten.

Technosaurus
quelle
1
Vielleicht möchten Sie den Doppelpunkt durch etwas wie "Schlaf 0,01" ersetzen, um die CPU-Auslastung und Geschwindigkeit zu begrenzen, da es auf meinem Rig unrealistische schnelle Sprünge mit Ihrem Code macht.
Nonchip
1
@nonchip - Danke für die Info, ich habe sie nie lange genug ausgeführt, um die CPU-Auslastung herauszufinden. Fügte dem Körper einen Schlaf hinzu.
Technosaurus
Sie wissen, dass Sie in den meisten Linux-Distributionen das Terminal mit Tastaturbefehlen öffnen können, oder?
Nur die Hälfte des
@justhalf Im Standard-Welpen zu dieser Zeit bestand die Terminalverknüpfung darin, `in einem ROX-Filer-Fenster zu drücken . Es dauerte ein paar Versuche, um es zu öffnen, also benutzte ich die Tastatur, um das Menü zu öffnen. Kurz darauf erstellte ich einen rudimentären Sprachsteuerungsdämon mit bagsphinx_continuous und ungefähr 10 Zeilen Shell.
Technosaurus
while :; do ...; sleep $time; donesollte fast immer sein while sleep $time; do ...; done, denn wenn der Benutzer Strg-C drückt, wird der aktuell ausgeführte Befehl mit ziemlicher Sicherheit ausgeführt sleep, und Shells beenden das Skript nicht immer, wenn der Benutzer dies wünscht. Dies geschieht vor allem beim Testen in interaktiven Shells, manchmal jedoch auch in Skripten. Noch besser wäre while xdotool ... && xdotool ... && sleep ...; do :; done.
16

Ihre zweite Idee (verstecken Sie den Cursor) ist auf halbem Weg zu einer, von der ich denke, dass sie für Sie gut funktioniert:

  • Verstecken Sie den Mauszeiger über CSS, wie Sie vorschlagen. ( cursor:noneIIRC)
  • Verwenden Sie anstelle eines GIF mit wackeligem Cursor ein Bild + absolute CSS-Positionierung + JS, um den Mauszeiger zu emulieren. Folgen Sie also der Maus um die Seite und platzieren Sie das Cursorbild dort, wo sich der Mauszeiger nativ befinden würde.

Anschließend fügen Sie Ihrem Cursor-Code etwas Tremor-Mathematik hinzu, um den Cursor zu "schütteln". Es liegt an Ihnen, die richtigen Kurven zu bestimmen, um die Tremoreingabe richtig zu simulieren.

Schließlich: für alle Steuerelemente, die Sie programmieren (Links usw.):

  • Erfassen Sie Klickereignisse, schieben Sie sie basierend auf dem Status Ihrer Tremorkurven an die aktuelle Position "Tremor" und überprüfen Sie Ihre Elemente anhand von Grenzen, um festzustellen, ob der Benutzer das beabsichtigte Element oder möglicherweise ein nicht beabsichtigtes Element ausgeschüttelt hat .

Ein wichtiger Vorteil dieser Implementierung: Ihr "wackeliger Cursor" wird auf Touch-Geräten angezeigt, für die zunächst kein Cursor vorhanden wäre.


Bearbeiten:

Basierend auf Michael Theriots (sehr sauber und hilfreich!) Basis JSFiddle aus den Kommentaren, hier ist eine, die ständig mit einem normalverteilten Sweep um die aktuelle Cursorposition zittert : http://jsfiddle.net/benmosher/0x4mc64v/4/

(Das normalArray ist das Ergebnis eines Aufrufs rnorm(100)in meiner R-Konsole. Die einfachste Art, wie ich mir in JS vorstellen kann, eine normalverteilte zufällige Ganzzahl abzutasten.)

Ben Mosher
quelle
Einige Standard-Informationen zu JS-Mausereignissen: javascript.info/tutorial/…
Ben Mosher
Vielen Dank, dies ist wirklich eine sehr würdige Ergänzung zu meiner Idee.
Joshua Muheim
Die Geige ist einfach wunderschön für ein Projekt, an dem ich arbeite, obwohl es 4 Jahre alt ist. Würde es Ihnen etwas ausmachen, wenn ich dies als Grundlage für die Parkinson-Simulation stehle, die Teil meines Projekts ist?
Graham Ritchie
@ AbrahamRitchie: gut mit mir, aber Michael Theriot hat die meiste Arbeit gemacht, IIRC Ben
Ben Mosher
14

Nur eine Idee, um das Zittern "richtig" zu machen. Sie können die Mausbewegung eines echten Patienten aufzeichnen. Dies macht es authentischer, wenn Sie den Leuten sagen, woher die Daten stammen.

Es gibt ein Skript, mit dem eine Katze Ihrem Mauszeiger folgen kann. Sie können eines anpassen, damit ein zweiter Cursor Ihrem Mauszeiger folgt (herumspringt). Die Seite berechnet die Position des zweiten Cursors, sodass auch festgestellt werden kann, ob ein Klickereignis erfolgreich ist oder nicht.

Wenn Sie können, machen Sie es bitte webbasiert. Auf diese Weise erreichen Sie viel mehr Menschen, als sie zu bitten, ein Programm zu installieren oder Flash oder was auch immer zu aktivieren.

user3934260
quelle
Danke für diesen Vorschlag.
Joshua Muheim
1
Diese Idee gefällt mir - die Mausposition kann jederzeit über JavaScript aufgezeichnet werden. Sie können dann die Bewegungen (XY-Ebene) darstellen und sogar einige grundlegende Statistiken für eine 'gültige' Formel von 'tremor_randomness' für die Pointer Lock API-Lösung oder ähnliches erhalten. Dies würde etwas mehr Arbeit (z. B. 10 Sekunden lang alle 100 ms die XY-Position abrufen) und Analyse erfordern, würde jedoch einen viel realeren Effekt erzielen als eine einfache Randomisierung. Für Ihre Sache kann es sich lohnen.
Chris Cirefice
10

Anstatt zu versuchen, den Zeiger zu verschieben, können Sie stattdessen die Anwendung (Webseite) verschieben. Ich habe ein einfaches HTML-Formular geschrieben, das einige Eingabefelder enthält. Wenn Sie die Maus auf das Formular bewegen, wird das Formular verschoben.

Sie können eine Demo der sich bewegenden Form bei jsfiddle sehen . Versuchen Sie, auf eines der Eingabefelder zu klicken, um den Effekt zu sehen.

Ich habe den JQuery- Shake- Effekt verwendet, um dies zu erreichen. Das Javascript für den Shake-Effekt sieht folgendermaßen aus und bewirkt nur, dass sich das Formular auf und ab bewegt, wenn die Maus darüber bewegt wird:

<script type="text/javascript">
    $(document).ready(function() {
        $("#toggle").hover(function () {
            $(this).effect("shake", { direction: "up", times: 1, distance: 40}, 1000);
        });
    });
</script>

Obwohl sich die Form nur auf und ab bewegt, denke ich, dass sie den gewünschten Effekt hat. Sie können mit den Parametern (Richtung, Zeiten, Entfernung sowie dem oben genannten unbenannten "1000") spielen, um die Formularbewegung zu optimieren.

chue x
quelle
3
Ich habe auch selbst darüber nachgedacht, aber obwohl es einfacher zu implementieren ist, zeigt es nicht die "echte" Erfahrung eines Zitterns.
Joshua Muheim
10

Warum nicht eine Hardwarelösung verwenden? Es gibt bestimmte Mäuse, in die Sie Gewichte einbauen können, wie den Logitech G500. Setzen Sie statt eines Gewichts einen kleinen oszillierenden Motor ein, der die Maus leicht zittern lässt. Dies simulierte auch die tatsächliche Störung mehr: Es ist nicht nur der Cursor, der zittert, sondern die gesamte Hand und Maus. Außerdem können Sie andere Software als Websites anzeigen.

Anstelle einer Maus mit einem Gewichtsschlitz können Sie auch einfach etwas auf die Maus kleben, aber das fällt besser auf.

Nzall
quelle
Da ich ein Computerfreak und kein mechanischer bin, bleibe ich bei einer elektronischen Lösung. Vielen Dank!
Joshua Muheim
Eine mögliche Hardwarelösung besteht jedoch darin, die (vermutlich verdrahtete) Maus durch Hinzufügen eines Zufallsgenerators zu stören.
Hot Licks
6

Da Sie darüber nachdachten, es mit einem benutzerdefinierten Maustreiber zu tun, würde ein kleines Programm, das auf dem PC ausgeführt wird, wahrscheinlich auch funktionieren? Wenn dies der Fall ist, finden Sie hier einen kleinen Ausschnitt für C #, der den Cursor unendlich zufällig mit einem Bereich von plus minus 5 Pixel um die aktuelle Cursorposition bewegt. Nach jeder Verschiebung wartet das Programm 50 ms bis 100 ms (nicht genau!). Das Wackeln kann durch Anpassen der Werte für die Verschiebung und die Pausen konfiguriert werden. Ich habe dies in einer Konsolenanwendung ausgeführt und es war - abhängig von den Werten - ziemlich schwierig, das Programm zu stoppen.

Random rand = new Random();

while(true)
{
    Cursor.Position = new Point() { X = Cursor.Position.X + rand.Next(11)-5, Y = Cursor.Position.Y + rand.Next(11)-5 };
    Thread.Sleep(rand.Next(50) + 50);
}
Paul Kertscher
quelle
6

Hier ist eine Windows-Version meines xdotool-Skripts, das AutoIt verwendet . Dies war mein erstes AutoIt-Skript, und das Schreiben dauerte nur ein paar Minuten. Ich bin sicher, dass es verbessert werden kann. Speichern Sie einfach mit der Erweiterung .au3 und führen Sie sie mit AutoIt (Run Script x86) aus.

HotKeySet("{HOME}", "GStart")
HotKeySet("{PAUSE}", "Gpause")
HotKeySet("{ESC}", "Gexit")

While 1
    Sleep(100)
WEnd

Func Gstart()
While 1
    sleep(100)
    $pos = MouseGetPos()
    $x = $pos[0] + 10 - Random(0, 20, 1)
    $y = $pos[1] + 10 - Random(0, 20, 1)
    MouseMove($x,$y)
Wend
Endfunc


Func Gpause()
While 1
   sleep(100)
Wend
Endfunc

Func Gexit()
    MsgBox(0, "exit box", "Script exited")
    Exit 0
EndFunc

Kontrollen

  • Home: Simulation starten.
  • Pause: Simulation anhalten.
  • Esc: Simulation beenden.

Oder benutze meine kompilierte Version von hier .

Technosaurus
quelle
Sehr schön. Danke dir!
Joshua Muheim
5

Sie können nicht erwarten, dass jemand seine Hände perfekt ruhig halten kann. Eine Sache, die Sie in Betracht ziehen können, ist:

  1. Erklären Sie den Benutzern, was Sie tun, und
  2. Machen Sie die anklickbaren Elemente auf der Demoseite viel kleiner als normal.
  3. Erhöhen der Mausempfindlichkeit im Beispielsystem auf das Maximum.

Meine Argumentation ist (Vorbehalt, ich bin kein Experte für UX oder Medizin), wenn Sie die klickbaren Elemente verkleinern, entsteht für die meisten Menschen ein ähnliches Problem, mit dem eine Person mit Parkinson-Krankheit auf einer alltäglichen Website konfrontiert wäre.

jdphenix
quelle
Auch das ist eine interessante Idee. Ich habe sicher vor, die anklickbaren Elemente sowieso ziemlich klein zu machen.
Joshua Muheim
2
Ich fürchte, die meisten Mausbenutzer können ihr Gerät auf 1-2 Pixel reduzieren, wenn sie sich konzentrieren - z. B. liegt das Händeschütteln mit den von mir verwendeten Mauseinstellungen unter 1 Pixel. Also wahrscheinlich keine universelle Lösung, wenn Ihre Schaltflächen größer als 1-2 Pixel sind ...
Jonas Heidelberg
Ich würde # 3 hinzufügen, die Mausgeschwindigkeit erhöhen und die Einstellungen auf Maximum klicken
Ryan B
Es wäre sinnvoll, eine Art "automatische Lautstärkeregelung" an der Maus zu haben, die kleine Bewegungen verstärkt und größere Bewegungen näher an "normal" bringt.
Hot Licks
4

Sie können einen Alterssimulationsanzug wie den in diesem Artikel beschriebenen verwenden ... Ich vermute, dass der Teil mit dem Zittern der Hand nur ein vibrierender Motor ist, der um das Handgelenk geschnallt ist, sowie einige dicke Handschuhe, um die Hände im Allgemeinen ungeschickt zu machen.

user3067860
quelle
Danke dir. Obwohl dies sehr interessant ist, werden wir wahrscheinlich nicht Geld und Zeit haben, um jeden Besucher in den Anzug zu stecken. ;)
Joshua Muheim
5
Wäre das nicht besser als Kommentar geeignet?
Selali Adobor
Nun, ich war ein bisschen verwirrt über die Javascript- und HTML-Tags, aber da der Fragesteller auch die Verwendung spezieller Maustreiber (und dann der erwähnten Tablets) vorgeschlagen hat, scheinen andere Lösungen willkommen zu sein. Sobald Sie die spezifische technologische Einschränkung aufgehoben haben, ist dies eine Antwort. Auf diese Weise lösen Forscher auf diesem Gebiet das Problem der Simulation altersbedingter Behinderungen. Ich denke auch, dass Sie relativ billig basteln können, wenn Sie nur das Zittern wollen - eines dieser Klett-Handgelenkgewichte und ein vibrierender Motor sollten nicht zu hart sein.
user3067860
4
  • In Ihrem DIVCSS-Verstecken Sie den Cursor mitcursor:none;
  • Erstellen Sie ein PNG-Cursor-Bild und verschieben Sie es ( left, top) mit aktiviertem jQmousemove
  • Randomisieren Sie die .png margin-leftund margin-topverwenden Sie a setTimeout (um die transitionNeupositionierung reibungslos zu gestalten, verwenden Sie CSS3 oder machen Sie es mit jQ .animate()).

Hinweis: Das Skript kann nicht wissen, ob sich die Hand noch auf der Maus befindet;)

function rand(min, max) {return Math.random() * (max - min) + min;}

var $cursor = $('div img');

$('div').mousemove(function(e) {  // Make .png follow the mouse coordinates
  $cursor.css({
    left: e.pageX,
    top:e.pageY
  });
}).hover(function(e){
  $cursor.toggle(); // Show .png cursor as we enter the DIV
});

(function tremor(){ // Add tremor to .png image
  $cursor.css({
      marginLeft: rand(-15,15), // arm tremor
      marginTop:  rand(-30,30)  // hand contractions
  });
  setTimeout(tremor, rand(50,100));
}());
div{
  position:absolute;
  background:#eee;
  height:100%;
  width:100%;
  cursor:none;
}

div img{
  display:none;
  position:absolute;
  transition: margin 0.2s;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div><img src="http://i.stack.imgur.com/KwMGA.png"></div>

Roko C. Buljan
quelle
2

Die Low-Level-Teile der Simulation des Tremors sind inzwischen gut beantwortet. Ich werde etwas hinzufügen, das sich auf die Art des zu simulierenden Zitterns konzentriert:

Die meisten Antworten implementieren einen Mauszeiger, der sich auf einem zufälligen Pfad mit einer festen maximalen Schrittweite in X- und Y-Richtung bewegt.

Dies sollte gut genug funktionieren, um es schwierig zu machen, einen bestimmten Bereich wie einen Knopf zu treffen.

Für das allgemeinere Problem der Simulation von UI-Problemen, die durch einen Tremor aufgrund der Parkinson-Krankheit verursacht werden, wäre es zumindest interessant, die Handbewegungen dieser Art von Tremor tatsächlich zu simulieren.
Ich vermute, dass der zufällige Spaziergang keine sehr gute Annäherung ist .

Es mag natürlich schwierig sein, echte Handspurdaten der Tremorbewegung zu erhalten, aber es gibt sicherlich Artikel über die Analyse dieser Art von Tremor:

In der Arbeit Parametrische Darstellung der Handbewegung bei Parkinson geht es darum, wie 3D-Handbewegungsspuren am besten dargestellt werden können.
Das Papier ist kostenpflichtig, aber die Vorschau oben rechts mit der Bezeichnung "Look Inside>" auf dem Buchbild zeigt einige interessante Darstellungen verschiedener Darstellungen von Handverfolgungsdaten .

Volker Siegel
quelle