如何用一個更大的瓷磚制作網格
[英]How to make a grid with one bigger tile
我正在為一個生成幾何形狀的網格開發這個程序，我希望 function drawSubdividedCircle 始終只在網格上隨機出現一次position 並占據兩行/列的寬度和高度。 我認為主要問題是堆疊，因為當我現在運行它時，對象重疊。 這基本上是我的目標： 這是代碼： let colors ...
在 for 循環之后什么都不執行，只在之前執行
[英]Nothing executes AFTER for-loops, only before
我在多個編碼項目中一直遇到 p5js 的這個問題。 一旦我在草圖中有兩個或多個 for 循環（它們沒有嵌套），循環后將不會執行任何操作。 在之前的草圖中，我通過改變順序並將 for 循環放在最后解決了這個問題。 但是，對於我當前的草圖，我需要一個 for 循環來構建上一個循環中有關 arrays 的 ...
如何停止數組中 object 的旋轉？ P5.JS
[英]How can i stop the rotation of an object in an array? P5.JS
這是我的 p5.js class 中的一個項目。我有一個 class，它創建了一個 3D 形狀，我在我的繪圖 function 中用 for 循環調用它。 在這個 for 循環中，我創建了形狀並且它有一個旋轉。 如果我按下“a”按鈕，它會創建一個新形狀。 我的問題是，我想在創建新形狀時停止先前形狀 ...
p5.js：為什么我復制的圖像變平並重復了？
[英]p5.js: why is my copied image flattened and duplicated?
我正在嘗試為學校作業操作像素數據。 在其中一個部分中，我試圖獲取圖像的像素數據並將其復制到緩沖區中。 然而，緩沖區在原始圖像旁邊看起來像這樣，其中緩沖區明顯變平並且包含 2 個相同的圖像。 為什么會這樣？ 左邊是原始圖像，右邊是緩沖區（灰色矩形只是背景）： 緩沖區是 512x512，與原始圖像完 ...
html代碼中p5.js庫canvas的結構
[英]Structure of canvas of p5.js library in html code
這是我的 HTML 代碼。 在腳本標簽中，我定義了 canvas 寬度和高度，但在 js 或我的 chrome 頁面上，寬度沒有變化。 這是 CSS 代碼，其中定義了 canvas 的 function 我嘗試了getElementById方法在HTML中定義js的寬度，使屏幕的寬度和高度可調，但由 ...
學習了拼接，但是我的spawn function拼接后返回undefined，為什么？
[英]Learning about splicing, but after splicing my spawn function returns undefined, why?
上周開始學習如何編程，並從 P5 庫/Javascript 開始。 我決定不制作一個隨機產生氣泡並“爆裂”或在達到一定半徑后從陣列中移除的程序。 然而，在我的最大氣泡的一半被移除后，我的 spawn() function 返回 undefined 並且另一半保留在屏幕上。 代碼鏈接：這里以前我試過 ...
如何獲得真正的 position 在 P5JS 中平移和旋轉后繪制一個點
[英]How to get the real position were a point is drawn after translate and rotate in P5JS
我讀了很多書，嘗試了很多東西，但無法完成，而且看起來很簡單我有以下 p5js 代碼 我想弄清楚是否有辦法在繪制點時獲取實際坐標，我閱讀了 getTransform、矩陣和很多東西，但似乎無法完成。 我還需要在變換中使用旋轉，這樣就更難了謝謝！ ...
現有紋理的抗鋸齒
[英]Antialiasing of existing texture
我有很多預生成的圖像（相同大小），它們由曲線和直線以及彩色填充組成。 問題是： 這些線條不流暢， 直線很細。 問題： a) 使用着色器，如何使給定紋理中的所有曲線和直線更平滑？ b) 如何使細直線粗 2、3 或 4 倍？ 很抱歉沒有提供我自己的解決方案，我對着色器很陌生，還不能解決這個問題。 ...
如何在不弄亂內容的情況下更改網格的行或列
[英]How to change the rows or columns of a grid without messing up the content
我希望能夠根據格式在網格中實現更多行或列。 （例如，如果我想在水平 16x9 屏幕上使用草圖，則行數必須多於列數）現在它僅在格式/畫布為正方形時才有效。 一旦我更改了圖塊的數量或 canvas 的大小，元素就會跳來跳去。 這是我的草圖： let colors = [ "#F7F7F7", "#1 ...
循環使用 p5 繪制 function 的 animation
[英]Loop an animation that uses p5 draw function
我想知道，如何在 JavaScript 中循環函數？ 例如，我這里有這段代碼： function setup() { createCanvas(500, 400); frameRate (50) } function draw() { background(220); fill (250,250 ...
p5js 在 canvas 上留下痕跡
[英]p5js leaving traces on canvas
我正在做一個音頻可視化應用程序，它根據 meyda 的 zcr 功能的值更改形狀的大小。 然而，一旦形狀被繪制出來，它仍然會在 canvas 上留下先前值的痕跡。我有辦法去除這些痕跡嗎？ 我將 zcr 值分配給形狀高度，但是即使更改了值，繪制的形狀也不會刷新其外觀。 繪制設置function供參考。 ...
P5.js 像素密度問題
[英]P5.js pixel density issue
我正在 P5.js 中繪制像素密度應為 1 的草圖。此草圖的當前 state 應該生成一個隨機亮度為 100x100 像素的圖塊（如電纜靜態）並在頂部顯示為圖塊左。 不過，我創建的平鋪圖像的像素密度似乎有些問題。 每行隨機像素之間出現大黑線。 function writeColor(image, ...
將鏈接添加到 P5.js 球物理模擬中
[英]Adding Links into a P5.js ball physics simulation
我在 p5.js 上構建了一個環境，其中基本上實例化了一個 class 的球，讓它們受到重力的影響，並可能被拖拽和拋擲。 我想用鏈接替換它們。 我對接下來的步驟有點困惑。 我設法制作了這段代碼： let numBalls = 13; let spring = 0.05; let gravity = ...
如何將變量分配給 p5*js 中的數組？
[英]How do I assign a variable to an array in p5*js?
這是我的代碼： 在第 23 行，我嘗試將 winMouseX 分配給 iconsx[0]，但是當我運行這段代碼時，出現錯誤： 我相信我理解這里的邏輯，因為我在按住鼠標按鈕時將 iconsx[0] 分配給鼠標的最后一個位置，以便即使在釋放鼠標按鈕后也將矩形打印到該坐標。 肯定有一些我不理解的奇怪的 ...
如何計算圓與等邊三角形的6個交點的坐標？
[英]How to calculate coordinates of 6 point of intersection between a circle and a equilateral triangle?
我知道一個等邊三角形的中心 (cx,cy) 和一個藍色圓圈的半徑 (r) 征用它。 如果我畫一個任意半徑（radius）的綠色圓圈，假設這個圓圈大到有這個交點，我能得到6個交點（P1,P2,P3...）的坐標嗎？ 我正在尋找 P5JS/processing 但任何其他線索都可以幫助我...... ...
“更新”不能作為 function 調用
[英]"UPDATE" could not be called as a function
這是更新 function 這就是它的名字 非 p5.js 控制台中的錯誤表明 UPDATE 不是 function 這是整個代碼 我期待一個矩形開始從屏幕底部向上移動。 我正在跟隨編碼火車的編碼挑戰來做到這一點。 ...
改變一個<p>元素的內部文本</p>
[英]Changing a <p> element's innerText
我需要更改 p5.js 腳本中<p>元素的 InnerText。 我試過： 但這似乎不可能。 元素的文本是否可以在創建后更改？ ...
按鈕未將 canvas 重置為原始 state JS p5
[英]Buttons not resetting canvas to original state JS p5
您好，我是 JS p5 的新手，我正在嘗試讓我的代碼以隊列按鈕開始。 按下此按鈕后，將出現文本“正在搜索...”，然后是取消按鈕。 我想要這樣，如果用戶單擊取消按鈕或等待一定時間，代碼將再次重置為只有隊列按鈕的空白狀態。 下面是我的代碼： 截至目前，我似乎無法將代碼重置為空白 canvas 和時間 ...
在 Javascript (p5.js) 中創建一個數組，其中包含幾批具有不同邊界限制的隨機條目
[英]Creating an array in Javascript (p5.js) with several batches of random entries each with different boundary limits
我是 JS 的新手，我堅持執行一些基本操作：我想使用具有兩組不同限制的random()創建 x 和 y 坐標。 這就是我正在嘗試做的具體事情：在這個 animation中有閃閃發光的點。 我想將點的隨機位置限制為幾個多邊形形狀，就好像它們是建築物的正面，閃爍着不同的 colors。 如果它是一個簡單 ...
如何使這個對象數組“彈跳”到 canvas 上的隨機位置？
[英]How do I make this array of objects 'spring' into random positions on the canvas?
我正在嘗試將一組圖像從屏幕底部“彈出”到 canvas 上，然后落在隨機位置，如下圖所示：在此處輸入圖像描述（這是我的 canvas 在您刪除物理） 到目前為止，這是我的嘗試： https://editor.p5js.org/holographicleah/sketches/DUY0EDnqN ...