☰

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。

ئاپتورى
温鑫
بۈگۈن قاچىلانغىنى
0
جەمئىي قاچىلانغىنى
2
باھا نومۇرى
0 0 0
نەشرى
1.0
قۇرۇلغان ۋاقتى
2025-06-24
يېڭىلانغان ۋاقتى
2025-06-24
Size
159.3 KB
ئىجازەتنامىسى
MIT
قوللايدىغىنى

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!