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。

ही स्क्रिप्ट इंस्टॉल करा ?

Ask a question, post a review, or report the script.

लेखक

温鑫

दैनिक इंस्टॉल

एकूण इंस्टॉल

रेटिंग

1 0 0

आवृत्ती

1.0

बनवली

2025-06-24

अपडेट केली

2025-06-24

आकार

159 KB

License

MIT

यांवर लागू होते:

threejs.org

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

Install this userscript
Visit https://threejs.org/examples
Click the ✎ button in the bottom-right corner
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!