3D box in p5.js

Simple 3D box in p5js (require WebGL)

Goup box:

Here we create 4 box start from (0,0) (0,1) (1,0) (1,1).

In p5js, translate() is global effect that will apply to all object coordinate. If we just want to change single object coordinate, need to use with push and pop.

A plain: