{"id":769,"date":"2026-02-19T09:00:39","date_gmt":"2026-02-19T09:00:39","guid":{"rendered":"https:\/\/creativeagni.com\/ignite\/?p=769"},"modified":"2026-02-19T11:30:27","modified_gmt":"2026-02-19T11:30:27","slug":"building-a-mathematical-curve-animator-with-claude-ask-test-complain-upload-smile","status":"publish","type":"post","link":"https:\/\/creativeagni.com\/ignite\/2026\/02\/19\/building-a-mathematical-curve-animator-with-claude-ask-test-complain-upload-smile\/","title":{"rendered":"Building a Mathematical Curve Animator with Claude – Ask, Test, Complain, Upload…Think."},"content":{"rendered":"\n

The day before yesterday, I got up late. With my early morning window of creativity blasted out of my schedule, I thought I should look at the news. Guess what? I came across a piece about Claude and the programming marvel it was turning into. So, I typed in Claude.ai<\/a>, and started talking to it.<\/p>\n\n\n\n

The Functionality of the Mathematical Curve Animator Web App<\/a> (The Desktop version):<\/h2>\n\n\n\n

I prompted Claude to build a mathematical curve animator web-app that lets you do the following:
1. Select a curve from a list of 9 mathematical curves (including: Rose, Lissajous, Epi\/Hypotrochoid, Butterfly, Lemniscate etc.)
2. Manage curve-specific parameters for each of these curves.
3. Select portrait\/square\/landscape layouts.
4. Select a background from a set of 8 images.
5. Generate the animation (color-cycling\/sizing\/rotation) of the selected curve along with its secondary and tertiary instances.
6. Export a 10-second video in webM format.<\/p>\n\n\n\n

Took me about an hour to build and test. I know it’s not perfect (there’s a noticeable flicker.) But I am a non-programmer, and I worked with Claude the way I would with a human programmer. Except that I also had a chai-break while Claude didn’t. And yes, Claude wasn’t mad at me when I asked it for improvements\/enhancements.<\/p>\n\n\n\n

The Prompt-Process<\/h2>\n\n\n\n

I started by asking Claude what would be required to prepare an animation interface that would let the user animate mathematical curves. <\/p>\n\n\n\n