我这里有一个简单的2x3矩形网格。我想用特定的颜色分别填充每个矩形。我是个新手,我想这需要一个数组。它应该看起来像something like this image。 ? var colours =[];
function setup() {
createCanvas(1000, 700);
}
function draw() {
background(220);
for (let y = 0; y < 2; y++) {
for (let x = 0; x < 3; x++) {
let xpos = x *200;
我正在尝试创建一个路径查找迷宫,我们可以在矩形objects.The网格上添加源、目的地和墙。我们可以通过单击矩形对象来添加源、目的地和墙。我用p5.js编写了以下代码。 var rows = 20;
var cols = 20;
var source =0;
var destination =0;
var grid = new Array(cols);
function setup() {
createCanvas(400, 400);
for(var i=0;i<cols ; i++)
我知道在p5.js中在2d中创建正方形/矩形网格的方法,但是我似乎无法使用webGL在P5的3d设置中创建它。我正在尝试创建一个3d网格“大小为50x50x50,在x轴上从-400到400,在z轴上从-400到400”。然而,每当我尝试创建它时,它似乎只是停留在2d设置中。
例如,执行此操作的2d方法如下所示,我希望3d由16x16网格组成
function setup() {
createCanvas(400, 400);
background(220);
for (let x=0;x<width;x+=20){
for (let y=0;y<heig
我在这个项目中使用的是p5.js,我想制作填充整个画布的矩形,所以我编写了以下代码: for (let x = 0; x < cols; x++) {
for (let y = 0; y < rows; y++) {
cx = w + x * w - w;
cy = w + y * w - w;
rect(cx, cy, w, w)
}
} 显然,它可以工作,但我需要做一个矩形类,但我不知道如何将它们全部绘制到屏幕上,这是创建类后的代码,它不是真的工作…… for (let x = 0; x < cols; x
我想得到一个带有特定标签的帆布上所有矩形的手柄,将它们与网格几何学管理器放在一起(用户可以通过鼠标拖动来移动它们,然后我想为他“重新排序”)。我没有矩形的句柄,但它们都有相同的标记("moveable_canvas")。从那里,我可以转换为项id (.find_withtag),但现在怎么办?ID我可以到一个.itemconfigure等,但如何“网格”他们?
moveable_canvases = self.canv.find_withtag("moveable_canvas")
for canvas_id in moveable_canvases:
我想模糊由鼠标点击造成的洞的边缘。现在我已经使用g.js创建了两个形状的差异(圆圈和矩形),然后我想模糊矩形上这些洞的边缘。我试过fliter(BLUR),但是效果并不理想,因为它会模糊洞和下面的地图。我只想把有洞的矩形弄模糊。有什么办法吗?
var e2 = [];
var light = [];
var img;
var pg;
var pgPos = [];
function preload() {
img = loadImage("https://2328a0b8-e236-4076-9848-a3275ab1c3e3.id.repl.co/map%20test.jp
我有一个非常具体的问题。我有一个OpenGL应用程序,用于将视频呈现到三维网格上。事实证明,我可以让我的视频源发送给我矩形部分的图像,减少内存使用。这些部分被指定为带有0 <= x <= w <= sourceVideoWidth和0 <= y <= h <= sourceVideoHeight的0 <= x <= w <= sourceVideoWidth。
尽管如此,我想找出每个框架和每个网格的以下内容:
网格是否可见
如果是的话,我应该请求哪一部分的图像
好处是减少纹理上传到GPU,这一操作往往是我的应用程序的瓶颈。
挑战
在这个挑战中,您必须使用尽可能多的M x N矩形块填充一个A x B矩形网格。
要求:
M x N矩形网格的大小总是大于A x B矩形块的大小。换句话说,min(M, N) ≥ max(A, B)
您可以自由旋转A x B矩形块。
这些A x B矩形块可以在边缘上彼此触摸,但不能相互重叠。
那些A x B矩形块或其一部分不能在M x N矩形网格之外。
您不必填充整个M x N矩形网格,因为有时这是不可能的。
示例
给定一个5 x 5矩形网格(或方形),如下所示:
📷
你必须用2 x 2矩形(或正方形)填充它。您能做的最好的就是4,如下所示:
📷
Input/Output
输入可以以任何合
我需要做一个程序,它有一个在屏幕上移动的球,当它击中矩形时,它需要从矩形上反弹。我已经让球在撞到画布边上时反弹了,但我想不出如何使用函数让它从矩形上反弹。 我试着做另一个" if“语句来说明它是否击中了这个区域来反弹,但如果我这样做了,我得到了错误,球将根本不会移动。 我正在使用CodePen,这里是链接。我已经习惯了注释,以使它更容易阅读 https://codepen.io/Vanilla_thick/pen/eaKaVw 这是我到目前为止所知道的: //Varibles
let circleX=40
let circleY=40
let velocityX=5
let ve
我想要实现的是在p5.js中从下到上的多个矩形
这是我的密码。
var j = 0;
var allRectangles = [];
//initaial value of the rectanlge!
var rects = {
x:window.innerWidth/2,
y:innerHeight-200
};
allRectangles.push(rects);
function setup(){
createCanvas(window.innerWidth,window.innerHeight);
generateRectangles();
}
我使用的是javascript (p5.js)和带有express和socket.io的node.js。 这是我当前代码的一部分,我认为问题出在: for (var i = 0; i < 3; i ++){
for (var j = 0; j < 3; j ++){
for (var k = 0; k < 3; k ++){
for (var l = 0; l < 3; l ++){
socket.emit('grid', grid[i][j][k][l]);
}
假设我上传了一张图片,它的副本是p5.js画布。点击2次后,我记录了坐标,我想用这个坐标画一个矩形。然而,我找不到一种合适的方法来这样做,并且在一个非常错误的地方绘制矩形。这里有代码
//p5 for a rect
function preload(){
img = loadImage('cat.jpg');
}
function setup() {
var canvas = createCanvas(img.width, img.height);
translate(0,0);
// Move the canvas so it’s insi
对p5.js来说还是个新手。作为p5.js中的一个简单函数,我试图使它在矩形中单击时,它会改变颜色,而颜色的变化也会确认状态的变化。我在处理过程中成功地做到了这一点,但很难将其转换为p5.js。我发现无法在类的构造函数中声明数组。任何支持都是非常感谢的!我已经评论了一些现在不相关的事情。下面是OpenProcessing中的代码:
oppr.org/s/hM1EW3ch
`
let sample = [];
let bassDrum = [];
let snareDrum = [];
let hiHat = [];
let bassRow = [16];
let snareRow = [16