Gleitender Mittelwert Js

Auf den Schultern von Scriptographer und unter Verwendung von HTML5-Standards steht, ist Paper. js ein umfassendes Open-Source-Vektor-Grafik-Scripting-Framework. Dokumentobjektmodell Paper. js bietet ein Dokumentobjektmodell (auch als Szenendiagramm bezeichnet), das sehr einfach zu bearbeiten ist. Erstellen Sie ein Projekt und füllen Sie es mit Ebenen, Gruppen, Pfaden, Raster usw. Gruppen und Ebenen können andere Elemente und sogar andere Gruppen enthalten. Wenn youaposve noch nie von einem Dokumentobjektmodell gehört haben, können Sie es als die Ebenen-Palette von Anwendungen wie Adobe Illustrator amp Adobe Photoshop denken. Das Bild auf der linken Seite ist eine Darstellung der Struktur des Projekts nach dem Ausführen des Codes unten, wenn Sie es in einer Anwendung wie Adobe Illustrator suchen würde. Es gibt zwei Schichten, der rote Pfad wurde in der ersten Schicht erstellt und der grüne Pfad wurde in der zweiten erstellt. Weitere Informationen zum Document Object Model finden Sie im Dokumenthierarchie-Tutorial. Paths amp Segments Paper. js macht es sehr einfach, Pfade zu erstellen und Segmente hinzuzufügen. Nach dem Hinzufügen können die Segmente einfach überprüft, manipuliert, bewegt, entfernt usw. werden. In Paper. js werden Pfade durch eine Folge von Segmenten dargestellt, die durch Kurven verbunden sind. Ein Segment besteht aus einem Punkt und zwei Griffen, die den Ort und die Richtung der Kurven definieren. Weitere Informationen zu Pfaden und Segmenten finden Sie im Tutorial Arbeiten mit Path Items. Mausinteraktion Paper. js bietet Maushandler für die verschiedenen Aktionen, die Sie mit einer Maus (oder einem Touchscreen) ausführen können. Sie können diese Handler verwenden, um verschiedene Arten von Tools zu produzieren, die unterschiedliche Möglichkeiten haben, auf Mausinteraktion und Bewegung zu reagieren. Definieren Sie einfach die Handler-Funktionen in Ihrem Paperscript-Code und sie werden von Paper. js aufgerufen werden, wenn der Benutzer mit der Leinwand interagiert. Lesen Sie mehr über Maus-Handler in der Tutorial Erstellen von Maus-Tools. Das Ereignisobjekt, das an den Ereignishandler übergeben wird, enthält viele handliche Eigenschaften, die die Bewegung und die Position der Maus beschreiben. Erfahren Sie mehr über Maus-Ereignisse in der Maus Veranstaltungen Tutorial. Tastaturinteraktion Mit Paper. js können Sie auf zwei Arten mit der Tastatur interagieren: Sie können Schlüsselereignisse abhören und darauf reagieren oder den Status einer bestimmten Taste jederzeit überprüfen, um festzustellen, ob sie gedrückt wird oder nicht. Weitere Informationen zur Tastaturinteraktion finden Sie im Tastaturinteraktions-Tutorial. Das folgende Beispiel zeigt einige Tastaturinteraktionen. Klicken Sie auf die Leinwand, um den Tastaturfokus zu erhalten und mit den Pfeiltasten zu steuern: SVG Import und Export Paper. js bietet sehr bequeme Methoden zum Importieren und Exportieren von Vektorgrafiken als SVG. Noch mehr erweiterte Funktionen wie Gradienten und Clipping werden unterstützt. Die ursprüngliche SVG auf der linken Seite, importiert in eine Paper. js Leinwand auf der rechten Seite: Viel Spaß mit diesem interaktiven Voronoi Beispiel, klicken Sie auf neue Zellen hinzufügen, und sobald Sie das Ergebnis, drücken Sie die Download als SVG-Button, um das Ergebnis als Download Eine SVG-Datei, die Sie direkt in Adobe Illustrator und anderen Vektorbearbeitungsprogrammen öffnen können: Rasterbilder und Farbmittelung Stellen Sie Bilder in Ihr Projekt, arbeiten Sie mit den Farben ihrer Pixel oder suchen Sie die durchschnittlichen Farben der Pixel, die in Pfade platziert sind von ihnen. Symbole können Sie mehrere Instanzen eines Elements in Ihrem Projekt platzieren. Dies kann Speicherplatz sparen, da alle Instanzen eines Symbols einfach auf das ursprüngliche Element verweisen und es kann beschleunigen, sich um komplexe Objekte zu bewegen, da interne Eigenschaften wie Segmentlisten und Gradientenpositionen donapost mit jeder Transformation aktualisiert werden müssen. Selektionsumrisse Wenn Sie Elemente oder Pfadsegmentpunkte amp-Griffe in Ihrem Code auswählen, zeichnet Paper. js die visuellen Konturen von ihnen über Ihr Projekt. Dies ist sehr nützlich für das Debuggen, da es Ihnen erlaubt, die Konstruktion von Pfaden, die Position der Pfadkurven, einzelne Segmentpunkte und Begrenzungsfelder von Symbol - und Rasterelementen zu sehen: Vector Geometry Vector geometry ist ein First Class Bürger in Paper. js. Es ist ein großer Vorteil, seine grundlegenden Prinzipien zu verstehen, wenn es darum geht, Skripte zu schreiben. Schließlich gibt es einen Grund für das Wort Vektor in Vector Graphics. Während des Baues Scriptographer fanden wir Vektorgeometrie zu einer leistungsfähigen Weise der Arbeit mit Positionen, Bewegung und Pfaden. Einmal verstanden, erweist es sich als viel intuitiver und flexibler als die Arbeit mit den x - und y-Werten des Koordinatensystems direkt, wie die meisten anderen visuell orientierten Programmierumgebungen. Lesen Sie mehr über Vector Geometry im Vector Geometry Tutorial. Mathematische Operationen PaperScript erlaubt es Ihnen, normale algebraische Operatoren in Verbindung mit Basistypobjekten zu schreiben. Punkte und Größen können mit numerischen Werten oder anderen Punkten und Größen addiert, subtrahiert, multipliziert oder dividiert werden: Lesen Sie mehr dazu im Tutorial Mathematische Operationen. Objektkonvertierung Ein wichtiges Merkmal von Paper. js ist seine Flexibilität bei der Parameterumwandlung, wenn Werte an Funktionen übergeben werden. In diesen Situationen können alle Basistypen alternativ als Arrays oder als einfache JavaScript-Objekte beschrieben werden. Arrays sind einfach eine Auflistung der Standard-Eigenschaften in ihrer Standardsequenz. Einige Beispiele: Beachten Sie, dass Punkte nach Bedarf in Größen umgewandelt werden und umgekehrt: Dataset ist eine JavaScript-Client-seitige Datenumwandlungs - und Verwaltungsbibliothek. Dataset ermöglicht die Verwaltung von clientseitigen Daten durch das Laden, Analysieren, Sortieren, Abfragen von Manipulationsdaten aus allen möglichen Quellen. Download 0.4.0 Changelog Der Datenzugriff ist das Herz vieler interaktiver Inhalte. Dataset löst gemeinsame Probleme mit der Traversierung, Manipulation und Verwaltung dieser Daten Im Gegensatz zu clientseitigen Frameworks, die sich auf Entity-Modellierung konzentrieren, ist Dataset ausschließlich für die Arbeit mit matricestables von Daten konzipiert. Dies ermöglicht eine umfangreiche Anzahl von Crunching-Fähigkeiten und hilft bei der Optimierung der Handhabung von großen Anzahl von Zeilen. Zusätzlich zu helfen, laden und analysieren Daten, macht es Dataset einfach, Abfragen und wählen Sie Teilmengen von Daten, Erstellen von Ansichten, die automatisch aktualisiert, wenn die zugrunde liegenden Daten ändert . Durch die Bindung an Ereignisse, ist es einfach, Schnittstellen auf Echtzeit oder benutzerdefinierte Daten zu erstellen. Dataset bietet einige Standard-Berechnungen wie min und max und Derivate wie Gruppierungen und gleitende Durchschnitte. Dataset wurde in einer Weise erstellt, die ein hohes Maß an Erweiterung ermöglicht. Wir freuen uns, unsere Reihe von Importeuren, Parsern und Computational Methoden zu erweitern. Folgen Sie entlang für Releases Amp-Ankündigungen an themisoproject Sie können den Code in diesem Block bearbeiten und erneut ausführen. Ein gemeinsames Projekt zwischen