processing / processing/p5.js

Use random() more in p5.strands examples

Open
#8,776 5 comments 2 reactions 1 assignee View on GitHub

@VikasKSingh05 is already working on this.

Since May 20, 2026.

Area:WebGL Documentation Enhancement Help Wanted p5.js 2.0+ p5.strands
Dominant language
JavaScript
Stars
24k
Forks
3.8k
Avg merge
3d 16h
Merged PRs (30d)
25

Description

Increasing access

Previously, we didn't have random() supported, so many examples use noise() as a source of randomness. This works, but is a little less familiar from how one would use p5 outside of strands, so switching to random() makes these examples a little easier to understand.

Most appropriate sub-area of p5.js?
  • Accessibility
  • Color
  • Core/Environment/Rendering
  • Data
  • DOM
  • Events
  • Image
  • IO
  • Math
  • Typography
  • Utilities
  • WebGL
  • Build process
  • Unit testing
  • Internationalization
  • Friendly errors
  • Other (specify if possible)
Feature enhancement details

e.g. in the second example in https://beta.p5js.org/reference/p5/buildStrokeShader/, it uses noise for dithering. We probably need to look through all the strands reference items to get a full list of what might need to be updated.

Contributor guide

Open the contributing guide

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.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.