☰

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。

Hoe installeer ik dit?

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Advertisement:

Hoe installeer ik dit?

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

Advertisement:
Maker
温鑫
Dagelijks aantal installaties
0
Totaal aantal installaties
6
Beoordelingen
1 0 0
Versie
1.0
Gemaakt op
24-06-2025
Bijgewerkt op
24-06-2025
Grootte
159 KB
Licentie
MIT
Wordt toegepast op

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!