Artwork

Inhalt bereitgestellt von Matthias Bendel und Stefan Haslinger, Matthias Bendel, and Stefan Haslinger. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Matthias Bendel und Stefan Haslinger, Matthias Bendel, and Stefan Haslinger oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.
Player FM - Podcast-App
Gehen Sie mit der App Player FM offline!

Episode 16 - Chaos!

43:53
 
Teilen
 

Manage episode 170181891 series 134596
Inhalt bereitgestellt von Matthias Bendel und Stefan Haslinger, Matthias Bendel, and Stefan Haslinger. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Matthias Bendel und Stefan Haslinger, Matthias Bendel, and Stefan Haslinger oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

Show Notes und Links

 id="myCanvas" width="800" height="800"> </span> <span class="nx">context</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">'</span><span class="s1">myCanvas</span><span class="dl">'</span><span class="p">).</span><span class="nx">getContext</span><span class="p">(</span><span class="dl">'</span><span class="s1">2d</span><span class="dl">'</span><span class="p">);</span> <span class="k">for</span><span class="p">(</span><span class="nx">x</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">x</span> <span class="o"><</span> <span class="mi">800</span><span class="p">;</span> <span class="nx">x</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="k">for</span><span class="p">(</span><span class="nx">y</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">y</span> <span class="o"><</span> <span class="mi">800</span><span class="p">;</span> <span class="nx">y</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">zx</span> <span class="o">=</span> <span class="nx">zy</span> <span class="o">=</span> <span class="mi">0</span> <span class="c1">// Diese folgenden Zahlen 2 und 200 ändern,</span> <span class="c1">// um in x-Richtung zu schieben und zu skalieren</span> <span class="nx">cx</span> <span class="o">=</span> <span class="o">-</span><span class="mi">2</span> <span class="o">+</span> <span class="nx">x</span> <span class="o">/</span> <span class="mi">200</span> <span class="c1">// Die Folgenden Zahlen 2 und 200 ändern,</span> <span class="c1">// um in y-Richtung zu schieben und zu skalieren</span> <span class="nx">cy</span> <span class="o">=</span> <span class="o">-</span><span class="mi">2</span> <span class="o">+</span> <span class="nx">y</span> <span class="o">/</span> <span class="mi">200</span> <span class="k">while</span><span class="p">(</span><span class="nx">i</span> <span class="o"><</span> <span class="mi">255</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">zx</span> <span class="o">*</span> <span class="nx">zx</span> <span class="o">+</span> <span class="nx">zy</span> <span class="o">*</span> <span class="nx">zy</span><span class="p">)</span> <span class="o"><</span> <span class="mi">4</span><span class="p">)</span> <span class="p">{</span> <span class="nx">xt</span> <span class="o">=</span> <span class="nx">zx</span> <span class="o">*</span> <span class="nx">zy</span> <span class="nx">zx</span> <span class="o">=</span> <span class="nx">zx</span> <span class="o">*</span> <span class="nx">zx</span> <span class="o">-</span> <span class="nx">zy</span> <span class="o">*</span> <span class="nx">zy</span> <span class="o">+</span> <span class="nx">cx</span> <span class="nx">zy</span><span class="o">=</span> <span class="mi">2</span> <span class="o">*</span> <span class="nx">xt</span> <span class="o">+</span> <span class="nx">cy</span> <span class="nx">i</span><span class="o">++</span> <span class="p">}</span> <span class="nx">color</span> <span class="o">=</span> <span class="nx">i</span><span class="p">.</span><span class="nx">toString</span><span class="p">(</span><span class="mi">16</span><span class="p">)</span> <span class="nx">context</span><span class="p">.</span><span class="nx">beginPath</span><span class="p">()</span> <span class="nx">context</span><span class="p">.</span><span class="nx">rect</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span> <span class="nx">context</span><span class="p">.</span><span class="nx">fillStyle</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">#</span><span class="dl">"</span> <span class="o">+</span> <span class="nx">color</span> <span class="o">+</span> <span class="nx">color</span> <span class="o">+</span> <span class="nx">color</span> <span class="nx">context</span><span class="p">.</span><span class="nx">fill</span><span class="p">()</span> <span class="p">}</span> <span class="p">}</span> <span class="nt">
  • hübscher ist es mit einem Farbverlauf
  • und noch hübscher, wenn man die Farbstufen glättet
  • Interessantes ergibt sich, wenn man ein Detail ansieht: wieder in Graustaufen, als Farbverlauf und als geglätteter Farbverlauf.
    • Wir betrachten hier den Bereich -.64 bis +.64 und -.74 i bis + 0.74 i
  • Es gibt sehr schöne Videos, die eine Kamerafahrt in das Apfelmännchen machen
  • da das ‘nur’ Rechenaufwand bedeutet, kann man beliebig weit hinein zoomen und entdeckt dabei immer neue Strukturen
  • Dieses Verhalten der einfachen Gleichung ist doch überraschend
  • Sehr eng bei einander liegende Gegenden sehen komplett unterschiedlich aus

  • Mathematiker bezeichnen so eine Struktur als Fraktal
  • Fibonacci Folge

  • in Stefans Jugend Forschungsgebiet mit Hype
  • zum Beispiel Hoffnung auf großartige Komprimierungsalgorithmen: FiF
    • Erratum: Jpeg 200 (von Stefan im Podcast genannt) verwendet Wavelets zur Komprimierung und keine Fraktale. Der Hype um sie ist ebenso abgeflacht, vielleicht hat sie Stefan deshalb verwechselt ;-) .
  • doch auch in der Öffentlichkeit bekannt: Schmetterlingseffekt -> Wettervorhersage, Herzrhythmus
  • Weg in Spiele gefunden -> Landschaftsgenerierung mit Terragen
  • Fraktale in der Natur: Schneeflocken, Küsten, Broccoli oder Blumenkohl

  • Neuronale Netze
  • Auch Eingang in die Wirtschaft gefunden -> Unternehmenskultur fraktale Organisation allerdings sind hier die Begriffe aus der Mathematik nur sinngemäß übernommen.

  • Heute ist Chaostheorie oder Fraktale in den Medien kaum mehr zu hören.
  continue reading

