在线 P5.js 编辑器 - 编写、运行和分享代码

<!DOCTYPE html> <html> <head> <title>P5.js 测试</title> <script src="https://cdn.jsdelivr.net.cn/npm/[email protected]/lib/p5.js"></script> <script> 函数设置() { } 函数绘制() { 椭圆形(50, 50, 80, 80); } </script> </head> <body> <h1>P5.js 演示</h1> </body> </html>

尝试使用此在线 P5.js 编辑器（版本 P5.js v0.4.4）直接从浏览器编辑、运行和分享你的 P5js 代码。此在线编译器让你可以使用最新版本 P5.js v0.4.4 舒适地编辑和编译你的 P5js 代码。

如何使用在线 P5.js 编辑器？

编写并执行代码

在“源代码”标签下直接编写你的程序（或者粘贴它）。
如果你想要保存你的程序，请转到“项目”菜单并保存它。
你可以在不保存你的程序的情况下直接执行你的程序，只需单击“执行”按钮即可。

如何输入用户输入？

最新版本的在线 P5.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	替换文本

保存并分享项目代码

在线保存 P5js 项目

你可以将你的 P5js 项目保存在我们这里，以便稍后访问此项目。要保存一个项目，你需要用我们创建一个登录帐号。所以，在保存项目之前，请使用此页面右上角提供的链接创建一个登录帐号。

在线分享 P5js 项目

你可以使用此功能与你的老师、同学和同事分享你的 P5js 代码。只需单击分享按钮，它将创建一个短链接，可以通过电子邮件、WhatsApp 甚至社交媒体进行分享。共享的链接在闲置将近 3 个月后将被删除。

编辑器的更多功能

主题 - 你可以在“设置”菜单下的“编辑器主题”选项中更改当前的编辑器主题。
字体大小 - 你可以在“设置”菜单下的“字体大小”选项中更改编辑器/编译器的字体大小。
制表符大小 - 您可以在“设置”菜单的“制表符大小”选项中更改制表符大小。
显示/隐藏行号 - 您可以在“设置”菜单的“显示行号”或“隐藏行号”选项中使用代码显示/隐藏行号。
和更多。

为什么要使用在线 P5.js 编辑器？

使用在线 P5.js 编辑器运行 P5js 代码有以下几个优势

独立于平台：您可以从任何设备运行代码，而不用考虑操作系统。
方便性：您无需安装任何东西便可使用。
无需安装：无需额外的安装便可运行代码。
更新的版本：我们的在线编译器/编辑器/终端是最新的。