Wie mache ich einen Stern mit three.js wie Chrome Experiments 100.000 Sterne

Question

Ich hoffe, dies ist der richtige Ort diesmal, aber ich versuche herauszufinden, wie man three.js verwendet, um einen Stern zu erstellen, wie die chrome experiments 100,000 stars getan wurde . Ich habe versucht, in den Quellcode zu schauen, aber es ist extrem schwierig zu entziffern, es scheint viele Teile zu geben, ich habe versucht, Texturen zu verwenden, und ich weiß nicht, wie man den Schein oder den Heiligenschein um die Sonne bekommt, ich würde alles schätzen Unterstützung von jemandem mit Wissen darüber, wie das gemacht wurde.

Answer 1

Hast du this article sehen?

Der Abschnitt auf der Sonne gibt einen Überblick auf hoher Ebene, wie die Effekte erzielt werden. Sie werden wahrscheinlich GLSL-Shader betrachten wollen, was ein ganzes Feld für sich ist. Für jetzt ist es vielleicht am besten, die Shader in der Quelle zu finden und sie zu optimieren, um zu sehen, welchen Effekt Ihre Änderungen haben.

Überprüfen Sie auch this tutorial für ein Beispiel von Glow und Bloom Shader.

Um mehr über OpenGL im Allgemeinen zu erfahren, erklärt the latest edition of The Red Book angeblich gut, OpenGL zu erklären und dabei die Fehler der vorherigen Ausgabe zu vermeiden. Hier

Answer 2

ist ein Beispiel für einen Halo-Stil Glüheffekt mit Shadern:

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

Es ist immer noch ein work in progress - Schwenken oder Zoomen wird das Aussehen der Glut ändern, aber vielleicht ist es wird ausreichen, um zu helfen.

Hoffe es hilft!