Insight - Three.js Runtime Analysis Studio

Professional-grade Tampermonkey userscript for runtime analysis, debugging, exploration, and research of Three.js games and applications.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey, το Greasemonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

You will need to install an extension such as Tampermonkey to install this script.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Violentmonkey για να εγκαταστήσετε αυτόν τον κώδικα.

θα χρειαστεί να εγκαταστήσετε μια επέκταση όπως το Tampermonkey ή το Userscripts για να εγκαταστήσετε αυτόν τον κώδικα.

You will need to install an extension such as Tampermonkey to install this script.

Θα χρειαστεί να εγκαταστήσετε μια επέκταση διαχείρισης κώδικα χρήστη για να εγκαταστήσετε αυτόν τον κώδικα.

(Έχω ήδη έναν διαχειριστή κώδικα χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

Advertisement:

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Έχω ήδη έναν διαχειριστή στυλ χρήστη, επιτρέψτε μου να τον εγκαταστήσω!)

Advertisement:

Δημιουργός
FixLit Zxan
Ημερήσιες εγκαταστάσεις
0
Σύνολο εγκαταστάσεων
8
Βαθμολογίες
0 0 0
Έκδοση
1.0.0
Δημιουργήθηκε την
17/06/2026
Ενημερώθηκε την
17/06/2026
Μέγεθος
80 KB
Άδεια
Μη διαθέσιμη
Εφαρμόζεται σε
Όλοι οι ιστοχώροι

🌌 Insight - Three.js Runtime Analysis Studio

Insight is a professional-grade Tampermonkey userscript designed for the runtime analysis, debugging, exploration, and reverse engineering of WebGL applications and games built with Three.js.

Whether you are a developer debugging a complex 3D scene, a technical artist profiling performance bottlenecks, or a researcher reverse-engineering a WebGL game, Insight provides a powerful, non-intrusive suite of in-browser tools to dissect and manipulate the 3D environment in real-time.


🚀 Quick Start

Once installed, visit any website running a Three.js application. Press Ctrl + Shift + P to open the Command Palette and access all of Insight's tools.


✨ Core Features

🔍 Intelligent Scene Hooking

Insight uses advanced Proxy-based hooking to intercept Three.js classes (Scenes, Cameras, Renderers, Textures, Materials, Geometries) the moment they are instantiated. If an application uses obfuscation, Insight features a safe-mode fallback interval scanner to ensure no assets slip through the cracks.

🖱️ Interactive Raycaster (Click-to-Pick)

Instantly find the object you are looking for. Activate the Picker Tool, click any 3D mesh directly in the canvas, and Insight will automatically select it and open it in the Entity Inspector.

🛠️ Live Entity Inspector & Shader Viewer

Two-way data binding allows you to view and edit scene properties in real-time.

  • Transform: Live-edit Position, Rotation, and Scale.
  • Material: Toggle wireframes, alter colors, and inspect properties.
  • Shader Extraction: Directly extract and view the compiled Vertex and Fragment GLSL shader code for any given material.

📦 Asset Explorer & Extractor

A beautiful gallery view to browse all loaded Textures, Materials, and Geometries.

  • Export: Download textures/maps directly as .png files.
  • Rip Models: Export complete Meshes and BufferGeometries directly to .obj format.
  • Memory Profiler: Take a "Memory Snapshot" and view the Delta (differences) over time to easily identify memory leaks in dynamically loading games.

⚡ Performance & Bottleneck Profiling

  • Scene Hierarchy: Browse the entire scene graph. Nodes with high vertex counts (>100k) are automatically flagged with a HEAVY warning label.
  • Hardware Monitor: Hooks directly into WebGLRenderingContext.drawElements to provide an accurate, real-time feed of Draw Calls, Triangles rendered per second, and FPS.
  • Function Tracer: Attach execution timers to core Three.js loops (e.g., Renderer.render or Raycaster.intersectObject) to find CPU bottlenecks.

🕸️ Runtime Object Graph

Visualize the underlying structure of the 3D application via an interactive, physics-driven (Spring Layout) node graph. See exactly how Renderers, Scenes, and Objects relate to one another in real-time.

💻 Developer Console & Network Analyzer

  • In-Game Terminal: Evaluate JavaScript against the live scene using the global insight API object.
  • Network Logger: Intercepts fetch and XHR requests tailored specifically for analyzing how games load their asset bundles and scripts.

🪟 Persistent Window Manager

Built entirely in a Shadow DOM to prevent CSS conflicts with the host site. Windows are draggable, resizable, and use LocalStorage to remember your exact layout preferences between page reloads.


⌨️ Hotkeys & Controls

  • Ctrl + Shift + P - Toggle Insight Command Palette.
  • Arrow Keys + Enter - Navigate the Command Palette.
  • Click / Drag - Manage floating UI windows.

🎯 Who is this for?

  • Three.js Developers: Visually debug your scene graph without constantly relying on console.log().
  • Modders & Reverse Engineers: Extract models, rip textures, and explore the internal architecture of browser-based 3D games (e.g., Krunker, Venge.io, Browser FPS games, WebXR experiences).
  • Technical Artists: Find unoptimized meshes, bloated textures, and shader performance issues.

⚙️ Extensibility (Plugins)

Insight supports an external plugin API! You can write your own Tampermonkey scripts that run on top of Insight by hooking into window.InsightAPI.registerPlugin().

Disclaimer: Insight is intended for educational, debugging, and analytical purposes. Please respect the intellectual property of developers when exporting assets from proprietary applications.