<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>CindyJS on Konrad Heidler</title>
    <link>https://konrad.heidler.info/tags/cindyjs/</link>
    <description>Recent content in CindyJS on Konrad Heidler</description>
    <generator>Hugo -- 0.152.2</generator>
    <language>en-gb</language>
    <lastBuildDate>Thu, 06 Jun 2019 09:00:00 +0100</lastBuildDate>
    <atom:link href="https://konrad.heidler.info/tags/cindyjs/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Soap Bubbles</title>
      <link>https://konrad.heidler.info/applets/2019-06-06-soap-bubbles/</link>
      <pubDate>Thu, 06 Jun 2019 09:00:00 +0100</pubDate>
      <guid>https://konrad.heidler.info/applets/2019-06-06-soap-bubbles/</guid>
      <description>&lt;div style=&#34;text-align:center;&#34;&gt;
  &lt;iframe src=&#39;soapbubbles.html&#39;
    style=&#34;width:calc(min(var(--main-width), 85vmin));height:calc(min(var(--main-width), 85vmin))&#34;&gt;&lt;/iframe&gt;
&lt;/div&gt;</description>
    </item>
    <item>
      <title>Soap Bubbles</title>
      <link>https://konrad.heidler.info/posts/2019-06-06-soap-bubbles/</link>
      <pubDate>Thu, 06 Jun 2019 09:00:00 +0100</pubDate>
      <guid>https://konrad.heidler.info/posts/2019-06-06-soap-bubbles/</guid>
      <description>&lt;p&gt;Have you ever wondered about the rainbows on CDs, gasoline puddles or soap bubbles?
All of these have the same cause: The &lt;a href=&#34;https://en.wikipedia.org/wiki/Thin-film_interference&#34;&gt;interference of light on thin surfaces&lt;/a&gt;.
Today, we&amp;rsquo;ll try to render something that looks like a soap bubble.&lt;/p&gt;
&lt;h2 id=&#34;some-physics&#34;&gt;Some Physics&lt;/h2&gt;
&lt;p&gt;When a ray of light hits the surface of the soap bubble,
it is either instantly reflected, or it enters the soap film and is refracted.
When it is refracted, it can then be reflected off the other end of the soap,
and then leave it again at a slightly different spot.
There are countless other possiblities for the ray to bounce around,
but these are the two that we will focus on here.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Particle Life</title>
      <link>https://konrad.heidler.info/applets/2019-01-31-particlelife/</link>
      <pubDate>Thu, 31 Jan 2019 09:00:00 +0100</pubDate>
      <guid>https://konrad.heidler.info/applets/2019-01-31-particlelife/</guid>
      <description>&lt;p&gt;Particle Simulations are great.
Life Simulations are fun.
Meet Particle Life &amp;ndash; the intersection of these two worlds.&lt;/p&gt;
&lt;p&gt;Inspired by Biologist &lt;a href=&#34;https://evolution.berkeley.edu/evolibrary/article/history_24&#34;&gt;Lynn Margulis&amp;rsquo;&lt;/a&gt;
theory of endosymbiosis, Jeffrey Ventrella invented his &lt;a href=&#34;http://www.ventrella.com/Clusters/&#34;&gt;Clusters&lt;/a&gt;.
The main idea is simulating microorganisms that have pretty basic interaction patterns.
Some species are drawn towards certain others, while some will be repelled by others.
Implementing a particle simulation with these rules leads to very interesting patterns.&lt;/p&gt;
&lt;p&gt;Compared to physics-based particle simulations, this approach explicitly violates the
&lt;a href=&#34;https://en.wikipedia.org/wiki/Momentum#Conservation&#34;&gt;Conservation of Momentum&lt;/a&gt;.
This allows for self-propelling structures, clusters that look like biological cells, and much more.&lt;/p&gt;</description>
    </item>
    <item>
      <title>Pachelballs</title>
      <link>https://konrad.heidler.info/applets/2018-12-25-pachelballs/</link>
      <pubDate>Tue, 25 Dec 2018 09:00:00 +0100</pubDate>
      <guid>https://konrad.heidler.info/applets/2018-12-25-pachelballs/</guid>
      <description>&lt;div style=&#34;text-align:center;&#34;&gt;
  &lt;iframe src=&#39;pachelballs.html&#39;
    style=&#34;width:calc(min(var(--main-width), 85vmin));height:calc(min(var(--main-width), 85vmin))&#34;&gt;&lt;/iframe&gt;
&lt;/div&gt;</description>
    </item>
    <item>
      <title>Pachelballs</title>
      <link>https://konrad.heidler.info/posts/pachelballs/</link>
      <pubDate>Tue, 25 Dec 2018 09:00:00 +0100</pubDate>
      <guid>https://konrad.heidler.info/posts/pachelballs/</guid>
      <description>&lt;p&gt;When I was a kid, I really enjoyed this game called &lt;a href=&#34;https://en.wikipedia.org/wiki/Electroplankton&#34;&gt;Electroplankton&lt;/a&gt;.
Especially the game mode called &lt;em&gt;Hanenbow&lt;/em&gt;,
where you launched small tadpoles onto leaves.
On impact the leaves would emit glockenspiel sounds, and create a nice sounding melody.
Here&amp;rsquo;s what it looked like:&lt;/p&gt;
&lt;div class=&#34;embed video-player&#34; style=&#34;text-align:center;&#34;&gt;
  &lt;iframe class=&#34;youtube-player&#34; type=&#34;text/html&#34; width=&#34;640&#34; height=&#34;385&#34; src=&#34;https://www.youtube-nocookie.com/embed/it7wvZmgYYA&#34; allowfullscreen frameborder=&#34;0&#34;&gt;
  &lt;/iframe&gt;
&lt;/div&gt;

&lt;p&gt;I wondered, how hard could it be to implement something similar?
If you just want to see the animation, click &lt;a href=&#34;#finished-animation&#34;&gt;here&lt;/a&gt;.
If you&amp;rsquo;re interested in the background, read on!&lt;/p&gt;</description>
    </item>
  </channel>
</rss>
