: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!

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

:lock: License

Licença MIT (MIT). Consulte o arquivo de licença para obter mais informações.

:handshake: Contato

Mauricio Roberto - [email protected]

Link do projeto: https://github.com/MauricioRobertoDev/math-world

Link da documentação: https://mauriciorobertodev.github.io/math-world/

:gem: Créditos/Reconhecimento

• Shields.io
• Awesome Readme Template
• Emoji Cheat Sheet
• Gabriel de Jesus

:microscope: Referências

• Desenhar Grid
• Canvas API
• Canvas câmera