proc

casino/processing.html

@@ -236,6 +236,49 @@ function draw() {
      vx = -vx
   }
   circle(posx, posy, 20)
+}</code></pre>
+															 </section>
+					<section>
+						<h3>Esetzen der Werte durch Listen von Werten</h3>
+						<ul>
+							<li>Anstatt einem Kreis haben wir viele Kreise</li>
+							<li>Anstatt einer Position, Geschwindigkeit etc. haben wir viele Positionen,
+								Geschwindigkeiten etc.</li>
+							<li>Wir behandeln alle Kreise nacheinender in einer <pre><code class="javascript">for</code></pre>-Schleife, wobei i durch die Zahlen von 0 bis n läuft</li>
+							<li>Statt vx schreiben wir dann vx[i]</li>
+								
+						</ul>
+					</section>
+					<section>
+						<pre><code  class="lang-javascript">
+let n=100
+let vy=[],vx=[],posx=[], posy=[],maxx=400,maxy=400
+function setup() {
+  createCanvas(maxx, maxy)
+  fill('red')
+  for(i=0;i<n;i++){
+    vy[i] = Math.random() * 3
+    vx[i] = Math.random() * 3
+    posx[i]= Math.random() * maxx
+    posy[i]= Math.random() * maxy
+  }
+}
+
+function draw() {
+  clear()
+  for (i=0;i<n;i++) {
+     posx[i]=posx[i] + vx[i]
+     posy[i]=posy[i] + vy[i]
+     vx[i] = vx[i] + (mouseX -posx[i]) / maxx / 20
+     vy[i] = vy[i] + (mouseY - posy[i]) / maxy / 20
+     if ((posy[i] > maxy) || (posy[i] < 0)) {
+        vy[i] = -vy[i]
+     }
+     if ((posx[i] > maxx) || (posx[i] < 0)) {
+        vx[i] = -vx[i]
+     }
+     circle(posx[i], posy[i], 20)
+  }
 }</code></pre>
 					</section>
 				</section>