# P5.js 3d arrays... is it possible?!

**URL:** <https://discourse.processing.org/t/p5-js-3d-arrays-is-it-possible/25259>\
**Category:** Español\
**Created:** [November 7, 2020, 9:06pm UTC](https://discourse.processing.org/t/p5-js-3d-arrays-is-it-possible/25259 "2020-11-07T21:06:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![m23d](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@m23d](https://discourse.processing.org/u/m23d)\
**Post date:** [November 7, 2020, 9:06pm UTC](https://discourse.processing.org/t/p5-js-3d-arrays-is-it-possible/25259/1 "2020-11-07T21:06:48Z")

</div>

Hi there! Is it possible to make an array of spheres? like in WEBGL I am a bit confused.  
thanks

---

<div class="post-metadata">

**Author:** ![tabreturn](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tabreturn/32/3697_2.png) [@tabreturn](https://discourse.processing.org/u/tabreturn)\
**Post date:** [November 7, 2020, 10:16pm UTC](https://discourse.processing.org/t/p5-js-3d-arrays-is-it-possible/25259/2 "2020-11-07T22:16:32Z")

</div>

Welcome, @m23d

I’m not sure exactly what you’re after here. Would an array to hold the sphere parameters work?

```auto
let spheres = [
  # x y fill size
  [-100, 10, '#FF0000', 40],
  [0, 20, '#00FF00', 20],
  [100, 30, '#0000FF', 60]
]

function setup() {
  createCanvas(500, 500, WEBGL); 
}

function draw() {
  background(220);
  
  spheres.forEach((sp) => {
    push();
    translate(sp[0], sp[1]);
    fill(sp[2]);
    sphere(sp[3]);
    pop();
  });
}

```

---

<div class="post-metadata">

**Author:** ![m23d](https://avatars.discourse-cdn.com/v4/letter/m/e47774/32.png) [@m23d](https://discourse.processing.org/u/m23d)\
**Post date:** [November 8, 2020, 4:59pm UTC](https://discourse.processing.org/t/p5-js-3d-arrays-is-it-possible/25259/3 "2020-11-08T16:59:22Z")

</div>

Thanks! You have helped a lot!