In javascript, Create a WebGL depiction of our solar system that satisfies the following:

Contains appropriately textured spheres representing the sun, earth, moon, and the rest of the planets. These do not need to be to scale but rather just be easily identifiable. You are free to use any textures you$$d like

The camera should be able to orbit around the sun using the mouse and zoom in or out using the scroll wheel.

The sun should rotate around its local up or y$-$axis independently of the Earth rotation..

The earth should rotate around its local up axis and around the sun $(2$ separate rotations$).$

The moon should rotate around the earth.

Contains a skybox $($not a sky$-$sphere$)$ with a space$-$starfield texture.

The sun should only have emissive lighting $($i$.$e$.$ set its final color to the texture color$).$

The planets $($and moon$)$ should be lit from a point light located at the sun position and use only the diffuse contribution $($no ambient or specular$).$

Create the illusion of an atmosphere around the earth by using a slightly larger semi transparent sphere around it $($use a cloud texture$).$

Add the ability to switch between the default orbit camera and one that follows the earth while aiming as it orbits.

Note: all of the orbit rotations should happen at different rates $($e$.$g$.$ the sun rotates around itself faster than the earth orbits around the sun$).$ If this is not obvious you will only get $(1)/(2)$ credit for #$4.$

And WebGL libraries such as Three.js$/$Babylon$.$js are not to be used.