Insight - Three.js Runtime Analysis Studio

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

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

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

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

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

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

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

(I already have a user script manager, let me install it!)

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.

(I already have a user style manager, let me install it!)

Penulis
FixLit Zxan
Pemasangan harian
1
Total pemasangan
1
Nilai
0 0 0
Versi
1.0.2
Dibuat
15 Juni 2026
Diperbarui
15 Juni 2026
ukuran
62,9 KB
Lisensi
N/A
Berlaku untuk
Semua situs

🌌 Insight v1.0.2

Professional Three.js Runtime Analysis & Platform Studio

Insight is a professional-grade engineering platform for the deep-tissue inspection and research of Three.js applications. Version 1.0.2 introduces the Platform Update, moving beyond simple inspection into complex relationship mapping and dedicated asset management.

Designed for software engineers, reverse-engineers, and technical artists, Insight provides an "Unreal Insights" style experience directly within the browser.


✨ New in v1.0.2: The Platform Update

  • 🕸️ Runtime Object Graph: A visual, node-based representation of the application's live architecture. Visualize the flow from Renderer to Scene down to individual World hierarchies.
  • 📦 Asset Explorer: A centralized library for auditing every Texture, Material, and Geometry currently in GPU memory. Includes live thumbnails and metadata (Vertex/Triangle counts, Resolution, Formats).
  • ⚡ Intelligent Hooking: Replaced polling with a high-performance Proxy-based detection system. Insight now "sees" objects the millisecond they are instantiated.
  • 👁️ Inspector Live-Mode: The Entity Inspector now utilizes a high-frequency requestAnimationFrame loop, providing real-time updates for transforms and properties without re-selection.

🛠 Core Feature Suite

  • 🔍 Scene Hierarchy: Navigate the full Object3D tree with professional filtering and visibility toggles.
  • 📈 Performance Telemetry: Monitor Draw Calls, Triangle counts, and FPS with sub-millisecond precision.
  • 🌐 Network Intelligence: Track 3D model loads (.glb, .obj) and API interactions in a dedicated analyzer.
  • ⌨️ Command Palette (Ctrl+Shift+P): A keyboard-first workflow for accessing all platform modules instantly.
  • 🔏 Function Tracer: Monitor internal logic by hooking into Three.js prototype methods.

💻 Developer API & Usage

Insight exposes its internal module architecture for programmatic research via the browser console.

1. Interrogating the Asset Database

Access the live-updating sets of discovered resources.

// Get all textures currently used by the application
const textures = insight.modules.detector.textures;

// Find a specific material by its UUID and modify it
const mat = Array.from(insight.modules.detector.materials).find(m => m.uuid.startsWith('8a4f'));
mat.wireframe = true;

2. Live Object Graph Interaction

The Runtime Graph module allows you to programmatically trigger rebuilds or search for node relationships.

// Force the graph to rebuild its relationship map
insight.modules.runtimeGraph.buildGraph();

// Access the last inspected object via the Inspector module
console.log(insight.modules.inspector.activeObject);

3. Advanced Plugin Implementation

Add custom logic to the Insight platform. This example adds a "Geometry Auditor" command.

InsightAPI.registerPlugin({
  name: "GeoAuditor",
  version: "1.0.2",

  init(api) {
    api.commands.registerCommand('Audit High-Poly Meshes', 'triangle', () => {
      const heavyMeshes = Array.from(api.modules.detector.geometries)
        .filter(g => (g.attributes?.position?.count || 0) > 50000);

      console.table(heavyMeshes);
      api.ui.showToast(`Found ${heavyMeshes.length} meshes over 50k vertices.`);
    });
  }
});

🎨 Design & Performance

  • Aesthetic: Professional "Zinc" dark theme with high-contrast accents.
  • Typography: Inter (UI) and JetBrains Mono (Data).
  • Efficiency: Built with memory safety in mind, utilizing disposable event listeners and strict history limits for traces and network logs to prevent memory leaks during long sessions.

🛠 Platform Modules

ObjectGraphAssetExplorerSceneHierarchyEntityInspectorPerformanceMonitorNetworkAnalyzerCommandPaletteFunctionTracerPluginSystem

Disclaimer: Insight is a research and debugging tool. Always ensure your analysis complies with the terms of service of the target application.