#Elysium - The Most Beautiful 3D Experience on The Web

45 messages · Page 1 of 1 (latest)

crude token
#

Hey Friends!

This is my project 🍃Elysium- A Stylized 3D World🍃. I spent 6 months trying to build something beautiful for the web. Many long hours, sleepless nights and a lot of hardwork later, here is the released version.

⚡️Live link: https://elysium.thebenezer.com ⚡️

https://twitter.com/th_ebenezer/status/1696200108583669912

I wanted Elysium to be something peaceful and relaxing, an experience that visitors could enjoy. The main goal of this project was to serve as a poof of what is capable on the web today!

I hope you like it! Would love your thoughts😄.

Built with: Vanilla Threejs

Screenshot_2023-08-28_at_00.32.12.png
Elysium - A Tranquil 3D Nature World

Immerse yourself in the tranquil beauty of Elysium, a stunning 3D world on the web. Discover a captivating and immersive experience built with three.js and webgl.

The Ebenezer (@th_ebenezer)

Elysium is live now!!🤩

🌿Link : https://t.co/h0061Gtqu5🌿

I wanted to build the most beautiful 3D world on the #web. 6 months of hard work, dedication and many sleepless nights later, we are finally here!

If this post reaches 1k likes, 👇🧵

Tools used: @threejs, #javascript

Likes

323

▶ Play video
Twitter ·
whole lichen
#

Impressive wrok! ❤️

astral quest
#

Do you have a non-twitter link to the app? Twitter requires an account view posts now because Elon is a thin lip beez...

crude token
#

Oops. I didn’t know that. Updated the post now.😬

#

Do let me know what you think @astral quest !

clear mulch
#

Awesome!

astral quest
#

yeah super slick.

viscid folio
#

relaxing cat_love

crude token
#

Thanks guys! I'm really happy to hear that!

clear ember
#

i just checked it, its pretty cool

first thing came into my mind, would you make a settings option so that the sprint button can be toggled
i mean like in minecraft the sneak, so an option that you can change the control, not to hold the sprint but toggle and a button in the settings for it (i hope i was understandable.. 😄 )

crude token
clear ember
#

not automatically, a settings that enables toggling -> you switch between running and walking, no need to hold for keyboard button rather just toggle running (pressing the button will switch from running to walking and vice versa)

crude token
#

Ahhh I see. I’ll try to push that in the next version. Or… I’ll make it work automagically. The character will then start running after 3-5 seconds.

lofty herald
#

I like it, the grass displacement looks very harsh tho

crude token
#

ah yes! I agree. would love any suggestions on how to fix that @lofty herald . Please let me know!🥹

I'm thinking hybrid GPGPU technique for the next version.

clear tiger
#

Very pretty and relaxing, great work! cat_love 💖
Its a bit of a pity my laptop slows down on highest settings sad_cat
The grass is nice, but sometimes it really stands out from the ground. I would consider blending the grass/ground colors and/or blending the bottom of the grass with the ground to make it look more connected. This already has post processing so you could use scene depth for that

crude token
#

A very good observation @clear tiger ! I share similar concerns and was looking for ideas on how to resolve it.

I tried matching the grass base colour to the terrain, it’s probably not matching because of some missing shader chunks. I will take a look into it this week!

Thank you for that idea! I will try that too! As I am using scene depth for the Stylized water anyway, this should come at no extra cost to performance!

dense bough
crude token
crimson hawk
#

It's beautiful and super soothing! I love it, I've collected all effects 💖 cat_love

crude token
#

Thank you @crimson hawk ! I’m happy you could collect all the power ups! Have you tried modifying the environment?

crimson hawk
#

Yeah! I made everything blue 💙✨

crude token
crude token
#

Elysium has been nominated on awwwards. Would appreciate your vote, if you enjoyed this project!

ember bluff
#

Very nice!!!

velvet relic
#

@crude token Wow! Elysium is so beautiful! 🤩

crude token
#

Thank you!!🥺

crude token
lime cloak
#

Hello @crude token

#

nice to meet u
i am looking for a senior three.js developer who can join our team

crude token
twin wind
#

Beautiful!

kindred nexus
#

This is great. I loved sun shafts and sounds

magic sinew
#

I think there is something wrong with "chrono" sliders for time of day.

#

Also, question about "aquatic dreams". There is not a single bridge in location

bronze harbor
#

is this built solely on three js?

crude token
crude token
bronze harbor
#

🙂

crude token
naive nova
#

Amazing, and yet minimal!