p5.js

    0熱度

    1回答

    我想在p5.js中編寫一個交互圖。到目前爲止,我已經能夠在左鍵單擊時添加頂點,以及在左鍵單擊一對頂點時添加頂點。但是,當我創建頂點或邊時,我還需要一個數字來表示權重顯示在頂點/邊的旁邊,如「1」。然後,當我點擊這個數字時,我希望能夠動態地編輯字符串。 到目前爲止,我找到的最好的是createInput(),但是這會創建一個很大的白色文本輸入框,它不夠細微。我只想在點擊字符串時出現閃爍的文本光標。我

    0熱度

    1回答

    使用一個名爲p5的JavaScript框架,我試圖爲在屏幕上移動的圓圈設置動畫,但舊框架不會刪除,並且這會導致在畫布上顯示一行。 var xPos = 0; function setup() { createCanvas(400, 200) background(123); } function draw() { ellips

    -1熱度

    2回答

    我有一套代碼,我從YouTube上的某個人複製而來,我完全理解,並且在那裏有一些未使用的邏輯,但基本上此刻它所要做的就是抓取rocket.show函數並繪製一個矩形並我不能爲我的生活找出爲什麼它不這樣做。它拋出沒有錯誤和繪製背景,我可以繪製矩形,如果我只是把代碼「rect ...」放在draw函數中,因此我指的是函數的方式有問題,但我不能爲我的生活工作,代碼在下面,任何幫助將不勝感激。 funct

    1熱度

    2回答

    我使用p5.js及其視頻捕捉功能來使用相機。我想使用ajax來獲取這些圖像並將其上傳到服務器。我不知道如何將p5.js圖像對象轉換爲可用於通過ajax發送的格式。我得到的錯誤是: Uncaught TypeError: Illegal invocation 可有人請幫我這,這裏是代碼: function process_image(img) { var url = "http://r

    0熱度

    1回答

    我剛開始使用p5.js,我喜歡簡單但有一件事我無法理解。 我設置以下Fiddle: function Player(location, width, height, speed, weight) { this.pos = location; this.width = width; this.height = height; this.velocity = s

    1熱度

    1回答

    我使用P5.js庫中的createFileInput()。 更多關於那here的信息。 function setup() { noCanvas(); var fileInput = createFileInput(addedFile); } 當我使用這在我setup功能它只是增加了該元素添加到HTML頁面的結束。我無法弄清楚如何將輸入放置在我的頁面的任何位置,例如span

    0熱度

    1回答

    我嘗試使用node.js(+ express)構建api。 Firefox顯示它,但是當我嘗試從p5.js中加載loadJSON時,它顯示奇怪的錯誤。 這裏是Node.js的代碼(在此基礎上:modulus: create api with node.js): express = require("express"); app = express(); app.listen(4000);

    2熱度

    1回答

    我嘗試使用p5.js庫創建我的第一個網站,最終目標是在線數字組合。我目前正在一個啓動畫面上工作,在這個畫面中,我有一些大標題文本填充屏幕中心,在一個簡單的黑色背景上,主動調整大小以填滿窗口。 我想在背景中添加一個簡單的塗鴉,以增加一些興趣。我的挑戰是我不喜歡這個塗鴉畫在我的文字上,而是將它放在我的文字下。起初,我正在考慮無限重繪文字,以便它保持在最上面,但是我推斷,在仍然爲它下面的東西製作動畫時,

    1熱度

    2回答

    我正在做一些簡單的處理庫實驗,並希望將這些草圖中的一個移植到P5.js,以便它可以放置在網絡上。下面是在處理(JAVA)的代碼: float t; void setup() { background(20); size(500, 500); } void draw(){ stroke(random(0,255), random(0,255), random(

    0熱度

    1回答

    我真的很抱歉這個愚蠢的問題,但我不知道我該怎麼辦。 我試了很多東西沒有用。 我嘗試計算playerx和playerx的寬度之間的距離。 有人可以糾正我的代碼,所以我可以理解它,請儘量不要解釋它。 var playerx = 0; var z = 0; var playery = 750; var ball = { x: 400, y: 400, speedx: 2, speedy: