p5js 全窗口摄像头捕获答案

【问题标题】：p5js full window camera capturep5js 全窗口摄像头捕获
【发布时间】：2018-07-05 18:11:24
【问题描述】：

我有一个用 P5.js 制作的项目，我想在线展示。它几乎完成了，但我希望它是没有黑色背景的全屏相机捕捉。只是像图片上的像素。怎么样？

这是代码http://alpha.editor.p5js.org/mvrlena/sketches/r1-IALkPM

【问题讨论】：

这其中的哪一部分给您带来了麻烦？你能发一个minimal reproducible example来证明这个问题吗？
@KevinWorkman alpha.editor.p5js.org/mvrlena/sketches/HyNVlxhGm 这部分有问题。当我更改大小时，它确实变大了，但像素数量相同，因此像素位于黑色背景上
那么请尝试将您的问题缩小到minimal reproducible example。你可以从一个简单得多的程序开始，它只在屏幕上绘制一个矩形，然后在调整窗口大小时尝试让它工作。这将比您的整个计划更容易为我们提供帮助。

标签： javascript processing video-capture video-processing p5.js

【解决方案1】：

此类问题最好通过查看the reference 来回答。听起来您正在寻找 windowResized() 和 resizeCanvas() 函数。

reference 提供了一些示例代码：

function setup() {
  createCanvas(windowWidth, windowHeight);
}

function draw() {
  background(0, 100, 200);
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
}

试着让这个简单的例子工作起来，然后试着把它应用到你的主要草图中。如果您仍然遇到问题，请提供MCVE 而不是您的整个程序。祝你好运。

【讨论】：