Three.js Examples 编辑器

在 [three.js/examples](https://threejs.org/examples) 页面添加一个“编辑”按钮,点击后可打开 编辑器 编辑当前示例代码,并实时预览修改效果。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
温鑫
日安装量
0
总安装量
5
评分
1 0 0
版本
1.0
创建于
2025-06-24
更新于
2025-06-24
大小
159.3 KB
许可证
MIT
适用于

Three.js 示例实时编辑器

three.js/examples 页面添加一个“编辑”按钮,点击后可打开 编辑器 编辑当前示例代码,并实时预览修改效果。

特性

  • 集成 Monaco Editor,体验 VSCode 风格编辑器
  • 支持实时编辑和预览示例效果
  • 带有基本的类型提示(three.js 核心库)
  • 无需本地环境,在线即可调试和测试想法

使用方式

  1. 安装本脚本
  2. 访问 https://threejs.org/examples
  3. 点击右下角“✎”按钮
  4. 在弹出的编辑器中修改代码并实时查看效果

注意事项

  • 编辑器加载的是当前示例的源码,请注意可能存在异步加载资源
  • 类型提示为简化版,仅覆盖常用核心 API

本工具适合快速测试和学习 three.js 示例,有任何建议欢迎反馈。