Coder Social home page Coder Social logo

arduino-pinout-maker's Introduction

Arduino Pinout Maker

Um criador de pinout do arduino para os seus projetos :)

Exemplos

Gerado com o exemplo Exemplo mais simples com poucas configurações.

Exemplo

Gerado com o allPorts Exemplo usando todas as portas do arduino UNO.

Exemplo-allPorts

Gerado com o styles Exemplo ousando nas configurações de cores e tamanhos.

Exemplo-styles

Como usar

Configurações

As configurações são feitas no arquivo JSON, o arquivo de boards contém os padrões, além da posição de cada pino.

As principais são:

  • ImagePath: Caminho da imagem do arduino
  • FontPath: Caminho da fonte do texto
  • Colors: Cores de cada tipo de conexão
  • Sizes: Configurações de tamanho
{
    "Settings":{
        "ImagePath": "",
        "FontPath": "",

        "Colors": {},
        "Sizes": {}
    }
}

Cores

As configurações de cor guardam as cores de cada tipo de porta (como se fossem classes), seu background e cor do texto. As cores são armazenadas em uma lista RGBA. A configuração de Connections diz a cor do fio.

"Colors": {
    "Connections": [
        148,
        163,
        166,
        255
    ],
    "PortTypes": {
        "Default": {
            "Background": [
                241,
                196,
                55,
                255
            ],
            "Text": [
                255,
                255,
                255,
                255
            ]
        }
    }
}

Tamanhos

As configurações de tamanho guardam cada tamanho de cada elemento, como o tamanho do texto, o tamanho do fio e o tamanho do pino.

"Sizes": {
    "Connections": {
        "Radius": 4,
        "Size": 140,
        "Width": 3
    },
    "Names": {
        "Height": 30,
        "Border": 15,
        "BorderRadius": 20,
        "Font": 22
    }
}

Conexões

As conexões também são feitas no arquivo JSON, assim como o exemplo abaixo.

  • Name: Nome da conexão (que aparece dentro do oblongo)
  • InOut: Tipo de conexão (entrada, entrada com pullup, saída ou entrada e saída)
  • Type: Tipo da conexão (que define a cor do oblongo e do texto)
"Connections": {
    "D11": {
        "Name": "PWM Servo 1",
        "InOut": "Output",
        "Type": "Default"
    },
    "D10": {
        "Name": "Push button",
        "InOut": "Input",
        "Type": "Default"
    },
    "D9": {
        "Name": "Communication",
        "InOut": "InputOutput",
        "Type": "Default"
    },
    "D8": {
        "Name": "Push button",
        "InOut": "InputPullup",
        "Type": "Default"
    }
}

Esse exemplo cria 3 conexões no pino D11, D10 e D9, respectivamente.

Connections

arduino-pinout-maker's People

Contributors

eduardo-barreto avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

arduino-pinout-maker's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.