<!DOCTYPE html> <html> <head> <title>Processing.js 测试</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/processing.js/1.6.6/processing.min.js"></script> <script type="application/processing" data-processing-target="pjs"> float[][] distances; float maxDistance; size(200, 200); background(0); maxDistance = dist(width/2, height/2, width, height); distances = new float[width][height]; for(int i=0; i<height; i++) { for(int j=0; j<width; j++) { float d = dist(width/2, height/2, j, i); distances[j][i] = d/maxDistance * 255; } } for(int i=0; i<height; i+=2) { for(int j=0; j<width; j+=2) { stroke(distances[j][i]); point(j, i); } } </script> </head> <body> <h1>Processing.js 测试</h1> <p>演示创建二维 (2D) 数组的语法。</p> <canvas id="pjs"></canvas> </body> </html>
使用这个在线 Processing.js 编辑器（Processing.js (1.4.8) 版本）可以直接从您的浏览器编辑、运行和共享 Processingjs 代码。这个在线编译器让您使用 Processing.js 的最新版本 Processing.js (1.4.8) 方便地编辑和编译 Processingjs 代码。
如何使用在线 Processing.js 编辑器？
编写和执行代码
- 在“源代码”选项卡下直接编写（或粘贴）您的程序。
- 如果您想要保存您的程序，请转至“项目”菜单然后保存它。
- 您无需保存即可直接执行您的程序，只需点击“执行”按钮即可。
如何输入用户的输入？
在线 Processing.js 编辑器的最新版本允许从终端窗口在运行时提供程序输入，这与您在自己的电脑上运行程序的确切方式相同。因此，只需运行一个程序，然后从右侧的终端窗口中提供您的程序输入（如果有）。
键盘快捷键
以下是我们编辑器的关键词快捷方式
| 快捷键 | 描述 |
|---|
| ⌘ + Enter | 运行这个程序 |
| ⌘ + S | 保存项目（需要登录） |
| ⇧ + ⌘ + S | 另存为项目 |
| ⌘ + P | 新建项目 |
| ⌘ + G | 共享项目 |
| ⌘ + Z | 撤消编辑 |
| ⌘ + Y | 恢复编辑 |
| ⌘ + A | 选择全部文本 |
| ⌘ + X | 剪切选定的文本 |
| ⌘ + C | 复制选定的文本 |
| ⌘ + V | 粘贴复制的文本 |
| ⌘ + F | 搜索文本 |
| ⌘ + ⌥ + F | 替换文本 |
| 快捷键 | 描述 |
|---|
| Ctrl + Enter | 运行这个程序 |
| Ctrl + S | 保存项目 |
| Shift + Ctrl + S | 另存为项目 |
| Ctrl + G | 共享项目 |
| Ctrl + Z | 撤消编辑 |
| Ctrl + Y | 恢复编辑 |
| Ctrl + A | 选择全部文本 |
| Ctrl + X | 剪切选定的文本 |
| Ctrl + C | 复制选定的文本 |
| Ctrl + V | 粘贴复制的文本 |
| Ctrl + F | 搜索文本 |
| Ctrl + H | 替换文本 |
保存和共享项目代码
在线保存 Processingjs 项目
您可以保存您的 Processingjs 项目，以便稍后访问该项目。要保存一个项目，您需要使用一个链接在我们这里创建一个登录 ID。因此在您保存一个项目之前，请使用此页面右上角给出的一个链接来创建一个登录 ID。
在线共享 Processingjs 项目
您可以使用此功能与您的老师、同学和同事分享您的 Processingjs 代码。只需单击共享按钮，它将创建一个短链接，可以通过电子邮件、WhatsApp 甚至通过社交媒体进行共享。如果一个共享链接近 3 个月处于被动状态，它将被删除。
编辑器的更多功能
- 主题 – 您可以从“设置”菜单下的“编辑器主题”选项更改当前编辑器的主题。
- 字体大小 – 您可以从“设置”菜单下的“字体大小”选项更改编辑器/编译器的字体大小。
- Tab 键大小 – 您可以从“设置”菜单下的“Tab 键大小”选项更改 Tab 键大小。
- 显示/隐藏行号 – 您可以使用“设置”菜单下的“显示行号”或“隐藏行号”选项来显示/隐藏代码中的行号。
- 还有更多功能。
为什么要使用在线 Processing.js 编辑器？
使用在线 Processing.js 编辑器来运行您的 Processingjs 代码有多个好处
- 平台独立性：您可以从任何设备运行您的代码而无需在意操作系统。
- 便利性：您不需要安装任何东西即可使用它。
- 无需设置：不需要额外的设置即可运行您的代码。
- 更新版本：我们的在线编译器/编辑器/终端是最新的且最新的。
