processing / processing/p5.js

blendMode() not working right in firefox on windows 10

Open
#4,403 8 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bug
Dominant language
JavaScript
Stars
24k
Forks
3.8k
Avg merge
3d 16h
Merged PRs (30d)
25

Description

I was working on this https://www.openprocessing.org/sketch/854431 and noticed it doesn't look the same when opened in firefox vs how it looks in chrome. This problem only seems to affect windows and not apple os

Most appropriate sub-area of p5.js?
  • Core/Environment/Rendering
Details about the bug:
  • p5.js version: 1.0.0

  • Web browser and version:
    Chrome 80.0.3987.149
    Firefox 75.0b6

  • Operating System: Microsoft Windows 10 Professional Build 18363

  • Steps to reproduce this:
    https://www.openprocessing.org/sketch/854431 load this sketch in chrome and firefox and change the blendmode, in firefox it doesn't render properly.
    image
    image

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.

Research direction

Start by loading the linked OpenProcessing sketch and comparing blendMode() in Chrome and Firefox on Windows 10, using the reported p5.js 1.0.0 and browser versions. Then inspect the Core/Environment/Rendering area for blendMode handling. Done means the sketch renders consistently when changing blend modes in Firefox and Chrome on Windows.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
computer-graphics, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.