Add gif for sin pattern

4 files changed, 27 insertions, 12 deletions

diff --git a/4-im-a-sinner/main.ua b/4-im-a-sinner/main.ua
index 00dfb26..a4f0390 100644
--- a/4-im-a-sinner/main.ua
+++ b/4-im-a-sinner/main.ua
@@ -1,9 +1,8 @@
-W  ← 400  # width
-H  ← 400  # height
-S  ← 0.08 # scale
-I  ← 30   # max iterations
-Ox ← 0    # offset x
-Oy ← 0    # offset y
+W   ← 400  # width
+H   ← 400  # height
+S   ← 0.08 # scale
+F   ← 20   # number of frames for gif
+Fps ← 10   # frame rate for gif
 
 ToPixel ← ⍣(
   0.16_0.16_0.21 ⍤.>0
@@ -13,9 +12,12 @@ ToPixel ← ⍣(
 | 0.31_0.23_0.64 ⍤.≤1.1⌵
 | 0.09_0.57_0.6 ⍤.≤1.3⌵
 | 0.16_0.16_0.21
-  # | 0.74_0.58_0.98
 )
 
-Iterations ← - ⊙(∿×2×) ◡(+ ⊓∿(∿+η) ∩(×.)) °ℂ
-Img        ← ∵(ToPixel Iterations) ⊞ℂ ∩(÷S -0.5 ÷W) ⊓(-Oy)(-Ox) ⇡H⇡W
+Equation ← - ⊙(∿××) ◡(+ ⊓∿(∿+η) ∩(×.)) °ℂ
+Grid     ← ⊞ℂ ∩(÷S -0.5 ÷W) ⇡H⇡W
+Img      ← ∵(ToPixel Equation: 2) Grid
 &fwa "./4-im-a-sinner/output.png" img "png" Img
+
+Frames ← ≡(∵(ToPixel Equation) Grid) ×6 ÷F-÷2F⇡+1F
+&fwa "./4-im-a-sinner/output.gif" gif Fps Frames
diff --git a/4-im-a-sinner/output-400.gif b/4-im-a-sinner/output-400.gif
new file mode 100644
index 0000000..dc4ad1f
--- /dev/null
+++ b/4-im-a-sinner/output-400.gif
diff --git a/4-im-a-sinner/output.gif b/4-im-a-sinner/output.gif
new file mode 100644
index 0000000..dc4ad1f
--- /dev/null
+++ b/4-im-a-sinner/output.gif
diff --git a/README.md b/README.md
index 5b9b4d4..b0e01a2 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Playing with [uiua](https://www.uiua.org/)
+# Creative coding with [uiua](https://www.uiua.org/)
 
 <table>
   <tr>
@@ -11,15 +11,28 @@
       <a href="2-dragon/main.ua"><img src="2-dragon/output-12.png" /></a>
     </td>
   </tr>
+
   <tr>
     <td width="50%" valign="top">
       <h3>Levy C curve</h3>
       <a href="3-levy-c-curve/main.ua"><img src="3-levy-c-curve/output-10.png" /></a>
     </td>
     <td width="50%" valign="top">
-      <h3>sin(x^2) + cos(x^2) = sin(xy)</h3>
-      <a href="4-im-a-sinner/main.ua"><img src="4-im-a-sinner/output-1000.png" /></a>
+      <h3>sin(x^2) + cos(x^2) = sin(4xy) (static)</h3>
+      <a href="4-im-a-sinner/main.ua">
+        <img src="4-im-a-sinner/output-1000.png" />
+      </a>
+    </td>
+  </tr>
+
+  <tr>
+    <td width="50%" valign="top">
+      <h3>sin(x^2) + cos(x^2) = sin(axy) (gif animating `a`)</h3>
+      <a href="4-im-a-sinner/main.ua">
+        <img src="4-im-a-sinner/output-400.gif?raw=true" />
+      </a>
     </td>
+    <td width="50%" valign="top"></td>
   </tr>
 </table>