Physics Editor - Free Online Collision Shape Editor

Editor de hitbox de sprites grátis online - auto-traceia collision polygons e exporta pra Phaser, Matter.js, Rapier ou qualquer engine 2D

🔒 100% no browser🆓 Grátis pra sempre⚡ Sem sign-up
Nota: A interface da ferramenta abaixo por enquanto está só em inglês. Estamos traduzindo uma por uma. Ver essa ferramenta em inglês →
⚡ Physics Editor
🖼
Tap Sprites below to add images

Como funciona

  1. 1
    Sobe seus sprite images

    Abre o painel Sprites e adiciona PNG, JPG ou WEBP. Você pode carregar vários sprites de uma vez - cada um mantém seu próprio set de collision shapes.

  2. 2
    Desenha um collision polygon (ou auto-traceia)

    No Draw mode, tap ou click pra colocar vertices ao redor do outline do seu sprite, depois tap o primeiro vertex de novo pra fechar. Ou abre o painel Wand e click Auto-Trace pra detectar o boundary pelo alpha channel.

  3. 3
    Fine-tune vertices no Edit mode

    Switch pra Edit mode e arrasta qualquer vertex pra reposicionar. Adiciona múltiplas shapes por sprite pra bodies compostos.

  4. 4
    Seta propriedades de física

    Abre Settings e ajusta density (massa), friction (grip de superfície) e restitution (bounce). Elas são bakeadas nos exports de Phaser + Rapier e Phaser + Matter.js.

  5. 5
    Exporta vertex data pro seu engine

    Abre Export e escolha Copy pra pegar JSON pra área de transferência, ou Download pra salvar .json. Formatos: Phaser + Rapier, Phaser + Matter.js e Raw Vertices.

Sobre Physics Editor - Free Online Collision Shape Editor

Physics editor grátis, ilimitado, baseado em browser pra devs de jogos 2D. Sobe sprites e desenha collision shapes de polígono à mão, ou one-click auto-traceia o outline do alpha channel usando Moore boundary tracing e RDP simplification. Fine-tune cada vertex, seta density, friction e restitution, depois exporta vertex data pra Phaser + Rapier, Phaser + Matter.js, ou como JSON coordinates raw que você pluga em Box2D, Cocos, Godot, LibGDX ou qualquer engine custom. Sem downloads, sem signup, sem watermarks, sem paywall. Physics Editor - Free Online Collision Shape Editor no 712 Tools roda inteiro dentro do seu browser via APIs nativas de JavaScript - nenhum server vê seus dados. Isso significa resultado na hora, privacidade total e nenhum limite de upload.

Seja pra uma sessão de debug, uma checagem rápida ou um incidente em produção, essa ferramenta é grátis e sem limite de uso. Sem watermarks, sem sign-up e sem ads dentro da ferramenta.

Perguntas frequentes

Esse physics editor é mesmo grátis?

Sim - 100% grátis sem signup, sem trial, sem watermark e sem cap em sprites, shapes ou exports. A maioria dos editors desktop custa $30-100; essa tool roda no seu browser sem custo, pra sempre.

É uma free alternative pros editors pagos desktop?

Sim - essa é uma. Maneja o mesmo core workflow de upload → desenhar ou auto-trace → export vertex data pra Phaser, Matter.js, Rapier, Box2D e outros engines 2D.

Quais game engines e physics libraries suporta?

Exports first-class pra Phaser + Rapier e Phaser + Matter.js. O Raw Vertices export é um JSON array plano de coordenadas que pluga em Box2D, Cocos2d-x, Cocos Creator, Godot, LibGDX, PlayCanvas, Defold ou qualquer engine 2D custom.

Meus sprites são enviados?

Não. Toda leitura de imagem, boundary tracing e export generation roda inteira no seu browser via Canvas API. Seus sprites nunca saem do seu dispositivo.

Leia mais

8 min de leitura

Canva's AI image generator is the best thing to happen to solo game devs - here's the honest review

I finally sat down with Canva Dream Lab (the one built on Leonardo Phoenix) to make a game logo, and it changed my mind about AI art for indie devs. Here's what it's actually good at, where it falls apart, and the tiny stack of free tools that turns its output into ship-ready assets.

8 min de leitura

The best free background remover that doesn't upload your image (2026)

Most "free" background removers upload your image to a server, cap you at three edits, and stamp a watermark on anything the free tier is allowed to keep. Here's the actual free option in 2026 - how it works, what quality to expect, and where it beats and loses to remove.bg, Canva and Photoshop.

9 min de leitura

The best free physics editor alternatives for 2D game devs in 2026

Every 2D game needs collision shapes, and every paid physics editor charges you for them. Here's what a physics body editor actually does, what to look for in a free one, and how the current free options - desktop and browser - stack up in 2026.

Ferramentas relacionadas

Color Converter

Converte entre HEX, RGB, HSL e CMYK com preview ao vivo

Palette Generator

Gera paletas de cores harmoniosas a partir de uma cor base

CSS Gradient

Desenha gradients CSS linear, radial e conic com preview ao vivo

Box Shadow

Desenha box-shadows CSS multi-layer com preview ao vivo

Contrast Checker

Checa contraste texto/background contra WCAG 2.1 AA e AAA - preview ao vivo

Glassmorphism

Desenha frosted-glass cards CSS com preview ao vivo e código copy-ready