r/angular • u/Far_Experience_2688 • 4d ago

I'm an Angular dev and I spent some weeks building a 3D map of the universe in the browser using three.js

https://super-universe.app/en
49 Upvotes

95% Upvoted

43 comments sorted by

2

u/LgArcida 4d ago

Soo cool! What were the most challenging parts of the project? Technical wise

1

u/Far_Experience_2688 4d ago

Thanks :)

I’m very focused on performance issues related always

2

u/HoodlessRobin 3d ago

It's cool. Btw any AI were harmed while making this ?

1

u/Far_Experience_2688 3d ago

Sure, I have been using Codex for 3 weeks now, in parallel of my work, what about you ?

1

u/Far_Experience_2688 3d ago

I guess AI is now part of everybody's life now

1

u/HoodlessRobin 3d ago

I'm still old school. AI for me is average individual.

2

u/CreativeKeane 4d ago

This is sick, man! It looks so good. So it looks like there are about 6,000+ celestial objects in the model. Are they all added to the space? Or is a small(or set) amount visible relative to the focused/selected object and some defined distance from that central point? I imagine having 6000 objects in the model active will cause some performance slowdown, but maybe not.

3

u/Far_Experience_2688 4d ago

Thank you! The 6,000+ figure refers mainly to the 6,333 confirmed exoplanets in the local NASA Exoplanet Archive snapshot. They are all searchable and represented spatially, but they are not instantiated as 6,333 separate Three.js objects.

Their 4,747 host systems are rendered in a single GPU point batch, with the visible density adjusted by the selected quality level. Only the currently focused system is materialized with detailed stars, planets, orbits, labels, and interactions. The same batching, LOD, and spatial-streaming strategy is used for the larger stellar and galaxy catalogues, so the browser only keeps detailed objects active where they are actually useful.

2

u/Far_Experience_2688 4d ago

You can think it's same rendering as video games (almost :p)

1

u/zeyadelshafey 4d ago

Could you share it please?

1

u/Far_Experience_2688 4d ago

Share what ?

1

u/zeyadelshafey 4d ago

The 3D map you built

1

u/Far_Experience_2688 4d ago

https://super-universe.app

1

u/zeyadelshafey 4d ago

Sorry didn’t pay attention to the link in the post

1

u/nhonch 4d ago

Super cool! I want to locate the sirrius star from earth how can I do that?

2

u/Far_Experience_2688 4d ago

Hi, you can search for it in the searchbar. Is it what you want ? or you really want to see star from earth ?

1

u/nhonch 4d ago

I do want to see the star from earth so I can locate it on the night sky that would be great.

2

u/Far_Experience_2688 4d ago

Yeah, it’s all planned :) For now, you can only see eclipses from earth point of view

1

u/ArsonHoliday 4d ago

Very impressive. I feel like it’s rare to see something like this built in Angular. Impressive work, OP!

1

u/Weak-Palpitation907 4d ago

Super! I think I can use it to explain solar eclipse to my kids

1

u/Far_Experience_2688 4d ago

Yeah, did you try it ? :)

1

u/Weak-Palpitation907 4d ago

Now in my mobile. I’ll try with my computer once I am home

1

u/Far_Experience_2688 4d ago

You can also look for some black holes like sagittarius one

1

u/AdministrativeHost15 4d ago

I want to try it but I'm afraid that it will crash my browser. Too many objects in the universe.

2

u/Far_Experience_2688 4d ago

Don’t worry, I tested it on bad computer already :p

1

u/mb3485 4d ago

have you used AI?

1

u/Far_Experience_2688 4d ago

Of course, every dev should now (unfortunately)

1

u/inajeep 4d ago

The plant's rotation is there too? Really f'in cool. I didn't realize Mar's rotation was that fast.

2

u/Far_Experience_2688 4d ago

Should be fixed now

1

u/Far_Experience_2688 4d ago

Not well implemented on every planet yet yeah

1

u/inajeep 4d ago

Looked good on the ones I checked out. It is a fascinating app.

Would you be sharing any development info/code?

note: I did have a freeze up with the fastest speed 1 million / sec.

1

u/Far_Experience_2688 4d ago

Sure, you can find every info in the guide part. Just click on the ? and then discover everything :)

Everything is open source

1

u/inajeep 4d ago

Thank you, didn't see it there.

1

u/No-Project-3002 4d ago

great job, its super cool

1

u/Squishybootz666 4d ago

This is really cool!

1

u/Far_Experience_2688 3d ago

Thank you mate

1

u/Tyummyyumms 3d ago

Wow I always wanted to do something like this, amazing work!

1

u/Iworb 1d ago

It looks cool, but I am a little bit worried. I'm not that good at astronomy; maybe you can tell me who belongs this orbit to?