Come creare una stella con three.js come Chrome Experiments 100.000 stelle

Question

Spero che questa volta sia il posto giusto, ma sto cercando di capire come utilizzare three.js per creare una stella come è stato fatto con lo chrome experiments 100,000 stars . Ho provato a cercare nel codice sorgente ma è estremamente difficile da decifrare, sembra che ci siano molte parti, ho provato ad usare le trame, e non so come ottenere il bagliore o l'alone intorno al sole, apprezzerei qualsiasi assistenza da parte di qualcuno con conoscenze su come è stato fatto.

Answer 1

Hai visto this article?

La sezione sul sole offre una panoramica di alto livello su come ottenere gli effetti. Probabilmente vorrai esaminare gli shader GLSL, che è un intero campo in sé. Per ora potrebbe essere meglio trovare gli shader nella sorgente e modificarli per vedere quale effetto hanno le modifiche.

Considerare inoltre di effettuare il check-out this tutorial per un esempio di bagliore e shader.

Per ulteriori informazioni su OpenGL in generale, the latest edition of The Red Book si suppone faccia un buon lavoro di spiegazione di OpenGL evitando i difetti della precedente edizione.

Answer 2

Ecco un esempio di un effetto di bagliore alone in stile utilizzando shader:

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

E 'ancora un work in progress - panning o zoom cambierà l'aspetto del bagliore, ma forse sarà sufficiente per essere di aiuto.

Spero che aiuti!