A set of cubes to test handling of transparency by the Three.js template:

Complete code for this example:

<div class="mathcell" style="width: 6in; height: 6in">
<script>

var parent = document.currentScript.parentNode;

var id = generateId();
parent.id = id;

MathCell( id, [] );

parent.update = function( id ) {

  var centers = [], data = [];

  for ( var i = -1 ; i <= 1 ; i++ )
    for ( var j = -1 ; j <= 1 ; j++ )
      for ( var k = -1 ; k <= 1 ; k++ ) centers.push( [i,j,k] );

  centers.forEach( c => data.push( box( .25, .25, .25, { center: c, opacity: .5 } ) ) );

  var config = { type: 'threejs', frame: false };

  evaluate( id, data, config );

}

parent.update( id );

</script>
</div>

Examples Page