There is a demo of Pop-upColor [source code]. Please play on desktops or laptops.



The 3d object - the matrix of squares can be manipulated by dragged with your mouse. You are also able to zoom in or out by scolling the wheel. On the control panel, You can adjust the size - the width and heiht - of the matrix. In other word, you will get more columns or rows. To change the density of matrix, you can set interval - the gap between each squares and planSize - the side length of each squares.



The dynamic parameters allows you to change the speed of the animation - frames per second and the depth of the matrix - maximun height of each square. In the painting section, you can customize background color and change the existing color of every signle square by hovering your mouse over the matrix. Auto-painying mode can generate random color or generate different patterns based on a set of colors. The algorithm can mix selected colors in any patterns. Once the painting is generated, you can save the image or reset the matrix.