Kapitel

1. Eine quadratische Zahlenfolge (00:00:00)

2. Intro, das Hamburger Wetter und die Küste (00:01:00)

3. Reset: Chaos und die Mandelbrotmenge (00:05:20)

4. Zahlenfolge x^2 + 1 (00:09:00)

5. Generierung eines Bildes der Mandelbrotmenge (00:13:00)

6. Zoom in die Mandelbrotmenge (00:19:30)

7. Fibonacci Folge (00:20:40)

8. Schönheit (00:21:30)

9. Anfangswerte und Rechenleistung (00:23:00)

10. Bezug zur Chaostheorie - Schmetterlingseffekt (00:25:50)

11. und jetzt? (00:29:40)

12. Modellbildung, Netzwerke, Wettermodelle (00:31:30)

13. Neuronale Netze und Künstliche Intelligenz (00:34:30)

14. aktuell wenig Forschung, Diskretisierung (00:36:30)

15. Anleitung zum eigenen Experimentieren (00:39:20)

16. Schönheit aus Einfachheit (00:42:00)

17. Verabschiedung (00:42:50)

35 Episoden

Artwork

Episode 16 - Chaos!

Aua-uff-Code!

23 subscribers

published

iconTeilen
 
Manage episode 170181891 series 134596
Inhalt bereitgestellt von Matthias Bendel und Stefan Haslinger, Matthias Bendel, and Stefan Haslinger. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Matthias Bendel und Stefan Haslinger, Matthias Bendel, and Stefan Haslinger oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

