p5.js是一個用於創意編碼的JavaScript函式庫。它是以processing 為基礎的,是一種創造性的編碼環境。它最初是由Ben Fry和Casey Reas開發的。 processing 的主要重點是使初學者盡可能容易地學習如何編寫互動式、圖形化的應用程序,透過視覺化使程式語言更加友善。
使用JavaScript程式語言的優勢在於其廣泛的可用性和無處不在的支援:每個web瀏覽器都內建了JavaScript解釋器,這意味著p5.js程式可以在任何web瀏覽器中運行。
此外,Processing是一種語言,它強調程式設計師快速創建軟體原型的可行性,以嘗試一個新想法或查看某個東西是否有效。因此,Processing(和p5.js)程式通常稱為「草圖」。
p5.js的官方文件建議使用Bracket 或Sublime,然後包含JavaScript文件,最後引導我們像其他程式語言一樣工作。但是線上p5.js Web編輯器是最好的選擇。它是基於web的程式設計環境。
p5.js和JavaScript的差異?
JavaScript是一種核心語言,它提供了在瀏覽器中建立任何功能的所有特性。它可以使用循環,函數,條件,DOM操作,事件,畫布等。因此,可以透過使用它來開發和設計任何框架。
p5.js是一個JavaScript函式庫。 p5.js運行在純JavaScript上,提供了一些功能,讓JavaScript使用者可以很簡單的在web上繪製。
範例:
function setup() { createCanvas(400, 400); //画布大小400*400 } function draw() { background('blue'); //背景颜色蓝色 }
輸出:
#setup():它是setup()函數中的語句。它在程式開始時執行一次。 createCanvas必須是第一個語句。
draw(): draw()中的語句將會被執行,直到程式停止。每個語句都是按順序執行的,在讀取最後一行之後,將再次執行第一行。
p5.js官網:https://p5js.org/
#以上是p5.js是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!