Saltar al contenido
Fondos Gratis

Curvas de nivel

Mapa topográfico vivo: curvas de nivel de un terreno que se deforma lento, con curvas maestras acotadas; el cursor levanta una colina.

Plan
Gratis · MIT
Dependencias
Solo React
Props
8 (8 ajustables)

Vista previa en vivo

Instalación

1. Instala el paquete

npm i furin

2. Impórtalo

import { TopoLines } from "furin";

También con pnpm add furin, yarn add furin o bun add furin. Cada componente trae su CSS y lo importa por ti.

Props

PropTipoPor defectoDescripción
colorstring"#7f938f"Color de las curvas de nivel.
accentstring"#e6c58e"Color de las curvas maestras y de sus cotas.
backgroundstring"#0a0c0e"Color del fondo.
levelsnumber30Cuántas curvas hay entre la cima y el valle.
intervalnumber5Cada cuántas curvas hay una maestra con su cota.
scalenumber1Tamaño de las colinas (mayor = colinas más anchas).
speednumber1Qué tan rápido se deforma el terreno.
labelsbooleantrueMuestra la altura (cota) sobre las curvas maestras.

Sigue explorando

  • Estanque

    Gratis

    Superficie de agua con ondas WebGL.

    Fondos

  • Galaxia

    Gratis

    Galaxia espiral de decenas de miles de partículas con núcleo brillante que gira despacio; el cursor inclina la vista.

    Fondos

  • Humo

    Gratis

    Humo volumétrico con luz de estudio que sube sin parar; tu cursor lo aparta y lo arremolina, y el humo vuelve a llenar el hueco.

    Fondos