Show Notes und Links

 id="myCanvas" width="800" height="800"> </span> <span class="nx">context</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">getElementById</span><span class="p">(</span><span class="dl">'</span><span class="s1">myCanvas</span><span class="dl">'</span><span class="p">).</span><span class="nx">getContext</span><span class="p">(</span><span class="dl">'</span><span class="s1">2d</span><span class="dl">'</span><span class="p">);</span> <span class="k">for</span><span class="p">(</span><span class="nx">x</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">x</span> <span class="o"><</span> <span class="mi">800</span><span class="p">;</span> <span class="nx">x</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="k">for</span><span class="p">(</span><span class="nx">y</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">y</span> <span class="o"><</span> <span class="mi">800</span><span class="p">;</span> <span class="nx">y</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">zx</span> <span class="o">=</span> <span class="nx">zy</span> <span class="o">=</span> <span class="mi">0</span> <span class="c1">// Diese folgenden Zahlen 2 und 200 ändern,</span> <span class="c1">// um in x-Richtung zu schieben und zu skalieren</span> <span class="nx">cx</span> <span class="o">=</span> <span class="o">-</span><span class="mi">2</span> <span class="o">+</span> <span class="nx">x</span> <span class="o">/</span> <span class="mi">200</span> <span class="c1">// Die Folgenden Zahlen 2 und 200 ändern,</span> <span class="c1">// um in y-Richtung zu schieben und zu skalieren</span> <span class="nx">cy</span> <span class="o">=</span> <span class="o">-</span><span class="mi">2</span> <span class="o">+</span> <span class="nx">y</span> <span class="o">/</span> <span class="mi">200</span> <span class="k">while</span><span class="p">(</span><span class="nx">i</span> <span class="o"><</span> <span class="mi">255</span> <span class="o">&&</span> <span class="p">(</span><span class="nx">zx</span> <span class="o">*</span> <span class="nx">zx</span> <span class="o">+</span> <span class="nx">zy</span> <span class="o">*</span> <span class="nx">zy</span><span class="p">)</span> <span class="o"><</span> <span class="mi">4</span><span class="p">)</span> <span class="p">{</span> <span class="nx">xt</span> <span class="o">=</span> <span class="nx">zx</span> <span class="o">*</span> <span class="nx">zy</span> <span class="nx">zx</span> <span class="o">=</span> <span class="nx">zx</span> <span class="o">*</span> <span class="nx">zx</span> <span class="o">-</span> <span class="nx">zy</span> <span class="o">*</span> <span class="nx">zy</span> <span class="o">+</span> <span class="nx">cx</span> <span class="nx">zy</span><span class="o">=</span> <span class="mi">2</span> <span class="o">*</span> <span class="nx">xt</span> <span class="o">+</span> <span class="nx">cy</span> <span class="nx">i</span><span class="o">++</span> <span class="p">}</span> <span class="nx">color</span> <span class="o">=</span> <span class="nx">i</span><span class="p">.</span><span class="nx">toString</span><span class="p">(</span><span class="mi">16</span><span class="p">)</span> <span class="nx">context</span><span class="p">.</span><span class="nx">beginPath</span><span class="p">()</span> <span class="nx">context</span><span class="p">.</span><span class="nx">rect</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span><span class="p">)</span> <span class="nx">context</span><span class="p">.</span><span class="nx">fillStyle</span> <span class="o">=</span> <span class="dl">"</span><span class="s2">#</span><span class="dl">"</span> <span class="o">+</span> <span class="nx">color</span> <span class="o">+</span> <span class="nx">color</span> <span class="o">+</span> <span class="nx">color</span> <span class="nx">context</span><span class="p">.</span><span class="nx">fill</span><span class="p">()</span> <span class="p">}</span> <span class="p">}</span> <span class="nt">
  • hübscher ist es mit einem Farbverlauf
  • und noch hübscher, wenn man die Farbstufen glättet
  • Interessantes ergibt sich, wenn man ein Detail ansieht: wieder in Graustaufen, als Farbverlauf und als geglätteter Farbverlauf.
    • Wir betrachten hier den Bereich -.64 bis +.64 und -.74 i bis + 0.74 i
  • Es gibt sehr schöne Videos, die eine Kamerafahrt in das Apfelmännchen machen
  • da das ‘nur’ Rechenaufwand bedeutet, kann man beliebig weit hinein zoomen und entdeckt dabei immer neue Strukturen
  • Dieses Verhalten der einfachen Gleichung ist doch überraschend
  • Sehr eng bei einander liegende Gegenden sehen komplett unterschiedlich aus

  • Mathematiker bezeichnen so eine Struktur als Fraktal
  • Fibonacci Folge

  • in Stefans Jugend Forschungsgebiet mit Hype
  • zum Beispiel Hoffnung auf großartige Komprimierungsalgorithmen: FiF
    • Erratum: Jpeg 200 (von Stefan im Podcast genannt) verwendet Wavelets zur Komprimierung und keine Fraktale. Der Hype um sie ist ebenso abgeflacht, vielleicht hat sie Stefan deshalb verwechselt ;-) .
  • doch auch in der Öffentlichkeit bekannt: Schmetterlingseffekt -> Wettervorhersage, Herzrhythmus
  • Weg in Spiele gefunden -> Landschaftsgenerierung mit Terragen
  • Fraktale in der Natur: Schneeflocken, Küsten, Broccoli oder Blumenkohl

  • Neuronale Netze
  • Auch Eingang in die Wirtschaft gefunden -> Unternehmenskultur fraktale Organisation allerdings sind hier die Begriffe aus der Mathematik nur sinngemäß übernommen.

  • Heute ist Chaostheorie oder Fraktale in den Medien kaum mehr zu hören.
  continue reading

Kapitel

1. Eine quadratische Zahlenfolge (00:00:00)

2. Intro, das Hamburger Wetter und die Küste (00:01:00)

3. Reset: Chaos und die Mandelbrotmenge (00:05:20)

4. Zahlenfolge x^2 + 1 (00:09:00)

5. Generierung eines Bildes der Mandelbrotmenge (00:13:00)

6. Zoom in die Mandelbrotmenge (00:19:30)

7. Fibonacci Folge (00:20:40)

8. Schönheit (00:21:30)

9. Anfangswerte und Rechenleistung (00:23:00)

10. Bezug zur Chaostheorie - Schmetterlingseffekt (00:25:50)

11. und jetzt? (00:29:40)

12. Modellbildung, Netzwerke, Wettermodelle (00:31:30)

13. Neuronale Netze und Künstliche Intelligenz (00:34:30)

14. aktuell wenig Forschung, Diskretisierung (00:36:30)

15. Anleitung zum eigenen Experimentieren (00:39:20)

16. Schönheit aus Einfachheit (00:42:00)

17. Verabschiedung (00:42:50)

35 Episoden

Alle Folgen

×
 
Loading …

Willkommen auf Player FM!

Player FM scannt gerade das Web nach Podcasts mit hoher Qualität, die du genießen kannst. Es ist die beste Podcast-App und funktioniert auf Android, iPhone und im Web. Melde dich an, um Abos geräteübergreifend zu synchronisieren.

 

Kurzanleitung