Nebula


Links

Languages

  • Javascript

Frameworks

  • THREE.js
  • Vue

nebula

The nebula is generated using THREE.js to create a visual representation of the scene. This representation includes various features such as clouds, stars, glow, illumination, and fog.

The clouds are generated using PNGs that are placed in a weighted distribution with a fixed rotation. This creates a more natural and organic appearance to the cloud formations. The rotation of each cloud is fixed to create a consistent appearance throughout the scene.

The stars are created using a custom shader effect. This shader simulates the appearance of a glowing star using textures, colors, and lighting effects.

The glow effect is created using a bloom effect, which is a post-processing effect applied to the brightest objects in the scene, such as the stars and planets. This effect creates a vibrant and ethereal glow around these objects.

The clouds are illuminated with colored light sources. These light sources are positioned at various locations throughout the scene, and their colors are set to create a sense of depth and atmosphere within the nebula.