Threeverse

A threejs virtual experience engine library that allows loading of gltf/glb/fbx assets in threeverse

Immersive Demo

Open World Demo

Installation

import{threeverse}from'./assets/js/threeverse.js'

let engine=new threeverse()

Download threeverse and import threeverse.js in your project to create a new virtual experience engine

Threejs FPS

Get model from threejs example FPS first person shooter

Usage

if(engine.create({id:'canvas-window',url:'https://realengine.web.app'})){
  engine.load({id:'canvas-window',url:'https://realengine.web.app',assets:[
    {
      name:'https://firebasestorage.googleapis.com/v0/b/virtual-55d5e.appspot.com/o/THREEVERSE%2Fprototypbody.glb?alt=media&token=b9c873b9-af9b-40fc-a407-df2270f3ef06',
      type:'trimesh',loader:'glb',
      x:[0],y:[-5],z:[0],o:[{x:0,y:0,z:0}],s:[1000],kg:[0],ds:120
    },
    {
      name:'https://firebasestorage.googleapis.com/v0/b/virtual-55d5e.appspot.com/o/THREEVERSE%2Fprototyp.glb?alt=media&token=e68b649a-a8dc-487e-98d0-857b05d8a433',
      type:'objectmesh',loader:'glb',
      x:[0],y:[-5],z:[0],o:[{x:0,y:0,z:0}],s:[1000],kg:[0],ds:120,select:'navigatable'
    }
  ],
  origin:{
    spawn:[
      {x:10,y:5,z:-50,o:0,s:2.5}
    ],
    respawn:[
      {x:10,y:5,z:-50,o:0,s:2.5,cost:'10-500'}
    ]
  },delay:2400})
}else console.log('No internet!')

Call function create in the engine and start loading your GLTF/FBX assets in threeverse virtual experience engine.

The assets must be shared CORS allow all to be able for the threeverse engine to load from cross origin.

Game Level

A game level assets are GLT/FBX 3d models that will be seen in the scene and the invible collision mesh that will prevent your avatar, vehicles and other dynamic mesh from passing through wall or each other.

Visible Mesh

1. type:'objectmesh'
2. type:'object'

Invisible Physics Mesh

1. type:'trimesh'
2. type:'plyhedron'

Other demos:

1. Apartment
2. Sandyards Market
3. Liminal Hall
4. Suite
5. London Circuit
6. Vineyard
7. Big Rock
8. Burn City
9. Crash Junction
10. Speed Way
11. Open world
12. Realistic DDust
13. Edge Apartment
14. Galleria
15. Mountain
16. Prototype
17. Round Art Gallery
18. Tsukoba Circuit
19. Outpost
20. Underground Bunker
21. Brutalist Hall
22. CS Offices
23. Halo Vista District
24. Circle City