如何生成在处理中独立增长的对象

时间:2018-09-02 17:08:36

标签: processing p5.js

如果我想使圆变大:我将为X和Y坐标制作一个变量,并让它们每步增加。

但是,如果我举了10个圆圈,那么我将如何使它们的大小彼此独立增加呢?

1 个答案:

答案 0 :(得分:0)

您可以使用对象文字,函数对象(在JavaScript 5中)或类(在JavaScript 6中)执行此操作。

以下是对象文字的示例:

// create a circle
var myCircle = {x:25, y:75, size:50};

// move a circle
myCircle.x += 10;

// draw a circle
ellipse(myCircle.x, myCircle.y, myCircle.size

然后您可以为这些对象文字创建一个数组

这是一个函数对象的示例:

// define Circle function object
function Circle(x, y, size){
  this.x = x;
  this.y = y;
  this.size = size;
}

// create a circle
var myCircle = new Circle(25, 75, 50);

// move a circle
myCircle.x += 10;

// draw a circle
ellipse(myCircle.x, myCircle.y, myCircle.size);

同样,您可以创建一个圆形数组。

这是一个类的示例:

// define Circle class
class Circle{
  constructor(x, y, size){
    this.x = x;
    this.y = y;
    this.size = size;
  }
}

// create a circle
var myCircle = new Circle(25, 75, 50);

// move a circle
myCircle.x += 10;

// draw a circle
ellipse(myCircle.x, myCircle.y, myCircle.size);

当然,您仍然可以创建一个圆形数组。

无耻的自我推广:here是有关使用JavaScript创建对象的教程。您还可以在Google上搜索“ javascript数组”之类的内容,以获取大量结果。祝你好运。