const universe = [[], []],
positions = [[0, 0, 0], [1, 1, 0]],
colors = [[2, 2, 2, 1], [2, 0, 2, 1]],
sizes = [[1], [5]];
render(<root>
<camera proxy={true}
position={[0, 5, 0]}
lookAt={[0, 0, 0]}
fov={120}
up={[0, 1, 0]} />
<cartesian range={[[-1, 1], [-1, 1], [-1, 1]]}
scale={[1, 1, 1]}>
<array id="positions"
width={positions.length}
channels={3}
history={1}
data={positions} />
<array id="colors"
width={colors.length}
channels={4}
data={colors} />
<array id="sizes"
width={sizes.length}
channels={1}
data={sizes} />
<point points="<<<" colors="<<" sizes="<" shape="circle" blending="mult" opacity={0.9}/>
</cartesian>
</root>);
requestAnimationFrame(animate);
function animate() {
sizes[0][0] += 0.25;
positions[1][0] += 0.01;
requestAnimationFrame(animate);
}