Skip to content

Conversation

@renovate
Copy link
Contributor

@renovate renovate bot commented Apr 21, 2025

Note: This PR body was truncated due to platform limits.

This PR contains the following updates:

Package Change Age Confidence
p5 (source) 1.11.02.1.2 age confidence

Release Notes

processing/p5.js (p5)

v2.1.2

Compare Source

What's Changed

Use this link to load the library: https://cdn.jsdelivr.net/npm/p5@​2.1.2/lib/p5.js

This patch includes documentation updates, bugfixes, and improvements on the experimental p5.strands feature.

What's Changed 🎊

New Contributors

Full Changelog: processing/p5.js@v2.1.1...v2.1.2

v2.1.1

Compare Source

Use this link to load the library: https://cdn.jsdelivr.net/npm/p5@​2.1.1/lib/p5.js

What's new in p5.js 2.1 🌱
   let bgColor, fg1Color, fg2Color, msg1, msg2;
   function setup() {
     createCanvas(100, 100);
     bgColor = color(0);
     fg1Color = color(100);
     fg2Color = color(220);
  
     if(bgColor.contrast(fg1Color)){
       msg1 = 'good';
     }else{
       msg1 = 'bad';
     }
  
     if(bgColor.contrast(fg2Color)){
       msg2 = 'good';
     }else{
       msg2 = 'bad';
     }
  
     describe('A black canvas with a faint grey word saying "bad" at the top left and a brighter light grey word saying "good" in the middle of the canvas.');
   }
  
   function draw(){
     background(bgColor);
  
     textSize(18);
  
     fill(fg1Color);
     text(msg1, 10, 30);
  
     fill(fg2Color);
     text(msg2, 10, 60);
   }

oneColor.contrast(anotherColor) checks the contrast between two colors. This method returns a boolean value to indicate if the two color has enough contrast. true means that the colors has enough contrast to be used as background color and body text color. false means there is not enough contrast.

A second argument can be passed to the method, options , which defines the algorithm to be used. The algorithms currently supported are WCAG 2.1 ('WCAG21') or APCA ('APCA'). The default is WCAG 2.1. If a value of 'all' is passed to the options argument, an object containing more details is returned. The details object will include the calculated contrast value of the colors and different passing criteria.

   let bgColor, fgColor, contrast;
   function setup() {
     createCanvas(100, 100);
     bgColor = color(0);
     fgColor = color(200);
     contrast = bgColor.contrast(fgColor, 'all');
  
     describe('A black canvas with four short lines of grey text that respectively says: "WCAG 2.1", "12.55", "APCA", and "-73.30".');
   }
  
   function draw(){
     background(bgColor);
  
     textSize(14);
  
     fill(fgColor);
     text('WCAG 2.1', 10, 25);
     text(nf(contrast.WCAG21.value, 0, 2), 10, 40);
  
     text('APCA', 10, 70);
     text(nf(contrast.APCA.value, 0, 2), 10, 85);
   }

For more details about color contrast, you can check out this page from color.js, and the WebAIM color contrast checker.

Changes since 2.0 🎊

New Contributors

Full Changelog: processing/p5.js@v2.0.0...v2.1.1

v2.1.0

Compare Source

Use this link to load the library: https://cdn.jsdelivr.net/npm/p5@​2.1.0/lib/p5.js

What's new in p5.js 2.1 🌱
   let bgColor, fg1Color, fg2Color, msg1, msg2;
   function setup() {
     createCanvas(100, 100);
     bgColor = color(0);
     fg1Color = color(100);
     fg2Color = color(220);
  
     if(bgColor.contrast(fg1Color)){
       msg1 = 'good';
     }else{
       msg1 = 'bad';
     }
  
     if(bgColor.contrast(fg2Color)){
       msg2 = 'good';
     }else{
       msg2 = 'bad';
     }
  
     describe('A black canvas with a faint grey word saying "bad" at the top left and a brighter light grey word saying "good" in the middle of the canvas.');
   }
  
   function draw(){
     background(bgColor);
  
     textSize(18);
  
     fill(fg1Color);
     text(msg1, 10, 30);
  
     fill(fg2Color);
     text(msg2, 10, 60);
   }

oneColor.contrast(anotherColor) checks the contrast between two colors. This method returns a boolean value to indicate if the two color has enough contrast. true means that the colors has enough contrast to be used as background color and body text color. false means there is not enough contrast.

