From b0610e2b8709ba3df69b181e9a2dfbe1569911c1 Mon Sep 17 00:00:00 2001
From: sam <hossan@ad.hva.nl>
Date: Tue, 28 Nov 2023 13:18:48 +0100
Subject: [PATCH] Bas classes uitleg

---
 .../javascript classes uitleg bas.js          | 55 +++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 teamdocumentatie/javascript classes uitleg bas.js

diff --git a/teamdocumentatie/javascript classes uitleg bas.js b/teamdocumentatie/javascript classes uitleg bas.js
new file mode 100644
index 0000000..53869b8
--- /dev/null
+++ b/teamdocumentatie/javascript classes uitleg bas.js	
@@ -0,0 +1,55 @@
+class Circle {
+    constructor(){
+        this.x = random(0, width);
+        this.y = random(0, height);
+        this.Diameter = random(30, 100);
+        this.vx = random(-5, 5);
+        this.vy = random(-5, 5);
+
+    }
+
+    update(){
+        this.x += this.vx;
+        this.y += this.vy;
+
+        //bounce
+        if (this.x > width || this.x < 0) {
+            this.vx *= -1;
+        }
+        if (this.y > height || this.y < 0) {
+            this.vy *= -1;
+        }
+
+    }
+
+    draw(){
+        circle(this.x, this.y, this.Diameter);
+    }
+    
+}
+
+let circles = [];
+
+function setup() {
+    createCanvas(400, 400);
+
+    //een van dit object
+    circles.push(new Circle());
+
+//of 50 van dit object
+    for (let iCircle = 0; iCircle < 50; iCircle++) {
+        let aCircle = new Circle(10, 20);
+        //zet een nieuwe circle in de array
+        circles.push(new Circle());
+    }
+
+}
+
+function draw() {
+    background(220);
+    //voor elke circle in de array circles word deze code uitgevoerd
+    circles.forEach(aantalcircles => { 
+        aantalcircles.update();
+        aantalcircles.draw();
+    });
+}
\ No newline at end of file