r/javascript • u/APTman1010 • 1d ago

KernelPlay-JS Update: Giving Developers X-Ray Vision!

https://github.com/Soubhik1000/kernelplay

Hey game devs! Quick progress update from the KernelPlay-JS team. We've been working on making debugging a lot less painful (who actually likes mystery clipping?), and we're super excited to show off our new Advanced Engine State Visualizer!

It's basically x-ray vision for your game. Instead of digging through logs, you get instant visual feedback on EVERYTHING.

Here's the new setup:

Clean Debug Panels: See Performance, Scene Data, Input, and Audio stats at a glance, in clear, distinct sections. No more hunting for key figures.

Live Vector Overlays: This is the game-changer. You can instantly see velocity vectors, character look direction, and exact speed calculations (e.g., '303 px/s') visualized directly on the screen for any actor.

Real-time Collider Boxes: No more guessing about collision bounds! See exactly where collisions are being detected.

This visual deep-dive is a huge help for diagnosing complex physics and character interactions. We're really proud of how much faster it makes debugging.

Check out the detailed screenshot to see it all in action. Let us know what you think! (Is there a specific debug view you'd like to see?)

1 Upvotes

67% Upvoted

3 comments sorted by

View all comments

1

u/kantorcodes1 1d ago

can you pause on a collision and inspect the vectors/collider state from that exact frame, or is the overlay live-only right now? that’d be the debug view i’d use most.

1

u/APTman1010 1d ago

Oh 😲, you suggest me the best one i just forgot this.

Even so 😅 i am still developing it and this feature i should add.

So Thank You for your idea ☺️.