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>