Ändere die Varianz der Mausbewegung

9

Ich bin also mit trianglify.js beschäftigt.

Mein Ziel ist, dass sich die Varianz ändert, wenn sich die Maus bewegt.

Theoretisch in Ordnung, aber in der Praxis ist es nicht wirklich nötig. Ich habe ein paar verschiedene Code-Formate ausprobiert, aber ich kann es einfach nicht verstehen, den neuen Wert zu respektieren.

Hoffentlich kann jemand aufklären, was ich falsch mache.

%Vor% %Vor%
    
DCdaz 24.11.2015, 00:16
quelle

3 Antworten

2

Die in var pattern definierte Funktion onmousetop hat keinen Einfluss auf die ursprüngliche pattern , die in window.onload definiert ist. Daher wird die vorhandene Arbeitsfläche nicht wie erwartet geändert. Stattdessen können Sie versuchen, die ältere Arbeitsfläche zu entfernen und die neue Arbeitsfläche anzuhängen. Möglicherweise müssen Sie auch hier alle Optionen hinzufügen, damit es wie erwartet funktioniert. (Außerdem haben Sie die schließende Klammer } für window.onload -Funktion verpasst. Ich schätze, es ist nur ein Eingabefehler beim Schreiben der Frage. Ich habe das auch in Ihrer Frage bearbeitet.)

%Vor%

Vollständige Demo:

%Vor% %Vor%
    
Tᴀʀᴇǫ Mᴀʜᴍᴏᴏᴅ 05.01.2016, 06:54
quelle
1

Hier ist ein Beispiel, in dem sich die Farben beim Bewegen der Maus erfolgreich ändern. Sollte das gleiche für die Varianz sein, obwohl das schwierig zu testen scheint.

%Vor%

Quellen:

Trianglify-Readme: Ссылка

Trianglify beginnt: Ссылка

Html5 Leinwand: Ссылка

OnMouseMove-Ereignis: Ссылка

    
pabrams 04.01.2016 20:33
quelle
1

Problem mit der ursprünglichen Lösung ist, dass der neu erzeugte Canvas in onmousemove nirgends angezeigt wird. Sie sollten sich den Canvas von dem Moment an merken, als Sie ihn zum ersten Mal erstellt haben, und ihn dann als Argument an pattern.canvas (...) weiterleiten:

%Vor%

Die Lösung von @pabram ist auch in Ordnung, vergessen Sie nicht, <canvas> element mit id="mycanvas" zu erstellen. BTW, was Sie mit dem Timer tun, ist im Grunde genommen hausgemachte Implementierung von Debounce (obwohl, richtig!): Was macht RxJS.Observable entprellen?

    
Tomas Kulich 04.01.2016 20:54
quelle

Tags und Links