Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
Cavas windowWidth and windowHeight woes
Hi All, I'm working on a P5.js sketch, that's hosted here (let me know if there's a preferable way of uploading source code). http://imaginationrock.com/interactive-selection1/index.html The canvas is initialized to windowWidth and windowHeight, however it is unintentionally being drawn at about a fifteen pixel offset, as if I had translated to (15, 15) before creating the canvas. The result is that the canvas ends of being a little bigger than the actual window and you have to scroll a bit to the right and down to see the missing 15 or so pixels (the grey panel on the right is drawn using background() and should cover the whole screen). I've scoured my code and the only time I'm using translate(); seems to be safely contained in a push/pop. Does anyone recognize what's happening here or have any ideas for how to proceed in debugging? Thanks everyone.
Answers
Noticed you're using
/*! p5.js v0.4.21 January 04, 2016 */version.That's somewhat old already. Latest 1 is 0.53:
https://GitHub.com/processing/p5.js/releases or http://p5js.org/download/
If latest version doesn't solve the canvas size glitch, better notify them here:
https://GitHub.com/processing/p5.js/issues
Nice tip on the version. It didn't solve the problem so I'll let them know on github.