Precifica 3D
Calculadora de precificação para impressão 3D sob encomenda. Página única em HTML, sem dependências e sem build: baixe index.html e abra no navegador, ou publique a pasta em qualquer hospedagem estática (Vercel, Netlify, GitHub Pages) sem nenhuma configuração.
Sincronização na nuvem (opcional)
O app funciona sozinho, sem conta. Ligando a nuvem, os dados passam a existir também num Postgres no Supabase, e celular e computador enxergam os mesmos pedidos.
Desenho local-first: o navegador continua sendo o armazenamento de trabalho — o app abre e funciona sem internet, e a sincronização acontece por trás. Nada depende de estar online.
Como ligar
- Crie um projeto gratuito no Supabase.
- No SQL Editor, rode o arquivo
supabase-schema.sql. Ele cria a tabela, as regras de acesso por usuário e as views de consulta.
- No app, botão Nuvem → cole a URL do projeto e a chave anon (Project Settings → API), crie a conta e entre.
- No primeiro aparelho, use Enviar tudo deste aparelho para subir o que já existe.
A chave anon é feita para ficar no navegador; quem protege os dados é o Row Level Security, que amarra cada linha ao auth.uid() do dono. Ela fica salva só no seu aparelho — não vai para o repositório.
Como a sincronização funciona
- Sem biblioteca: fala direto com a API REST do Supabase por
fetch, mantendo o arquivo único e o funcionamento offline.
- Granularidade: pedidos, rolos de filamento e imagens sincronizam registro a registro; catálogo, configurações e peças salvas vão como documento inteiro, por mudarem pouco e quase sempre num aparelho só.
- Conflito: vence a alteração mais recente.
- Exclusões viram lápides, removidas só quando o servidor confirma.
- Relógio: depois de gravar, o app adota a hora do servidor como carimbo. Sem isso, um aparelho adiantado reenviaria os mesmos registros para sempre.
- Eco: o que acaba de chegar do servidor não volta a subir no mesmo ciclo.
As views meus_pedidos, meu_estoque e receita_mensal expõem tudo em colunas SQL comuns, para consultar direto no Supabase.
App instalável (PWA)
Servido por HTTPS, instala na tela inicial e abre em tela cheia, sem barra de navegador:
- Android/Chrome — o botão "Instalar app" aparece no cabeçalho quando o navegador oferece a instalação; também funciona pelo menu ⋮ → Adicionar à tela inicial.
- iPhone/Safari — Safari não oferece prompt: use Compartilhar → Adicionar à Tela de Início.
O service worker (sw.js) usa rede primeiro para o HTML, com o cache como reserva — assim uma versão publicada chega na próxima abertura com internet, e o app continua abrindo offline com a última que funcionou. Ícones e manifesto vêm do cache. Como os dados vivem em localStorage e IndexedDB, tudo funciona sem sinal depois da primeira abertura.
Abrindo o arquivo direto (file://) o navegador não permite service worker: nesse caso é uma página comum, sem instalação.
Feita para quem imprime peças coloridas em impressora com sistema multicor (AMS/ACE), onde a purga de troca de cor costuma pesar tanto quanto a própria peça.
O que ela calcula
Custo real por peça, item por item:
| Linha | Como sai |
|---|
| Filamento na peça | gramas do fatiador × preço do kg |
| Purga / desperdício | gramas da torre de purga × preço do kg |
| Energia | watts médios × horas × tarifa de kWh |
| Máquina | (preço da impressora ÷ vida útil) × horas + reserva de peças por hora |
| Trabalho | minutos de preparo e acabamento × valor da hora |
| Materiais e entrega | tinta, itens extras, embalagem e frete embutido rateado |
| Custos fixos e falhas | rateio dos custos mensais + reserva de impressão perdida |
E o preço de venda por:
preço = custo × (1 + margem) ÷ (1 − taxas)
A divisão é o ponto: comissão de marketplace, taxa de pagamento e imposto incidem sobre o preço, não sobre o custo. Somar 15% em cima do custo faz você receber menos do que planejou.
Outras regras do modelo:
- Reserva de falha = custo de produção × (1/(1−taxa) − 1), aplicada só sobre filamento, purga, energia e máquina — o que de fato se perde numa impressão refugada.
- Preço de tabela é sempre calculado para 1 unidade, com o frete inteiro quando ele é embutido. Os descontos por quantidade saem desse preço.
- Peças por impressão divide tempo de máquina, energia, depreciação e purga entre as unidades da mesma mesa.
O que tem na tela
- Composição do custo em barra empilhada + tabela com valores e percentuais
- Composição do preço: quanto é custo, quanto é taxa, quanto sobra
- Lucro por hora de máquina — a métrica que decide quais encomendas aceitar
- Três faixas de desconto por quantidade, com a margem resultante em cada uma
- Frete por conta do cliente, embutido (frete grátis) ou retirada
- Teste reverso: "se eu cobrar R$ X, quanto sobra?"
- Alertas automáticos: prejuízo, margem abaixo de 10%, purga maior que a peça, frete grátis comendo a margem
- Biblioteca de peças salvas, exportação/importação em JSON e orçamento pronto para copiar
- Orçamento em PDF em folha A4, com logo e foto do produto, para enviar ao cliente
Pedidos e painel
A segunda aba é o controle do negócio. Cada cálculo pode virar um pedido, que congela os números do momento (receita, custo por categoria, horas de máquina, depreciação) — mexer no preço do filamento depois não reescreve o histórico.
Status: em negociação → aguardando pagamento → pago, mais cancelado. Só o que está pago entra na receita; o resto aparece como pipeline.
Indicadores do mês:
| Métrica | Como sai |
|---|
| Receita recebida | soma dos pedidos pagos |
| Lucro bruto | receita − custo de produção − seu trabalho |
| Lucro líquido | lucro bruto − taxas − custos fixos e reserva de falhas |
| Margem líquida | lucro líquido ÷ receita |
| Retorno sobre o custo (ROI) | lucro líquido ÷ tudo que foi gasto |
| Payback da máquina | lucro líquido acumulado ÷ investimento |
Mais: gráfico de receita dos últimos 6 meses, composição da receita do mês, pipeline em aberto, e a divisão do lucro entre reserva para refazer peça, reinvestimento e o que sobra para você — tudo em percentuais que você define.
Avisos
Central de alertas derivada dos pedidos e do estoque — nada fica gravado como "aviso", tudo é recalculado. O contador aparece na barra de abas, visível de qualquer tela.
O cálculo que importa é a data limite para comprar filamento, feito de trás para frente:
comprar até = entrega − envio − produção − chegada do filamento
Produção sai do tempo de impressão do pedido, a uma jornada de 8 h por dia. Exemplo real: entrega em 15 dias, 16 h de impressão, fornecedor em 7 dias e envio em 5 → o filamento precisa ser pedido em até 1 dia.
Alertas gerados:
| Tipo | Quando |
|---|
| Pedido atrasado | prazo venceu e não foi entregue |
| Entrega próxima | dentro da antecedência configurada (crítico com 2 dias ou menos) |
| Comprar filamento | data limite a 3 dias ou já vencida |
| Filamento acabado / acabando | rolo zerado ou abaixo do mínimo |
| Estoque não cobre os pedidos | soma das gramas em aberto maior que o estoque |
| Proposta parada | em negociação há 7 dias ou mais |
| Pagamento pendente | aguardando há 5 dias ou mais |
Cada aviso pode ser silenciado por 5 dias; depois volta se ainda fizer sentido. O status entregue encerra os avisos do pedido — e conta como receita no painel, junto com pago.
Estoque e cores
Cadastro de rolos: cor, nome, tipo, marca, gramas restantes e preço do quilo. Resumo com total em kg, valor parado em estoque, quantos rolos estão abaixo do mínimo e quantas cores diferentes você tem para multicor.
Análise de foto
Sobe uma foto do personagem e a página diz quantos filamentos a peça exige, quais cores, quanto de cada uma e se você tem em estoque.
Como funciona, sem enfeite: é quantização de cor por k-means no espaço OKLab, rodando no navegador — nenhuma imagem sai do computador. Não é reconhecimento de objeto: o programa lê as cores que dominam a imagem, não entende que "aquilo é o cabelo do personagem".
- Claridade pesa menos que matiz (0,42) ao agrupar: sombra e brilho são iluminação, não pigmento, e sem isso uma peça vermelha vira três filamentos.
- Fundo modelado a partir de uma faixa de toda a borda, agrupada em até 3 tons — pega fundo com degradê ou textura, não só liso (desativável).
- Brilho estourado (L > 0,95) e sombra esmagada (L < 0,07) são descartados antes de agrupar.
- Sementes determinísticas por ponto-mais-distante no percentil 95: mesma foto, mesmo resultado, sem eleger pixel solto como cor.
- A cor de cada grupo é a média aparada do miolo de claridade (percentis 25–75); a média simples fica lavada pelas sombras.
- Grupos abaixo de 3% são descartados e, no automático, cores perceptualmente equivalentes são fundidas — inclusive cinzas de claridade próxima.
- Comparação com o estoque usa distância perceptual cheia: ΔE ≤ 10 é "tem", até 22 é "só parecida".
- As gramas por cor saem do peso da peça na calculadora, rateado pela fatia de pixels.
- Acima de 4 cores, avisa que o ACE trabalha com 4 por vez.
Quando o automático erra, dá para corrigir: clicar na foto fixa aquela cor como filamento (conta-gotas) e o × descarta uma cor que era sombra. Os percentuais são recalculados reatribuindo todos os pixels à paleta corrigida.
Um botão desconta do estoque as gramas estimadas de cada cor.
Ajustar a foto
Ao escolher a foto de um produto ou a capa de uma categoria, abre um ajuste antes de salvar. Arraste para posicionar, use o controle para aproximar — o quadro na tela é o mesmo quadro da vitrine, então o que estiver dentro é o que vai aparecer.
Dois atalhos:
- Preencher o quadro — a foto cobre tudo, sem borda. É como abre por padrão, e o que a maioria das fotos pede.
- Caber inteira — mostra a peça do topo à base, com fundo branco nas laterais. Use quando cortar qualquer pedaço estragaria a peça.
A saída é sempre quadrada, em 1600 px. Isso resolve o desalinhamento da vitrine: foto em pé e foto deitada acabam ocupando o mesmo espaço, e nenhuma delas perde a cabeça no corte.
Não dá para arrastar a peça para fora do quadro: quando a foto chega na borda, ela trava.
Cupons da loja
Botão Cupons da loja, na aba Catálogo. Dali você cria, liga, desliga e exclui cupons sem tocar em SQL.
Três tipos:
- Frete grátis — zera o frete
- Desconto em % — abate uma porcentagem dos itens (o frete continua)
- Desconto em R$ — abate um valor fixo
Cada um aceita compra mínima, validade e limite de usos. A coluna Usos mostra quantas vezes já foi aplicado.
Desligar para de aceitar o cupom mas mantém o histórico. Excluir apaga de vez, e quem tentar usar recebe "cupom não encontrado" — prefira desligar quando for uma pausa.
Quem confere se o cupom vale é o banco, no momento do pedido, com o subtotal que ele mesmo calcula. Editar a tela não gera desconto.
Publicar na loja
Cada produto do catálogo tem uma caixa Publicar na loja. Marcada, a peça passa a aparecer no site da Moldarte 3D — com nome, descrição, categoria, foto, tamanhos e preços. Ao marcar, aparecem dois campos ao lado: prazo de produção, em dias úteis, e estoque.
O endereço da peça no site (/produto/dragao-articulado) é gerado do nome na primeira publicação e não muda mais: renomear a peça depois não quebra um link que já foi divulgado.
Peça no modo sob consulta entra na loja sem botão de compra — no lugar dele vai um "Pedir orçamento". Cópias vinculadas não são publicadas: virariam o mesmo produto duas vezes, com endereços diferentes.
Desmarcar tira a peça do ar na sincronização seguinte.
Como funciona por baixo
O catálogo inteiro sobe como um documento só, então liberar a leitura dele exporia junto o que não foi publicado: rascunho, preço em estudo, produto fora do ar. Por isso publicar grava uma linha por produto numa coleção separada (loja), contendo apenas o que a vitrine mostra. A regra de segurança abre exatamente essa coleção para quem não tem login — pedidos, rolos de filamento, configurações e clientes continuam trancados.
As fotos dos produtos publicados sobem para o Storage, e não como base64 dentro do banco: numa vitrine elas precisam de cache de CDN. Cada uma só é reenviada quando muda de verdade.
Antes da primeira publicação, rode o arquivo supabase-loja.sql no SQL Editor do projeto. Ele cria a regra de leitura pública e o espaço das fotos. Sem ele o resto continua sincronizando normalmente — só as fotos da loja não sobem, e o aviso aparece no console do navegador.
Catálogo
Terceira aba. Categorias livres (Anime, Games, Marvel, DC, Carros…), cada uma com capa horizontal ou vertical e quantos produtos você quiser. Cada produto tem foto, descrição e uma lista de tamanhos com preço próprio — 15 cm, 20 cm, 25 cm, 30 cm — e três modos de exibição: a partir de (mostra o menor preço), preço único ou sob consulta.
O botão gera um PDF de várias páginas: capa com sua logo, uma página por categoria com os produtos em grade de duas colunas, e uma página final de condições.
Descrição automática
Cada produto tem um botão que escreve a descrição sozinho. Não é IA e não enxerga o personagem: o que ele sabe vem do nome digitado, do nome da categoria e dos tamanhos cadastrados.
Além de nome e tamanhos, cada produto tem três campos que alimentam o texto: universo/jogo, estilo (25 opções) e características.
O texto monta até seis partes a partir de bancos de frases:
- Abertura — quatro bancos de 25 frases cada, escolhidos pelo que existe no produto: por universo/jogo quando preenchido, por adaptação quando a categoria é de releituras, por personagem no caso geral, e um repertório temático próprio para categorias que não falam de personagem (decoração, pets, carros, esporte).
- Estilo — uma frase específica para cada um dos 25 estilos.
- Material e características — em tom afirmativo. Sem ressalva sobre linhas de camada: catálogo é peça de venda, e o lugar de alinhar expectativa é o campo de observações do orçamento.
- Tamanhos — quando todos compartilham a unidade, ela aparece uma vez só:
15 cm, 20 cm e 25 cm vira 15, 20 e 25 cm.
- Complemento — 25 frases curtas, usadas só quando não houve frase de estilo, que cumpre o mesmo papel.
- Convite ao orçamento — para quem quer um tamanho fora da tabela.
As frases usam variáveis {{nome}}, {{jogo}}, {{estilo}}, {{caracteristicas}} e outras; frase cujo campo esteja vazio é descartada na escolha, então nunca sai texto com lacuna. A seleção vem de um hash do nome do produto — cada peça recebe um texto diferente, e apertar de novo gira para outra variação.
Produtos se movem entre categorias e sobem/descem dentro delas. Duplicar oferece dois modos:
- Cópia independente — vira outro produto, com preços e descrição próprios.
- Cópia vinculada — o mesmo produto aparecendo em duas categorias; nome, preços e foto vêm do original, então editar num lugar muda nos dois.
Apagar um original que tem cópias vinculadas não deixa nada órfão: as cópias são materializadas como produtos independentes, com os dados preservados, antes da exclusão.
As imagens do catálogo ficam em IndexedDB, não no localStorage — dezenas de fotos passam muito dos ~5 MB que o localStorage oferece. Textos e preços continuam no localStorage. O backup JSON leva as duas coisas.
O orçamento em PDF
Não usa biblioteca de PDF: a página monta uma folha A4 real e chama a impressão do navegador, onde o destino "Salvar como PDF" gera o arquivo. O texto sai vetorial e selecionável, e o nome do arquivo já vem sugerido como Orcamento-0001-Nome-do-Cliente.pdf.
Logo e foto do produto são redimensionadas no navegador antes de guardar (logo em PNG até 700 px para manter transparência, foto em JPEG até 1100 px) e ficam embutidas como data URI no localStorage, junto do resto dos dados.
A folha mostra o preço cheio na linha do item e o desconto por quantidade abatido nos totais — o percentual anunciado bate exatamente com o valor abatido, porque só o preço de tabela é arredondado e todo o resto deriva dele.
Os dados ficam no localStorage do navegador. Nada é enviado para lugar nenhum.
Acessibilidade
A paleta das séries do gráfico foi validada para deuteranopia, protanopia e tritanopia (separação mínima ΔE ≥ 8 em OKLab entre fatias vizinhas), em tema claro e escuro. Nenhuma informação depende só da cor: toda fatia aparece também na tabela com valor e percentual.
Ajuste antes de usar
Os valores que abrem na tela são estimativas. Troque pelos seus:
- preço do quilo do filamento — o de reposição, com frete
- tarifa de kWh, que está na sua conta de luz
- consumo médio em watts (um medidor de tomada resolve)
- investimento na máquina e vida útil estimada
- valor da sua hora de trabalho
