Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

In Javascript and HTML and glsl , Create a WebGL depiction of our solar system that satisfies the following: Contains appropriately textured spheres representing the

In Javascript and HTML and glsl, 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 youd like but I'll provide the names of the files and folders the files are assigned to
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.
for teh files and folders,
folder "Additional Planets" holds the following
jupiter.jgp
mars.jgp
mercury.jgp
neptune.jgp
saturn.jgp
uranus.jgp
venusAt.jgp
folder "Earth Day-Night-Clouds" holds the following
2k_earth_clouds.jgp
2k_earth_daymap.jgp
2k_earth_nightmap.jgp
folder "Sky Sphere Texture" holds the following
milky_way.jgp
folder "Skybox Faces" holds the following
GalaxyTex_NegativeX.png
GalaxyTex_NegativeY.png
GalaxyTex_NegativeZ.png
GalaxyTex_PositiveX.png
GalaxyTex_PositiveY.png
GalaxyTex_PositiveZ.png
these files are not assigned in any folders, will be outside
earth.jpg
moon.png
sun.jpg
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.
WebGL libraries such as Three.js/Babylon.js are not to be used.

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access with AI-Powered Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Students also viewed these Databases questions