processing / processing/processing-website
Make interactive live sketch for Shape examples
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 90
- Forks
- 122
- Avg merge
- 1h 43m
- Merged PRs (30d)
- 3
Description
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
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with docs/examples.md and the linked Scale Shape and Shape Vertices examples. Review the stated lack of SVG support in p5.js and the attempted p5.js-svg approach, then assess the mentioned alternatives such as paper.js or Snap.svg. Done means both listed examples are ported as live, interactive JavaScript sketches with acceptable real-time performance.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100