This is Elysium- A Stylized 3D World. I spent 6 months working full-time as an indie developer to build something beautiful for the web. A lot of hardwork later, here is the released version.
I wanted Elysium to be something therapeutic and relaxing, an experience that visitors could truly 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! Please let me know your thoughts! Woudl love to hear your opinion
Details:
I have used many different techniques to make this experience run smoothly on most devices.
Ah yess! Thank you for that suggestion @Chaser_Code !
I am actually working on that currently haha. But I love the depth effect when camera angle to the water changes. Therefore, I am considering this: “Use the current depth effect as is, but use the vertical depth for the foam effect. That should help with those hard cutoffs!” or… I could also pass a vertical depth texture of the scene initially (just once) and use that for the foam. That way we can save up on multiple renders of the scene.
Besides that, could you help me with one issue that I am facing? The depth water does not work on some android devices. I get a banding effect. I have not been able to fix that one yet as it only occurs on a few devices.
Maybe some androids does not support that depth.type or depth.format i dont know.
For water also you can use vertical depth + fresnel. Water then will be looks almost same.