Physics Editor - Free Online Collision Shape Editor
Editor de hitbox de sprites gratis online - auto-traceá collision polygons y exportá para Phaser, Matter.js, Rapier o cualquier engine 2D
Cómo funciona
- 1Subí tus sprite images
Abrí el panel Sprites y agregá PNG, JPG o WEBP. Podés cargar varios sprites a la vez - cada uno mantiene su set propio de collision shapes.
- 2Dibujá un collision polygon (o auto-traceá)
En Draw mode, tap o click para poner vertices alrededor del outline de tu sprite, después tap el primer vertex otra vez para cerrar el polygon. O abrí el panel Wand y click Auto-Trace para detectar el boundary desde el alpha channel.
- 3Fine-tuneá vertices en Edit mode
Switch a Edit mode y arrastrá cualquier vertex para reposicionar. Agregá múltiples shapes por sprite para bodies compuestos.
- 4Seteá propiedades de física
Abrí Settings y ajustá density (masa), friction (grip de superficie) y restitution (rebote). Se bakean en los exports de Phaser + Rapier y Phaser + Matter.js.
- 5Exportá vertex data para tu engine
Abrí Export y elegí Copy para agarrar JSON al clipboard, o Download para guardar .json. Formatos: Phaser + Rapier, Phaser + Matter.js y Raw Vertices.
Sobre Physics Editor - Free Online Collision Shape Editor
Physics editor gratis, ilimitado, basado en browser para desarrolladores de juegos 2D. Subí sprites y dibujá collision shapes de polígono a mano, o one-click auto-traceá el outline desde el alpha channel usando Moore boundary tracing y RDP simplification. Fine-tuneá cada vertex, seteá density, friction y restitution, después exportá vertex data para Phaser + Rapier, Phaser + Matter.js, o como JSON coordinates raw que enchufás en Box2D, Cocos, Godot, LibGDX o cualquier engine custom. Sin downloads, sin signup, sin watermarks, sin paywall. Physics Editor - Free Online Collision Shape Editor en 712 Tools corre entero dentro de tu browser con APIs nativas de JavaScript - ningún server ve tus datos. Eso significa resultados al instante, privacidad total y sin límites de upload.
Ya sea para una sesión de debug, una comprobación rápida o un incidente en producción, esta herramienta es gratis y sin límite de usos. Sin watermarks, sin sign-up y sin ads dentro de la herramienta.
Preguntas frecuentes
¿Este physics editor es realmente gratis?
Sí - 100% gratis sin signup, sin trial, sin watermark y sin cap en sprites, shapes o exports. La mayoría de los editors de escritorio cuestan $30-100; esta tool corre en tu browser sin costo, para siempre.
¿Es una free alternative a los editors pagos?
Sí - esta es una. Maneja el mismo core workflow de upload → dibujar o auto-trace → export vertex data para Phaser, Matter.js, Rapier, Box2D y otros engines 2D.
¿Qué game engines y physics libraries soporta?
Exports first-class para Phaser + Rapier y Phaser + Matter.js. El Raw Vertices export es un JSON array plano de coordinates que enchufás en Box2D, Cocos2d-x, Cocos Creator, Godot, LibGDX, PlayCanvas, Defold o cualquier engine 2D custom.
¿Se suben mis sprites?
No. Toda la lectura de imagen, boundary tracing y export generation corre entera en tu browser via Canvas API. Tus sprites nunca salen de tu dispositivo.
Leer más
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.
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.
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.
Herramientas relacionadas
Color Converter
Convierte entre HEX, RGB, HSL y CMYK con preview en vivo
Palette Generator
Genera paletas de color armoniosas desde un color base
CSS Gradient
Diseña gradients CSS linear, radial y conic con preview en vivo
Box Shadow
Diseña box-shadows CSS multi-layer con preview en vivo
Contrast Checker
Chequeá contraste texto/background contra WCAG 2.1 AA y AAA - preview en vivo
Glassmorphism
Diseñá cards CSS de frosted-glass con preview en vivo y código copy-ready