processing / processing/processing-website

The alphamask example: The web preview doesn't match the Processing example

Open
#357 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
MDX
Stars
90
Forks
122
Avg merge
1h 43m
Merged PRs (30d)
3

Description

Issue description

The alphamask example https://processing.org/examples/alphamask.html
has a P5.js preview over the code. When the Processing example is loaded
from the Processing editor - the sketch doesn't behave the same way as
the preview.

My impression is that the P5js preview on top of the code needs to invert
the alphamask in order to behave the same way as the Processing example below.

See screenshots of the sitatuation here:

https://github.com/processing/p5.js/issues/5343

URL(s) of affected page(s)

https://processing.org/examples/alphamask.html

Proposed fix

Invert alphamask of the image used for the P5.js preview (and do nothing
for the image used as alphamask in the Processing examples).

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the alphamask example page at processing.org/examples/alphamask.html and inspect how its P5.js preview uses the alphamask image. Compare the preview with the Processing example below; done means both behave consistently, with the preview applying the proposed inversion while the Processing example remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
documentation
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.