首頁猿問如何產生隨機數量（有限制）的這些&...

如何產生隨機數量（有限制）的這些“星星”（橢圓）？

JavaScript

幕布斯7119047 2023-06-09 10:54:32

function setup() { createCanvas(5000, 2100); randomX = random(100, 1000) randomY = random(100, 1000) randomSpeed = random(1, 10) randomSize = random(10, 100)} function draw() { background(0); fill(255) ellipse(randomX, randomY, randomSize) randomX = randomX + randomSpeed if (randomX > 5000) { randomX = 0 }}在 draw() 函數中，我需要在畫布上隨機繪制一個橢圓，有限制地在畫布上繪制以制作星夜效果，我該怎么做？

查看完整描述

1 回答

斯蒂芬大帝

TA貢獻1827條經驗獲得超8個贊

如果我沒理解錯的話，您想在畫布上隨機位置繪制一串橢圓。我已經回答假設這就是你要問的。如果這不是您想要的，我們深表歉意。

這個程序所做的是創建兩個列表來保存關于省略號的數據。我們選擇setup()隨機數量的橢圓來繪制。我們制作了那么多隨機大小和位置，然后將它們放入列表中。當需要繪制橢圓時，我們循環遍歷包含有關它們的信息的列表，并使用它來繪制許多橢圓。

const ellipseMinSize = 1;

const ellipseMaxSize = 10;

const ellipseMinAmount = 10;

const ellipseMaxAmount = 100;

// Create some lists so we can remember where the ellipses are and how big they are

var ellipseSizes = [];

var ellipsePositions = [];

function setup() {

createCanvas(500, 500);

// Choose an amount of ellipses to make

var ellipseAmount = random(ellipseMinAmount, ellipseMaxAmount);

for (var i = 0; i < ellipseAmount; i ++) {

// Choose a random size and position, then remember those

var ellipseSize = random(ellipseMinSize, ellipseMaxSize);

var ellipsePosition = createVector(random(0, width), random(0, height));

ellipseSizes.push(ellipseSize);

ellipsePositions.push(ellipsePosition);

}

function draw() {

background(0);

fill(255);

// Then loop through the remembered positions and sizes, and draw an ellipse with those parameters

for (var i = 0; i < ellipseSizes.length; i ++) {

var ellipseSize = ellipseSizes[i];

var ellipsePosition = ellipsePositions[i];

ellipse(ellipsePosition.x, ellipsePosition.y, ellipseSize, ellipseSize);

}

反對回復 2023-06-09

1 回答
0 關注
170 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何產生隨機數量（有限制）的這些“星星”（橢圓）？

如何產生隨機數量（有限制）的這些“星星”（橢圓）？

1 回答

添加回答

如何產生隨機數量（有限制）的這些“星星”（橢圓）？

如何產生隨機數量（有限制）的這些“星星”（橢圓）？