TypeScript

Crea, actualiza y destruye una instancia sin utilizar un framework.

Vista previaArrastra la tela

Viento 7.0

Turbulencia 0.34

Cuadrícula X 32

Radio de arrastre 1

main.ts

import { createFlagCloth } from 'flag-cloth';

const container = document.querySelector<HTMLElement>('#flag');
if (!container) throw new Error('No se encontró el contenedor #flag');

const flag = createFlagCloth({
  container,
  texture: '/my-flag.webp',
  width: 3,
  height: 2,
  segments: { x: 32, y: 20 },
  attachment: 'left',
  wind: {
    strength: 7.0,
    turbulence: 0.34,
  },
  interaction: {
    enabled: true,
    dragRadius: 1,
  },
});

await flag.ready;

// Llama a destroy al eliminar la vista.
flag.destroy();