p5js源碼,p5js案例

本文目錄一覽：

• 1、ps5js是什麼意思
• 2、在p5js中]分別用for循環和遞歸;求n!+(n-1)!+(n-2)!+…+2!+1 n=5
• 3、p5js圖片置入顯示路徑有問題是什麼情況？
• 4、p5.js是前端還是後端
• 5、p5.js和html5 canvas兩者有何區別？

ps5js是什麼意思

應該是一個p5.js，它是一個JavaScript的函數庫。

p5.js是一個JavaScript的函數庫，它在製作之初就和Processing有同樣的目標。就是讓藝術家，設計師，教育工作者和編程初學者能夠很容易，很輕鬆地學習和使用程序設計。並且它也能給現在的網頁帶來一些新的東西，例如p5的官方網站。

在你學習p5.js的同時，還可以幫助你學習JavaScript，能夠將製作出來的有創意，有趣的東西呈現在任何的瀏覽器上。當然還可以用它做很多事情，做藝術創作，做資料數據的可視化，做交互藝術等等。

在p5js中]分別用for循環和遞歸;求n!+(n-1)!+(n-2)!+…+2!+1 n=5

循環： Function Sigma(ByVal N As Integer) As Integer ‘循環 Dim tmp As Integer For i = 1 To N tmp = tmp + i Next i Sigma = tmp End Function 遞歸： Function Sigma(ByVal N As Integer) As Integer ‘遞歸 If N = 1 Then Sigma = 1 Else Sigma = N + Sigma(N – 1) End If End Function

p5js圖片置入顯示路徑有問題是什麼情況？

設置一個樣式border:1px solid red;讓這個標籤的範圍顯示出來，如果你只看到了一條橫線，那麼就說明你需要設置一下高度，讓標籤有一個範圍內容區域，這時候還看不到背景圖片的話，才是路徑有問題路徑的寫法也有很多不同

p5.js是前端還是後端

P5是Processing語言的一個JS移植版本，使其能在Web中工作。它完全使用JavaScript來實現Processing語言相同的功能，但並不會動態翻譯Processing語言代碼，這一點和Processing.js不同。也就是P5.js差不多等同於Processing.js的JS API部分。但P5.js的功能更單一，角色更專註，且也是Processing基金會唯一支持的項目。

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由於是客戶端提供的原因，則不需要。