sarmal.art
Back to Curve Catalog

Lissajous 3:2

Import

import { lissajous32 } from "@sarmal/core/curves/lissajous32";

A figure-eight-like curve with a slowly drifting phase that causes the skeleton to morph continuously.

Equation

x=sin⁡(3t+φ)y=sin⁡(2t)where φ=ttime⋅0.45\begin{aligned}x = \sin(3t + \varphi) &\\y = \sin(2t) &\\\text{where } \varphi = t_{\text{time}} \cdot 0.45 &\end{aligned}

Parameters

Family Lissajous
Period 2π
Default Speed 2
Skeleton live

Key Features

  • 3:2 frequency ratio creates figure-eight pattern
  • Phase drift causes continuous skeleton morphing
  • Live skeleton that evolves over time

Usage

Standard

import { createSarmal } from "@sarmal/core";
import { lissajous32 } from "@sarmal/core/curves/lissajous32";

const canvas = document.getElementById("spinner") as HTMLCanvasElement;
const sarmal = createSarmal(canvas, lissajous32);

React

import { Sarmal } from "@sarmal/react";
import { lissajous32 } from "@sarmal/core/curves/lissajous32";

function App() {
  return <Sarmal curve={lissajous32} />;
}