首頁 > web前端 > js教程 > 主體

p5.j​​s是什麼?

藏色散人
發布: 2019-04-23 13:36:56
原創
4659 人瀏覽過

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.j​​s運行在純JavaScript上,提供了一些功能,讓JavaScript使用者可以很簡單的在web上繪製。

範例:

function setup() { 
  createCanvas(400, 400); //画布大小400*400 
} 
  
function draw() { 
  background('blue'); //背景颜色蓝色 
}
登入後複製

輸出:

p5.j​​s是什麼?

#setup():它是setup()函數中的語句。它在程式開始時執行一次。 createCanvas必須是第一個語句。

draw(): draw()中的語句將會被執行,直到程式停止。每個語句都是按順序執行的,在讀取最後一行之後,將再次執行第一行。

p5.js官網:https://p5js.org/

#

以上是p5.j​​s是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板