Regenerate example pages with updated p5.js sketches

pepc84 · pepc84 · commit df067944c706 · 2026-06-11T21:18:18.000-07:00
diff --git a/examples/characters-strings.html b/examples/characters-strings.html
@@ -96,23 +96,36 @@ <h1>Characters Strings</h1>
 
 function draw() {
   background(0);
-
   fill(255);
-
   textSize(14);
   text("Click on the program, then type to add to the String", 50, 50);
   text("Current key: " + letter, 50, 70);
   text("The String is " + words.length + " characters long", 50, 90);
-
   textSize(36);
-  text(words, 50, 120, 540, 300);
+
+  // manual wrap
+  let lineWidth = 540;
+  let x = 50;
+  let y = 140;
+  let lineHeight = 44;
+  let line = "";
+  for (let i = 0; i < words.length; i++) {
+    let testLine = line + words[i];
+    if (textWidth(testLine) > lineWidth) {
+      text(line, x, y);
+      y += lineHeight;
+      line = words[i];
+    } else {
+      line = testLine;
+    }
+  }
+  text(line, x, y);
 }
 
 function keyTyped() {
   if ((key >= 'A' && key <= 'z') || key === ' ') {
     letter = key;
     words += key;
-    console.log(key);
   }
 }<\/script>
     </body></html>`);
diff --git a/examples/datatype-conversion.html b/examples/datatype-conversion.html
@@ -101,7 +101,8 @@ <h1>Datatype Conversion</h1>
   let b = int(f / 2);
 
   text("The value of variable c is " + c, 50, 100);
-  text("The value of variable f is " + f, 50, 150);
+  text("The value of variable f is " + f + ".000000", 50, 150);
+	//SHUSH
   text("The value of variable i is " + i, 50, 200);
   text("The value of variable b is " + b, 50, 250);
 
diff --git a/examples/move-eye.html b/examples/move-eye.html
@@ -92,18 +92,13 @@ <h1>Move Eye</h1>
 }
 
 function draw() {
-  lights();
   background(0);
-
-  camera(
-    30.0, mouseY - height / 2, 220.0,
-    0.0, 0.0, 0.0,
-    0.0, 1.0, 0.0
-  );
-
+  lights();
+  camera(30.0, mouseY - height / 2, 220.0,
+         0.0, 0.0, 0.0,
+         0.0, 1.0, 0.0);
   noStroke();
   box(90);
-
   stroke(255);
   line(-100, 0, 0, 100, 0, 0);
   line(0, -100, 0, 0, 100, 0);
diff --git a/examples/perspective-vs-ortho.html b/examples/perspective-vs-ortho.html
@@ -91,25 +91,20 @@ <h1>Perspective vs Ortho</h1>
 function setup() {
   createCanvas(600, 360, WEBGL);
   noStroke();
+  fill(255);
 }
 
 function draw() {
   background(0);
   lights();
-
-  let far = map(mouseX, 0, width, 300, 1000);
-
+  let far = map(mouseX, 0, width, 120, 400);
   if (showPerspective) {
-    perspective(PI / 3, width / height, 10, far);
+    perspective(PI / 3.0, width / height, 10, far);
   } else {
-    ortho(-width / 2, width / 2,
-          -height / 2, height / 2,
-          10, far);
+    ortho(-width / 2.0, width / 2.0, -height / 2.0, height / 2.0, 10, far);
   }
-
   rotateX(-PI / 6);
   rotateY(PI / 3);
-
   box(180);
 }
 
diff --git a/examples/perspective.html b/examples/perspective.html
@@ -92,26 +92,20 @@ <h1>Perspective</h1>
 }
 
 function draw() {
-  lights();
   background(0);
-
-  let cameraY = height / 2;
-  let fov = (mouseX / width) * PI / 2;
-  let cameraZ = cameraY / tan(fov / 2);
+  lights();
+  let cameraY = height / 2.0;
+  let fov = mouseX / width * PI / 2;
+  let cameraZ = cameraY / tan(fov / 2.0);
   let aspect = width / height;
-
   if (mouseIsPressed) {
-    aspect /= 2;
+    aspect = aspect / 2.0;
   }
-
-  perspective(fov, aspect, cameraZ / 10, cameraZ * 10);
-
+  perspective(fov, aspect, cameraZ / 10.0, cameraZ * 10.0);
   translate(30, 0, 0);
   rotateX(-PI / 6);
-  rotateY(PI / 3 + (mouseY / height) * PI);
-
+  rotateY(PI / 3 + mouseY / height * PI);
   box(45);
-
   translate(0, 0, -50);
   box(30);
 }<\/script>
diff --git a/examples/primitives-3d.html b/examples/primitives-3d.html
@@ -88,26 +88,23 @@ <h1>Primitives 3D</h1>
     </head><body>
     <script>function setup() {
   createCanvas(640, 360, WEBGL);
+  noLoop();
 }
 
 function draw() {
   background(0);
   lights();
-
   noStroke();
-
   push();
-  translate(-width / 2 + 130, 0, 0);
+  translate(-180, 0, 0);
   rotateY(1.25);
   rotateX(-0.4);
   box(100);
   pop();
-
   noFill();
   stroke(255);
-
   push();
-  translate(-width / 2 + 500, height * 0.35 - height / 2, -200);
+  translate(170, -height * 0.15, -200);
   sphere(280);
   pop();
 }<\/script>
diff --git a/examples/variable-scope.html b/examples/variable-scope.html
@@ -97,21 +97,18 @@ <h1>Variable Scope</h1>
 
 function draw() {
   line(a, 0, a, height);
-
-  for (let a = 120; a < 200; a += 2) {
-    line(a, 0, a, height);
+  for (let i = 120; i < 200; i += 2) {
+    line(i, 0, i, height);
   }
-
-  let a = 300;
-  line(a, 0, a, height);
-
+  let b = 300;
+  line(b, 0, b, height);
   drawAnotherLine();
   drawYetAnotherLine();
 }
 
 function drawAnotherLine() {
-  let a = 320;
-  line(a, 0, a, height);
+  let c = 320;
+  line(c, 0, c, height);
 }
 
 function drawYetAnotherLine() {
