p5.js

    0熱度

    1回答

    在P5中編碼。我的頁面上有兩張圖片。我試圖編碼它的影響,當鼠標在圖像的左側,它變成了另一個圖像。這是特定的:接下來我們將創建一個懸停效果,當鼠標經過它時圖像發生變化。 我們將使用2張圖像img1和img2,並在鼠標經過它們時在兩者之間切換。我們將使用變量imageX和imageY作爲圖像左上角的x和y位置。 我們需要一個if語句,看起來有點像這樣: if(XXX){ image(img2

    1熱度

    1回答

    給定一個加載的png圖像作爲模板,我想讓用戶跟蹤圖像的元素。在P5,這很容易: setup() { // Load image var img = loadImage('...'); image(img, 0, 0); } draw() { ellipse(mouseX, mouseY, 2, 2); } 不過,我希望再能節省僅省略號(不含底層圖

    -1熱度

    2回答

    我有一個if語句內的for循環,其循環通過整個陣列,並顯示的元素: for (var i = 0; i < txtA.length; i++) { txtA[i].update(); txtA[i].show(); if (txtA[i].y == height) { txtA.pop(); console.log(txtA.length);

    1熱度

    1回答

    當我開發更大的p5.js草圖時,遇到了一個令人困惑的問題,而且我的解決方案並不適合我。所以,我已經把它歸結爲這個(無可否認)的草圖。 這p5.js草圖繪製每個框架隨機大小和顏色的幾個點。在畫布的中心是一個半透明的藍色填充矩形,看起來在觀察者和點之間。問題在於半透明的藍色區域。草圖起作用,但我不禁想到有更好的方法來實現半透明。 var cells; var cellsz = 10; va

    2熱度

    1回答

    我目前正在試驗Daniel Shiffman的tutorial on rita.js。現在,我試圖更改代碼以生成一致性(即以相同字母開頭的單詞),而不是完全隨機的單詞。我不斷收到錯誤,指出「整合不是一種功能」。我怎樣才能讓代碼工作? 下面是當前的代碼我的工作: var input; var button; var lexicon; function setup() { noCan

    2熱度

    1回答

    好了偏移,所以我一直在試圖讓一個網格在我的畫布上工作。下面是我得到了什麼: codepen link for (var j = 0; j < rows; j++) { for (var i = 0; i < cols; i++) { var pix = new Pixel(i, j); grid.push(pix); } } 現在的問題是,網格陣列

    0熱度

    1回答

    我想創建一個模擬150個鼠標在p5.js(像庫裏處理)20x20網格內移動。首先我隨機產生150個鼠標,一切都很順利。但在我產卵後,我試圖讓他們搬到鄰居家中。而不是移動到其中一個鄰居,並使目前的廣場是空的它停留在那個已經是一個+它移動到下一個,所以而不是有150個鼠標我突然有300 ...我試圖改變代碼幾個小時,但我無法找到proplem ...這裏是我的代碼: var w = 40; var

    1熱度

    1回答

    假設我有一個2D飛機。 2萬平面10000 * 10000單位。 現在這架飛機上散落着許多物體。假設這些對象是矩形。我希望能夠向用戶僅顯示包含矩形的地圖任何部分的500 * 500區域。 我的問題是:如何向用戶顯示地圖的一部分區域? 如果你不明白的問題,我可以告訴你我是什麼意思如下圖所示: 這段代碼是我到目前爲止已經試過: var socket = io("localhost:8000"); v

    1熱度

    1回答

    我在程序中定義了一個名爲fighter的變量。我有一個if keyPressed函數,它根據鍵選擇特定的圖像。我遇到的問題是圖像交換但重疊原始圖像。我還試圖在戰鬥機的原始位置添加一個else語句,但仍然是相同的響應。 var fighter; var stance; var kick; var jab; var cross; var mx; //Use to constrain figh

    1熱度

    1回答

    我可能在這裏丟失了一些非常明顯的東西。我可以在全局模式下使用p5.js,並且可以使用textAlign的常量而不會出現問題,例如中央。 這裏是全球模式的代碼在那裏工作得很好: function setup() { var canvas = createCanvas(720, 400); canvas.parent('main_canvas'); }; function d