☰

Insight - Three.js Runtime Analysis Studio

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

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Advertisement:

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Advertisement:
Yazar
FixLit Zxan
Günlük kurulumlar
0
Toplam kurulumlar
8
Değerlendirmeler
0 0 0
Versiyon
1.0.0
Oluşturulma
17.06.2026
Güncellenme
17.06.2026
Boyut
75,4 KB
Lisans
N/A
Geçerli
Tüm siteler

🌌 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.