processing/p5.js

large webGL canvases draw at unpredictable locations

Open

#5,156 创建于 2021年4月3日

在 GitHub 查看
 (4 评论) (2 反应) (0 负责人)JavaScript (3,178 fork)batch import
Area:WebGLBugHelp Wanted

仓库指标

Star
 (20,784 star)
PR 合并指标
 (平均合并 8天 13小时) (30 天内合并 45 个 PR)

描述

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.

贡献者指南