Threeverse Project

in the right bottom corner you will find the switch camera icon, click it to switch views until u get the orbit camera, then u can look around, click on the floor to mark your destination, then click the marker to walk, or use keyboard, if u are using mobile or tablet u can touch and hold screen and swipe to move.

To help debugging or developing your own version of threeverse use resources saver chrome extension to get all assets, or download source code.

Make sure you check the “Include all assets by XHR requests (require page reload).” checkbox. Do not check “Beautify” checkbox, this will alter the html and css.

Noticible improvements with threejs r156 the camera seems smooth and fast responsive, now r158 the CSM shadows is more pronounced and faster that previous.

The rendering feels faster making the experience even more responsive even with mobile.

Added point and click navigation for avatars and vehicles for mobile and desktop users.

Hard reload to make sure you load the updated version.

Try update

Download

Live

Download

1 Like

Loading Custom Avatar rigged from Mixamo

Auto rig your custom model in Mixamo, the model must be 1.6 to 2 meters in height

Go to the menu

Screen Shot 2023-12-15 at 2.06.24 PM

Click the GLTF icon - to upload your Mixamo rigged Avatar

Screen Shot 2023-12-15 at 2.07.38 PM

Select the GLTF file, (Must be in GLB) binary format embedded with the texture

Upload

Screen Shot 2023-12-15 at 2.08.14 PM

In the GLTF menu select Avatar, then click the Load button

Updated #Threeverse engine to the new Threejs r160, the renderings is even faster, even smoother on low spec mobiles. The color is amazingly accurate and the rendering vray settings is extremely crisp, better than 3ds Max and rendering real-time on browser, while 3ds max is rendering frames on GPU and takes hours to accomplish 1 frame.

The Threeverse source code is available on GitHub for developers to create virtual experience using threeverse engine

Facility Bunker

The Greens Villa

Toy car

Am i tripping or is this a map out of Re-Volt?? :star_struck: :red_car:
did you rebuild it or is it available somewhere?

1 Like

You can link the model from Sketchfab Toys in the hood

1 Like

U can directly link any free Sketchfab model with Threejs verse using this github repository.

1 Like

Update threeverse r164, it feels more memory efficient.

2 Likes

Updated threejs r172, I haven’t tested this since r164, I don’t know if my pc is too fast or the update had made the game play even smoother, no errors so far.

Test game area city

To talk to an avatar, get close to it and click the chat button

Game city

Speedway

Sneak Peak

Castle Circuit

Desert Rally

Gold Rush

Old Fortress

Race Way

#Threeverse new version is simplified to meet low specification devices requirement, allowing for old and slow device to open the #Threeverse contents.

This version is overhaul version of the 2017 version of threeverse, animation sounds and car engine sounds are removed (to be an option for the content developments as part of the content instead of being part of the threeverse core).

Code Pen

Physics Test

New Threeverse version WebGPU, ThreeJS Trigger Rallay updated to this project. The engine sound controls from Trigger Rally is still being updated and calibrated so it’s a buggy, slow and clunky. Its best to use mobile browser instead to use the touch controls instead of the Trigger Rally keyboard controls.

Get close to the vehicle and Enter to enter the vehicle or ESC to exit the vehicle.

Reversed loading then unloading methods, instead unload assets first then load, this also create noticeable flickering during trasition.

Live Demo

Code Pen

ThreeJS WebGL is still better than WebGPU, isn’t supposed the WebGPU much better performance than the WebGL?

Sketchfab: Lake Track

Speed testing threejs Cannonjs on how much velocity it can handle

Sketchfab: Tsukoba Circuit

Programming artificial crowd’s behavior

Observing behavior how it will react and follow the player around.

Changed tri-mesh terrain to polyhedron shapes for better collision and performance. The terrain clipping disappears instantly, driving feel smoother and faster.

Demo

3 Likes

Damn! This is super cool. Its a whole universe of worlds that can be created – exactly what I have been trying to attempt. You mentioned "occupying a physical space (the idea is to keep the players within the threeverse without having to leave the simulation to prevent experience interruption) " I had created this npm package to solve a similar issue Outrealm. It transitions the player to a different source (same or different web domain) while sharing the player state. Maybe this might help you.

As a feedback: I had some issues with the player controls especially in closed spaces like the camera being bumping into walls. Easy fix I suppose.

This is great. Since we’re working on similar things, would love to stay connected with you. Let’s build something together!

1 Like

Updated three.js r179, the vehicle is changed to stylized low poly and the character is also changed to a game ready character from sketchfab.

Sketchfab - Vehicle

Sketchfab - Character

2 Likes

I think your answer is correct, so I marked your fiddle :heart: to help others.

1 Like

I updated threejs r179 and I am getting this WebGPU error?

What must be causing this and how to fix this?

WebGPU project

Start driving and after a while the error will occur. I am building a racing game and I am encountered this error in r179.

To drive:

  1. Get close to the vehicle driver’s door not too close.
  2. Then press “Enter”.