Insight - Three.js Runtime Analysis Studio

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

スクリプトをインストールするには、Tampermonkey, GreasemonkeyViolentmonkey のような拡張機能のインストールが必要です。

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

スクリプトをインストールするには、TampermonkeyViolentmonkey のような拡張機能のインストールが必要です。

スクリプトをインストールするには、TampermonkeyUserscripts のような拡張機能のインストールが必要です。

このスクリプトをインストールするには、Tampermonkeyなどの拡張機能をインストールする必要があります。

このスクリプトをインストールするには、ユーザースクリプト管理ツールの拡張機能をインストールする必要があります。

(ユーザースクリプト管理ツールは設定済みなのでインストール!)

このスタイルをインストールするには、Stylusなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus などの拡張機能をインストールする必要があります。

このスタイルをインストールするには、Stylus tなどの拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

このスタイルをインストールするには、ユーザースタイル管理用の拡張機能をインストールする必要があります。

(ユーザースタイル管理ツールは設定済みなのでインストール!)

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください
作者
FixLit Zxan
1日のインストール数
1
累計インストール数
1
評価
0 0 0
バージョン
1.0.2
作成日
2026/06/15
更新日
2026/06/15
大きさ
62.9KB
ライセンス
不明
対象サイト
すべてのサイト

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