A second argument can be passed to the method, options , which defines the algorithm to be used. The algorithms currently supported are WCAG 2.1 ('WCAG21') or APCA ('APCA'). The default is WCAG 2.1. If a value of 'all' is passed to the options argument, an object containing more details is returned. The details object will include the calculated contrast value of the colors and different passing criteria.

   let bgColor, fgColor, contrast;
   function setup() {
     createCanvas(100, 100);
     bgColor = color(0);
     fgColor = color(200);
     contrast = bgColor.contrast(fgColor, 'all');
  
     describe('A black canvas with four short lines of grey text that respectively says: "WCAG 2.1", "12.55", "APCA", and "-73.30".');
   }
  
   function draw(){
     background(bgColor);
  
     textSize(14);
  
     fill(fgColor);
     text('WCAG 2.1', 10, 25);
     text(nf(contrast.WCAG21.value, 0, 2), 10, 40);
  
     text('APCA', 10, 70);
     text(nf(contrast.APCA.value, 0, 2), 10, 85);
   }

For more details about color contrast, you can check out this page from color.js, and the WebAIM color contrast checker.

Changes since 2.0 🎊

New Contributors

Full Changelog: processing/p5.js@v2.0.0...v2.1.0

v2.0.5

Compare Source

What's Changed

This patch fixes a regression on noise(), and adds many improvements in the documentation of splines and curves. Use this release: https://cdn.jsdelivr.net/npm/p5@​2.0.5/lib/p5.min.js

What's Changed 🎊

New Contributors

Full Changelog: processing/p5.js@v2.0.4...v2.0.5

v2.0.4

Compare Source

What's Changed 🎊

p5.strands Improvements 🧵

p5.strands is an experimental new feature in in p5.js 2.0 for authoring shaders with


Configuration

📅 Schedule: Branch creation - "every 2 weeks on Monday before 7am" in timezone Europe/Berlin, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.


  • If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Apr 21, 2025

Deploying p5-code-sandbox with  Cloudflare Pages  Cloudflare Pages

Latest commit: 6a63154
Status:🚫  Build failed.

View logs

@netlify
Copy link

netlify bot commented Apr 21, 2025

Deploy Preview for p5-codesandbox failed. Why did it fail? →

Name Link
🔨 Latest commit 9ed0d31
🔍 Latest deploy log https://app.netlify.com/projects/p5-codesandbox/deploys/6839ad153f814a0008ca5308

@renovate renovate bot force-pushed the renovate/p5-2.x branch 2 times, most recently from 17676b8 to ceae3b5 Compare April 23, 2025 18:31
@renovate renovate bot force-pushed the renovate/p5-2.x branch from ceae3b5 to 297cf70 Compare May 14, 2025 14:24
@renovate renovate bot force-pushed the renovate/p5-2.x branch from 297cf70 to 9ed0d31 Compare May 30, 2025 13:05
@renovate renovate bot force-pushed the renovate/p5-2.x branch from 9ed0d31 to 69b5622 Compare August 8, 2025 12:22
@netlify
Copy link

netlify bot commented Aug 8, 2025

Deploy Preview for p5-codesandbox failed. Why did it fail? →

Name Link
🔨 Latest commit 431d7e3
🔍 Latest deploy log https://app.netlify.com/projects/p5-codesandbox/deploys/691c615b7c6c230008cd8332

@renovate renovate bot force-pushed the renovate/p5-2.x branch from 69b5622 to b2032b2 Compare August 13, 2025 17:08
@renovate renovate bot force-pushed the renovate/p5-2.x branch 2 times, most recently from 1035ebc to 52bbe20 Compare September 6, 2025 18:55
@renovate renovate bot force-pushed the renovate/p5-2.x branch from 9e46e44 to 070b9f9 Compare October 21, 2025 14:58
@renovate renovate bot force-pushed the renovate/p5-2.x branch 2 times, most recently from adc4b3a to 124cae7 Compare November 11, 2025 00:45
@renovate renovate bot force-pushed the renovate/p5-2.x branch from 124cae7 to 431d7e3 Compare November 18, 2025 12:06
@renovate renovate bot force-pushed the renovate/p5-2.x branch from 431d7e3 to 6a63154 Compare December 30, 2025 21:31
@netlify
Copy link

netlify bot commented Dec 30, 2025

Deploy Preview for p5-codesandbox failed. Why did it fail? →

Name Link
🔨 Latest commit 6a63154
🔍 Latest deploy log https://app.netlify.com/projects/p5-codesandbox/deploys/695444a27f8ec100089fc91a

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants