☰

Three.js Examples Editor

Add an edit button to the three.js/examples page to edit and preview example code in real-time using Monaco Editor。

Autor
温鑫
Denně instalací
0
Celkem instalací
2
Hodnocení
0 0 0
Verze
1.0
Vytvořeno
24. 06. 2025
Aktualizováno
24. 06. 2025
Size
159,3 KB
Licence
MIT
Spustit na

Three.js Examples Live Editor

Adds an "Edit" button to the three.js/examples page.
Clicking it opens a Monaco Editor instance to modify the current example's code and preview changes in real time.

Features

  • Integrated Monaco Editor with a VSCode-like experience
  • Live editing and preview of example code
  • Basic type hints for core three.js APIs
  • No local setup required — test and prototype ideas instantly

How to Use

  1. Install this userscript
  2. Visit https://threejs.org/examples
  3. Click the ✎ button in the bottom-right corner
  4. Modify the code in the popup editor and see results instantly

Notes

  • The editor loads the source of the current example; some examples may rely on asynchronous resources
  • Type hints are simplified and focus on commonly used core APIs

This tool is intended for learning and quick prototyping with three.js examples. Feedback is welcome!