The Paraverse - An Experience (Metaverse Game)

Showcase
, ,
1

Hi Community,

After a lot of hard work over the last few months with the amazing team at ParagonsNFT, I’m excited to announce The Paraverse: A full fledged in-browser game.

Link: :zap: https://paraverse.paragonsnft.com/ :zap:

Built with: threejs & webGL with @nextjs. Would be happy to answer any questions below.

Screenshot 2023-02-23 at 21.43.19
Screenshot 2023-02-23 at 21.43.191920×1260 282 KB

Screenshot 2023-02-23 at 21.41.30
Screenshot 2023-02-23 at 21.41.301920×1080 226 KB

Screenshot 2023-02-23 at 21.40.52
Screenshot 2023-02-23 at 21.40.521920×1303 351 KB

Screenshot 2023-02-23 at 21.42.26
Screenshot 2023-02-23 at 21.42.261920×1436 327 KB

1 Like
2

It is quite captivating and psychedelic, especially in high quality mode. A spent a few minutes walking in the paraverse. The amount of objects is amazing. Did you use instancing?

There are some situations that might require some attention:

  • It is easy to spot a texture edge (especially in low-quality mode), maybe it is not a seamless texture?
    image
  • The texture does not look consistent (the left and right halves do not match in appearance)
    image
  • Sometimes the camera jitters a lot (I was not able to identify a specific condition, but I can show a video, if needed)

What type of optimizations did you use? It appears you have chunks, because when I spin the view point quickly I can see how chunks appear.

3

Hey. Thank you very much!:smile:

Hey we low-quality mode was added mostly as a worst case scenario for devices with very low processing power.

  • The texture is not seamless on the energy field.
  • The camera has collision detection. Therefore, it is jittery when dragging along the ground.
  • Yes, we used a combination of instancing and culling objects based on camera view. We’re looking for ways to make culled objects load faster on camera move.

Really appreciate the feedback. Have an amazing day!:pray::innocent:

1 Like