processing/p5.js

large webGL canvases draw at unpredictable locations

Open

#5156 aperta il 3 apr 2021

Vedi su GitHub
 (4 commenti) (2 reazioni) (0 assegnatari)JavaScript (3178 fork)batch import
Area:WebGLBugHelp Wanted

Metriche repository

Star
 (20.784 star)
Metriche merge PR
 (Merge medio 8g 13h) (45 PR mergiate in 30 g)

Descrizione

Most appropriate sub-area of p5.js?

  • Accessibility (Web Accessibility)
  • Build tools and processes
  • Color
  • Core/Environment/Rendering
  • Data
  • DOM
  • Events
  • Friendly error system
  • Image
  • IO (Input/Output)
  • Localization
  • Math
  • Unit Testing
  • Typography
  • Utilities
  • WebGL
  • Other (specify if possible)

Details about the bug:

I noticed that when trying to draw very large graphics objects to the canvas, it doesn't seem to be drawing in the correct location. I noticed this happening yesterday when using a couple canvases around 5000px, and today again when using canvases > 6000px.

They seem to be drawing down and to the left for some reason. I'm attaching a sketch showing the issue and a screenshot here as well.

https://editor.p5js.org/aferriss/sketches/aMrQqoKF2

  • p5.js version: 1.3.1
  • Web browser and version: Chrome
  • Operating System: Mac OSX
  • Steps to reproduce this:
  1. Create a large graphics object (>6000px)
  2. Draw some things into that graphics object
  3. Try to draw that object at the origin.

Guida contributor