fix webcam

Author: Nicholas Oxford

src/data/examples/zh-Hans/20_3D/11_shader_using_webcam.js

@@ -4,34 +4,35 @@
  * <br> To learn more about using shaders in p5.js: <a href="https://itp-xstory.github.io/p5js-shaders/">p5.js Shaders</a>
  */
 
- // this variable will hold our shader object
- let theShader;
- // this variable will hold our webcam video
- let cam;
-
- function preload(){
-   // load the shader
-   theShader = loadShader('assets/webcam.vert', 'assets/webcam.frag');
- }
-
- function setup() {
-   // shaders require WEBGL mode to work
-   createCanvas(710, 400, WEBGL);
-   noStroke();
-
-   cam = createCapture(VIDEO);
-   cam.size(710, 400);
-
-   cam.hide();
- }
-
- function draw() {
-   // shader() sets the active shader with our shader
-   shader(theShader);
-
-   // passing cam as a texture
-   theShader.setUniform('tex0', cam);
-
-   // rect gives us some geometry on the screen
-   rect(0,0,width,height);
- }
+// this variable will hold our shader object
+let theShader;
+// this variable will hold our webcam video
+let cam;
+
+function preload() {
+  // load the shader
+  theShader = loadShader('assets/webcam.vert', 'assets/webcam.frag');
+}
+
+function sizeVideo() {
+  cam.size(710, 400);
+  cam.hide();
+}
+function setup() {
+  // shaders require WEBGL mode to work
+  createCanvas(710, 400, WEBGL);
+  noStroke();
+
+  cam = createCapture(VIDEO, sizeVideo);
+}
+
+function draw() {
+  // shader() sets the active shader with our shader
+  shader(theShader);
+
+  // passing cam as a texture
+  theShader.setUniform('tex0', cam);
+
+  // rect gives us some geometry on the screen
+  rect(0, 0, width, height);
+}