Physics Editor - Free Online Collision Shape Editor

Free online sprite hitbox editor - auto-trace collision polygons और Phaser, Matter.js, Rapier या किसी भी 2D engine के लिए export

🔒 100% in-browser🆓 Free forever⚡ No sign-up
Note: नीचे दिया गया tool interface अभी सिर्फ़ English में available है। हम tools के UI एक-एक करके translate कर रहे हैं। इस tool को English में देखें →
⚡ Physics Editor
🖼
Tap Sprites below to add images

यह कैसे काम करता है

  1. 1
    अपने sprite images upload करें

    Sprites panel open करें और PNG, JPG या WEBP images add करें। आप एक साथ कई sprites load कर सकते हैं - हर एक अपना collision shapes का set रखता है।

  2. 2
    Collision polygon draw करें (या auto-trace करें)

    Draw mode में, अपने sprite के outline के आस-पास vertices place करने के लिए tap या click करें, फिर polygon close करने के लिए first vertex पर फिर से tap करें। या Wand panel open करें और alpha channel से boundary automatically detect करने के लिए Auto-Trace click करें।

  3. 3
    Edit mode में vertices fine-tune करें

    Edit mode में switch करें और किसी भी vertex को reposition करने के लिए drag करें। Compound bodies के लिए per sprite multiple shapes add करें।

  4. 4
    Physics properties set करें

    Settings open करें और density (mass), friction (surface grip) और restitution (bounce) adjust करें। ये Phaser + Rapier और Phaser + Matter.js exports में bake हो जाते हैं।

  5. 5
    अपने engine के लिए vertex data export करें

    Export panel open करें और clipboard पर JSON grab करने के लिए Copy चुनें, या .json file save करने के लिए Download। Formats: Phaser + Rapier, Phaser + Matter.js, और Raw Vertices।

Physics Editor - Free Online Collision Shape Editor के बारे में

Free, unlimited, browser-based physics editor 2D game developers के लिए। Sprites upload करें और हाथ से polygon collision shapes draw करें, या Moore boundary tracing और RDP simplification use करके alpha channel से outline one-click auto-trace करें। हर vertex fine-tune करें, density, friction और restitution set करें, फिर Phaser + Rapier, Phaser + Matter.js के लिए vertex data export करें, या raw JSON coordinates के रूप में जो आप Box2D, Cocos, Godot, LibGDX या किसी भी custom engine में plug कर सकते हैं। No downloads, no sign-up, no watermarks, no paywall. 712 Tools पर Physics Editor - Free Online Collision Shape Editor पूरी तरह आपके browser के अंदर modern JavaScript APIs use करके चलता है - कोई server आपका data कभी नहीं देखता। मतलब instant results, full privacy और कोई upload limits नहीं।

Debugging session, quick sanity check या production incident - जब भी आपको free online sprite hitbox editor - auto-trace collision polygons और phaser, matter.js, rapier या किसी भी 2d engine के लिए export करना हो, यह tool जितनी बार चाहें use कर सकते हैं, free में। कोई watermarks नहीं, कोई sign-up नहीं और tool के अंदर कोई ads नहीं।

अक्सर पूछे जाने वाले सवाल

क्या यह physics editor really free है?

हाँ - 100% free बिना sign-up, बिना trial, बिना watermark, और sprites, shapes या exports पर कोई cap नहीं। अधिकांश desktop collision-shape editors $30 से $100 one-off या subscription cost करते हैं; यह tool आपके browser में no cost पर चलती है, forever।

क्या paid desktop physics editors का free alternative है?

हाँ - यह एक है। यह same core workflow handle करती है upload → draw या auto-trace → Phaser, Matter.js, Rapier, Box2D और अन्य 2D engines के लिए vertex data export।

कौन-से game engines और physics libraries support करता है?

Phaser + Rapier और Phaser + Matter.js के लिए first-class exports। Raw Vertices export coordinates का plain JSON array है जो Box2D, Cocos2d-x, Cocos Creator, Godot (CollisionPolygon2D points array के रूप में), LibGDX, PlayCanvas, Defold, या किसी भी custom 2D engine में plug हो जाता है।

क्या मेरे sprites किसी server पर upload होते हैं?

नहीं। सारा image reading, boundary tracing और export generation पूरी तरह आपके browser में Canvas API use करके चलता है। आपके sprites कभी आपके device से बाहर नहीं जाते।

और पढ़ें

8 min read

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 read

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 read

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.

Related tools

Color Converter

HEX, RGB, HSL और CMYK के बीच live preview के साथ convert करें

Palette Generator

एक base color से harmonious color palettes generate करें

CSS Gradient

Linear, radial और conic CSS gradients live preview के साथ design करें

Box Shadow

Multi-layer CSS box-shadows live preview के साथ design करें

Contrast Checker

WCAG 2.1 AA और AAA के against text/background contrast check करें - live preview

Glassmorphism

Frosted-glass CSS cards live preview और copy-ready code के साथ design करें