Answered step by step
Verified Expert Solution
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 yaxis independently of the Earth rotation..
The earth should rotate around its local up axis and around the sun separate rotations
The moon should rotate around the earth.
Contains a skybox not a skysphere with a spacestarfield texture.
The sun should only have emissive lighting ie 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 DayNightClouds" holds the following
kearthclouds.jgp
kearthdaymap.jgp
kearthnightmap.jgp
folder Sky Sphere Texture" holds the following
milkyway.jgp
folder "Skybox Faces" holds the following
GalaxyTexNegativeX.png
GalaxyTexNegativeY.png
GalaxyTexNegativeZ.png
GalaxyTexPositiveX.png
GalaxyTexPositiveY.png
GalaxyTexPositiveZ.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 eg the sun rotates around itself faster than the earth orbits around the sun If this is not obvious you will only get credit for #
WebGL libraries such as Three.jsBabylonjs are not to be used.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started