本文目錄一覽：
p5.js和html5 canvas兩者有何區別？
簡單的說，p5.js是一個js類庫；canvas是一個html5新增的一個元素，”canvas” 即 “畫布”, 此元素是為了客戶端矢量圖形而設計的。它自己沒有行為，卻把一個繪圖 API 展現給客戶端 JavaScript 以使腳本能夠把想繪製的東西都繪製到一塊畫布上。兩者要想繪圖，都需執行js代碼。仔細看p5的初始代碼，
function setup() {
createCanvas(400, 400);//為html頁面創建canvas元素
}
兩者的本質都是通過js來實現canvas的表現，p5.js與jquery庫無異，將一些常用的功能需求的代碼進行封裝，以實現代碼的簡化。也就是任何p5.js可實現的，通過純canvas的js api都能實現，不過要想實現，往往犧牲得是時間與效率。而p5.js提供了一種僅需少量代碼就能實現很炫酷的操作的方法。兩者渲染速度比較，理論上應該是一樣的，畢竟大家殊途同歸嘛，都是通過js來實現的，只要純js寫的足夠優化，是會比p5.js快一丟丟的，差異不明顯。明顯的差異是p5.js在網頁加載時需要下載p5.js的類庫才能進行操作，而canvas api由於是客戶端提供的原因，則不需要。
ps5js是什麼意思
應該是一個p5.js，它是一個JavaScript的函數庫。
p5.js是一個JavaScript的函數庫，它在製作之初就和Processing有同樣的目標。就是讓藝術家，設計師，教育工作者和編程初學者能夠很容易，很輕鬆地學習和使用程序設計。並且它也能給現在的網頁帶來一些新的東西，例如p5的官方網站。
在你學習p5.js的同時，還可以幫助你學習JavaScript，能夠將製作出來的有創意，有趣的東西呈現在任何的瀏覽器上。當然還可以用它做很多事情，做藝術創作，做資料數據的可視化，做交互藝術等等。
p5.js是前端還是後端
P5是Processing語言的一個JS移植版本，使其能在Web中工作。它完全使用JavaScript來實現Processing語言相同的功能，但並不會動態翻譯Processing語言代碼，這一點和Processing.js不同。也就是P5.js差不多等同於Processing.js的JS API部分。但P5.js的功能更單一，角色更專註，且也是Processing基金會唯一支持的項目。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/270804.html
微信掃一掃 
支付寶掃一掃 