processing / processing/processing-website

Make interactive live sketch for Shape examples

Aperta
#314 6 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Examples
Lingua principale
MDX
Stelle
90
Fork
122
Merge medio
1h 43m
PR unite (30g)
3

Descrizione

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

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia da docs/examples.md e dagli esempi collegati Scale Shape e Shape Vertices. Esamina l’assenza di supporto SVG dichiarata in p5.js e il tentativo di approccio con p5.js-svg, quindi valuta le alternative menzionate, come paper.js o Snap.svg. Il lavoro è completo quando entrambi gli esempi elencati sono stati portati come sketch JavaScript interattivi in tempo reale con prestazioni accettabili.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript
Ambito
frontend, web-dev
Tipo di issue
Funzionalità
Difficoltà
5/5
Tempo stimato
Più di una settimana
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.