Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make a star with three.js like Chrome Experiments 100,000 stars

I hope this is the right place this time, but I am trying to figure out how to use three.js to create a star the way the chrome experiments 100,000 stars was done. I tried looking into the source code but it is extremely difficult to decipher, it seems to be many parts, I have tried using textures, and I don't know how to get the glow or the halo around the sun, I would appreciate any assistance from someone with knowledge on how this was done.

like image 424
Cory Evans Avatar asked Jan 03 '13 05:01

Cory Evans


People also ask

What is Star Chrome experiment?

Chrome Experiments. 100,000 Stars is an interactive visualization of the stellar neighborhood created for the Google Chrome web browser. It shows the real location of over 100,000 nearby stars. Zooming in reveals 87 major named stars and our solar system. The galaxy view is an artist's rendition.


1 Answers

Here is an example of a halo-style glow effect using shaders:

http://stemkoski.github.io/Three.js/Shader-Halo.html

It is still a work in progress -- panning or zooming will change the appearance of the glow, but perhaps it will be enough to be of assistance.

Hope it helps!

like image 167
Stemkoski Avatar answered Sep 30 '22 18:09

Stemkoski