WebGL Primitives with Alpha Affected by Dark/Light Theme

[stungeye]

Discovered with my students that the editor's theme (Dark vs Light) will change the colour of 3D primitives when the fill includes an alpha transparency. Is this the expected behaviour?

Details about the bug:

• p5.js version: v1.4.0 (via the p5.js Web Editor)
• Web browser and version: Firefox 98.0.2 / Chrome 100.0.4896.60
• Operating System: Windows 10
• Steps to reproduce this:
  • Open and run this sketch.
  • Click the editor's settings button (gear).
  • Toggle mode between Light and Dark theme.

Sketch output when using Dark mode:

Sketch output when using Light mode:

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[mkmori]

The current approach in 1.4.1 is to default the canvas (and other p5.Graphics) alpha attribute to false, to prevent show-thru. In this case, setAttributes("alpha", false); on the main canvas. (Also, 1.4.0 may be changed to 1.4.1 in the html file.)

Cf.: processing/p5.js#5552

[stungeye]

Thanks @mkmori for the clarification. Both of the fixes you mention (setAttributes and p5js v1.4.1) worked for me. Closing this issue now.