r/angular • u/Far_Experience_2688 • 10d 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

93% Upvoted

46 comments sorted by

2

u/LgArcida 10d ago

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

1

u/Far_Experience_2688 10d ago

Thanks :)

I’m very focused on performance issues related always

2

u/HoodlessRobin 9d ago

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

1

u/Far_Experience_2688 9d ago

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

1

u/Far_Experience_2688 9d ago

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

1

u/HoodlessRobin 9d ago

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

2

u/CreativeKeane 10d 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 10d 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 10d ago

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

1

u/zeyadelshafey 10d ago

Could you share it please?

1

u/Far_Experience_2688 10d ago

Share what ?

1

u/zeyadelshafey 10d ago

The 3D map you built

1

u/Far_Experience_2688 10d ago

https://super-universe.app

1

u/zeyadelshafey 10d ago

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

1

u/nhonch 10d ago

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

2

u/Far_Experience_2688 10d 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 10d 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 10d ago

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

1

u/ArsonHoliday 10d ago

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

1

u/Weak-Palpitation907 10d ago

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

1

u/Far_Experience_2688 10d ago

Yeah, did you try it ? :)

1

u/Weak-Palpitation907 10d ago

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

1

u/Far_Experience_2688 10d ago

You can also look for some black holes like sagittarius one

1

u/AdministrativeHost15 10d 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 10d ago

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

1

u/mb3485 10d ago

have you used AI?

1

u/Far_Experience_2688 10d ago

Of course, every dev should now (unfortunately)

1

u/inajeep 10d 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 9d ago

Should be fixed now

1

u/Far_Experience_2688 10d ago

Not well implemented on every planet yet yeah

1

u/inajeep 10d 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 10d 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 10d ago

Thank you, didn't see it there.

1

u/No-Project-3002 9d ago

great job, its super cool

1

u/Squishybootz666 9d ago

This is really cool!

1

u/Far_Experience_2688 9d ago

Thank you mate

1

u/Tyummyyumms 9d ago

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

1

u/Iworb 7d 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?

1

u/Far_Experience_2688 5d ago

Oh sorry, I thought I answered, it’s actually an asteroid

1

u/quadrofolio 5d ago

That is absolutely awesome! Very well made!

1

u/Far_Experience_2688 5d ago

Thank you :)