https://github.com/metafam/animated-tessellation

Animation of a tessellated SVG.
https://github.com/metafam/animated-tessellation

animation octopus react svg

Last synced: about 2 months ago
JSON representation

Animation of a tessellated SVG.

• Host: GitHub
• URL: https://github.com/metafam/animated-tessellation
• Owner: MetaFam
• License: cc0-1.0
• Created: 2023-05-31T15:09:46.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2025-03-25T07:52:25.000Z (about 1 year ago)
• Last Synced: 2025-12-26T20:57:54.596Z (6 months ago)
• Topics: animation, octopus, react, svg
• Language: JavaScript
• Homepage: http://animocto.metagame.wtf/
• Size: 1.56 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Animated Octopus

This is a piece by [Cris Leash](https://crodrigues.portfoliobox.net) to tessellate an octopus in honor of [MetaGame](https://metagame.wtf).

[@dysbulic](https://github.com/dysbulic/) then aided [Cris](https://github.com/CrisLeash/) in setting up an animation such that the octopus grows and returns to a point.

The basic process follows this pattern:

![Basic Growth](growth.svg)

The program works bv `fetch`ing the SVG, then parsing it to pull out all the points for the triangles, which it then animates using successive triggers in SMIL `` tags.