processing / processing/processing-website

Make interactive live sketch for Shape examples

Offen
#314 6 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Examples
Vorherrschende Sprache
MDX
Sterne
90
Forks
122
Ø Merge
1 Std. 43 Min.
Gemergte PRs (30 T.)
3

Beschreibung

The following examples still need to be ported to JavaScript:

However, since there is currently no support for SVGs in p5.js this has to be done another way.

I made a brief attempt at porting the Scale Shape example using p5.js-svg but it was too slow for real-time interaction. You might need to use a different library like paper.js or snap.svg

The following examples are not animated nor interactive so porting them is not strictly necessary:

  • Shape/Disable Style
  • Shape/Get Child
  • Shape/Load Display SVG

For information on how to make live sketches for examples, please check the README on examples

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit docs/examples.md und den verlinkten Beispielen „Scale Shape“ und „Shape Vertices“. Überprüfe die angegebene fehlende SVG-Unterstützung in p5.js und den Versuch mit p5.js-svg und bewerte anschließend die genannten Alternativen wie paper.js oder Snap.svg. Als abgeschlossen gilt die Aufgabe, wenn beide aufgeführten Beispiele als live interaktive JavaScript-Sketches mit akzeptabler Echtzeitleistung portiert wurden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript
Bereich
frontend, web-dev
Issue-Typ
Feature
Schwierigkeit
5/5
Geschätzter Aufwand
Über eine Woche
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.