< Our brand-new website > ohzi.io 🧊 lots of shaders and cool effects

Showcase
, , , , , , ,
1

Hi there,

this is the link https://ohzi.io

We’re about to release our new website build almost entirely with ThreeJS.

We have used A LOT of different techniques when building it and paid a lot of attention to it being mobile friendly and supported across a wide arrange of devices. I feel it could be a good example of what you could build with ThreeJS. We also feel that this is one of our goals in life, have spent the last 6 years building apps with ThreeJS, we would love to see our website at the ThreeJS showcase website.

I hope you enjoy the website as much as we have enjoyed building it. Let me know if you have comments or feedback.

spoilers !

image
image1806Ă—1352 59.8 KB

image
image1920Ă—1351 96.1 KB

image
image1906Ă—1388 106 KB

image
image1920Ă—1521 92.5 KB

Thanks for your time,
Juan Tibaldo

34 Likes
2

Some really cool effects here! Good work!

2 Likes
3

thanks! <3

1 Like
6

Very very nice!

2 Likes
7

Thank you @mrdoob :smiley: :dizzy:

2 Likes
8

Thank you all for your comments!
We’ve put A LOT of love and effort to this project and we are so proud with the result!

Since first post, we’ve made some tweaks and optimizations, and added some easter eggs too. Go find them!

Thanks again, we love working in this field and we are more than thankful with Threejs for make our lives easier.

4 Likes
9

we got the “thefwa” of the day :smiley: OHZI Interactive - The FWA

3 Likes
10

Congratulation guys for this awesome project! :partying_face:

1 Like
11

thank you :smiley:

12

Congratulations, that’s amazing! Have you done the design as well?

1 Like
13

I found this very cool, :slight_smile:

1 Like
14

thank you so much! :D, since we published our site, a lot of new clients, have shown interest in our services… which is great

15

Hi, sorry, I’ve just seen this.
Yes, we have a really good designer in-house :smiley: thank you

16

I recently visited the OHZI website and was really impressed by the smooth page reveal transition and the immersive visual experience. The combination of animations, transitions, and 3D effects is quite striking.

I’m particularly curious about the technique or library you used for the page reveal transition effect (the one that appears when navigating between pages or loading content something like clouds or ink type). Would you be open to sharing a bit about how you implemented it, or point me to any tools or frameworks you used?

Thanks in advance for your time, and congrats on building such a visually compelling site.

1 Like
18

Hey :slight_smile: Thanks for the interest.

Basically, it’s all plain JS and threejs.

Each universe you explore on our website has a different and unique 3D scene.
There is also another scene for the “space travelling” transition.
And finally, a shader that mixes these two scenes together.

Does it make sense?

19

Hey :slightly_smiling_face: Thanks a lot for the quick reply!

That makes total sense now—really cool approach with the separate scenes and shader blending. I appreciate you breaking it down. Super inspiring work, and thanks again for sharing a bit about the process!

Wishing you continued success with the project :rocket:

21

no prob, you can check the https://labs.ohzi.io or https://x.com/tinotibaldo. We’re adding cool stuff we’re working at every now and then :slight_smile: