processing / processing/p5.js-website

Blank examples in Tutorial "Introduction to Shaders" - Safari and Brave on Mac

Open
#707 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bug
Dominant language
MDX
Stars
96
Forks
322
Avg merge
5d 22h
Merged PRs (30d)
8

Description

Most appropriate sections of the p5.js website?

Tutorials

What is your operating system?

Mac OS

Web browser and version

Safari 17.5 and Brave 1.75

Actual Behavior

On https://p5js.org/tutorials/intro-to-shaders/ both examples for "Filter shaders" appear blank when accessing with Safari or Brave/Chrome.
They DO work, however, on Firefox

Expected Behavior

The actual examples to work, same as on Firefox

Steps to reproduce

No response

Would you like to work on the issue?

someone else

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 at the p5js.org Introduction to Shaders tutorial, focusing on the two examples under “Filter shaders.” Compare their behavior in Firefox with Safari 17.5 and Brave 1.75, then identify why the examples render blank in those browsers. Done means both examples display and function consistently across Safari, Brave, Chrome, and Firefox.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, 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.