<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Swamp Crocodile</title>
  <subtitle>experiments, side projects, ideas, html in canvas, canvas animation, filament plugin, strapi plugin, open source, php, nodejs</subtitle>
  <link rel="self" type="application/atom+xml" href="https://www.swampcrocodile.com/feed.xml"/>
  <link rel="alternate" type="text/html" href="https://www.swampcrocodile.com/"/>
  <id>https://www.swampcrocodile.com/</id>
  <updated>2026-09-21T00:00:00Z</updated>
  <author><name>R. Sivasubramanian</name><uri>https://sivasubramanian.me</uri></author>
  <entry>
    <title>Floating real HTML on a canvas swamp</title>
    <link rel="alternate" type="text/html" href="https://www.swampcrocodile.com/lab/html-in-canvas-swamp/"/>
    <id>https://www.swampcrocodile.com/lab/html-in-canvas-swamp/</id>
    <published>2026-09-21T00:00:00Z</published>
    <updated>2026-09-21T00:00:00Z</updated>
    <summary>This site&apos;s text is drawn onto the water with the new HTML-in-Canvas API, so live, clickable HTML can bob, reflect and ripple. What the spec asks for, and what broke on the way.</summary>
    <category term="Experiment"/>
    <category term="html-in-canvas"/>
    <category term="canvas"/>
    <category term="javascript"/>
    <category term="web-platform"/>
  </entry>
  <entry>
    <title>Teaching a canvas crocodile to swim</title>
    <link rel="alternate" type="text/html" href="https://www.swampcrocodile.com/lab/canvas-crocodile/"/>
    <id>https://www.swampcrocodile.com/lab/canvas-crocodile/</id>
    <published>2026-09-21T00:00:00Z</published>
    <updated>2026-09-21T00:00:00Z</updated>
    <summary>The crocodile in this swamp is drawn with canvas paths and moved by a follow-the-leader spine with a travelling wave laid over it. What real crocodilian anatomy asked for, and the bugs that made her tear, twitch and lose her head.</summary>
    <category term="Experiment"/>
    <category term="canvas"/>
    <category term="animation"/>
    <category term="javascript"/>
    <category term="procedural-animation"/>
  </entry>
</feed>
