@mauricioroberto/math-world NPM

$Alt text$

:star2: Sobre o projeto

Esse projeto é serve para criar um mundo cartesiano usando canvas, com várias funções auxiliares para navegar e desenhar neste mundo

:dart: Features

Mundo livre para criar a vontade.
Possibilidade de zoom.
Possibilidade de arrastar o mundo.
Mover a câmera para um ponto específico.
Desenhar linhas, círculos, retângulos e pontos.
Poder pausar o tempo.
Modo de tempro preciso para avançar e retornar.
Modo full screen.
Grid de plano caretesiano.
Mundo padrão.

:zap: Como usar

Instale o pacote

  npm install @mauricioroberto/math-world

Verifique se a tag canvas está definida

<canvas id="app"></canvas>

Inicie o mundo padrão

import { MathWorld } from "@mauricioroberto/math-world";

const world = new MathWorld("app");
const paint = world.getPaint();
paint.cartesian();

world.default();

world.loop(() => {
    // crie seu mundo
    const COLOR_LIME = paint.getTailwindColor("Lime");
    const COLOR_LIME_10 = paint.getTailwindColor("Lime", "500", 2);

    // packman
    paint.circle({ point: { x: 0, y: 0 }, radius: 10, strokeColor: COLOR_LIME, fillColor: COLOR_LIME_10, startAngleForHumans: 45, endAngleForHumans: -45 });
});
world.start();

Eu fiz a ferramenta de criação de estratégias para Lugo Bots usando esse pacote. Você pode ver o projeto aqui

:wrench: Desenvolvimento

Clone o projeto

  git clone https://github.com/MauricioRobertoDev/math-world.git

Entre na pasta do projeto

  cd math-world

Instale as dependências

  npm install

Rode o modo de desenvolvimento

  npm run dev

:wave: Contribuindo

Contribuições são sempre bem vindas!

Faça o fork do projeto (https://github.com/MauricioRobertoDev/math-world/fork)
Crie uma branch para sua modificação (git checkout -b meu-novo-recurso)
Faça o commit (git commit -am 'Adicionando um novo recurso...')
Push (git push origin meu-novo-recurso)
Crie um novo Pull Request