I need to create HTML/javascript webGL appication that does the following:

1) Create a bigger canvas to allow users to create cubes and spheres from HTML UIs.

2) Use perspective view.

3) Create a white point light to the environment.

4)By default the environment should have two spheres, one is using vertex lighting shader, the other is using fragment lighting shader.

5) For the new cubes and spheres, you can choose use only one lighting shader.

6)Allow the users to determine where the new cube or sphere will be before creating

7) Any created cubes or spheres need to be randomly assigned a rotation direction x or y or z, which means they are rotating along one axis after showing on the screen.1)