[threejs] A reference for realizing starry sky, star chain, solar system, line and other effects

foreword

The starry sky is actually particles.
A star chain is a group of stars connected by wires.
If you want to add more arrows pointing, you need to add more arrows.

Some introductory Threejs project references

Effect

• Threejs achieves 3D starry sky effect.
  I haven't actually run it, and there is no complete project code. The effect is not bad. No star texture map.

• Three.js' 3D particle animation: the stars send blessings.
  I haven't actually run it. It has source code and has the effect of breaking and reorganizing .

• Wire

  • Those things in the middle of ThreeJS
    • Detailed tutorial stickers, the realization of the line.
  • Regarding line width modification: THREE.js (3): Solve the invalid setting of material line width (lineWidth)
    • However, I haven't found a way to modify the lines of Starlink = =

• Three.js realizes the solar system

  • Vue2+ has source code + has demo, demo address
  • But running npm i locally fails, I don’t know why
  • The textures are relatively complete, and the group is used
  • The background starry sky effect is also ok (clouds with textures added)
  • The reference is SOLAR SYSTEM , a very cool project

interact

• Add click or Hover events (forgot to refer to the following - - look at it later)
  • How does threejs add click events in 3D scenes
  • Three.js implements click event (vue)
  • Three.js - Realize model selection and information display through THREE.Raycaster
  • Three.js implements hover and Click selection effects
  • Threejs above vue-cli3.0 introduces obj model Click to display model data Click to highlight

---

intrusion

• Use js+canvas to achieve the effect of connecting starry sky.
  I haven’t tried it. The code is complete. You can try it

---

Extend
threejs-generate lines with width-MeshLine use
code I haven't tried it, but it seems that it can paste materials and make Chinese style effects.
References for using lines to achieve effects such as ribbons
Haven't tried the code.
three.js realizes the special effect of image particle explosion. It is a bit like the effect of water droplets splashing after clicking. There is source code, but I have not tried it.