production vue lib

project.json

@@ -1,6 +1,6 @@
 {
 	"display_name": "Pendulum",
-	"info_text": "Watch 500 Double-Pendulums diverge into chaos",
+	"info_text": "The laboratory for n-Pendula simulations, using 'Position Based Dynamics'.",
 	"visible": true,
 	"tags": ["Simulation"]
 }

public/data/scripts/ts/pendulum.ts

@@ -86,10 +86,11 @@ class Pendulum {
             p1 = p2.copy();
         }
 
-        for (let p2 of this.X){
-            p2 = p2.copy();
+        for (let i = 0; i < this.size; i++){
+            let p2 = this.X[i].copy();
             p2.mult(scale);
-            p.ellipse(p2.x, p2.y, 10, 10);
+            let r = Math.sqrt(this.M[i] * 10);
+            p.ellipse(p2.x, p2.y, r * 2, r * 2);
         }
 
         p.pop();

public/index.html

@@ -4,7 +4,7 @@
         <meta charset="utf-8">
 		<script src="data/lib/p5.min.js" type="text/javascript"></script>
 		<script src="data/lib/jquery-3.6.4.min.js" type="text/javascript"></script>
-        <script src="data/lib/vue.global.js"></script>
+        <script src="data/lib/vue.global.prod.js"></script>
         <script src="data/scripts/js/main.js" type="text/javascript"></script>
 		<link href="styles.css" rel="stylesheet">
 		<link href="data/styles/range_input.css" rel="stylesheet">