線上 P5.js 編輯器 - 編寫、執行和分享程式碼

<!DOCTYPE html> <html> <head> <title>P5.js 測試</title> <script src="https://cdn.jsdelivr.net/npm/p5@1.4.1/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 程式碼有以下幾個優勢

獨立於平臺：您可以從任何裝置執行程式碼，而不用考慮作業系統。
方便性：您無需安裝任何東西便可使用。
無需安裝：無需額外的安裝便可執行程式碼。
更新的版本：我們的線上編譯器/編輯器/終端是最新的。