README.md

Threeverse

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

Watch Demo

PEN

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'

Demo [Trench Terrain]

Demo

Demo [Toy car driving]

Demo

Other demos:

1. Apartment
2. Auditorium
3. CS DDust
4. Edge Apartment
5. Event
6. Facility Bunker
7. Galleria
8. Gallery
9. Game
10. Island
11. Mountain
12. Old Gallery
13. Prototype
14. Richard Art Gallery
15. Realistic DDust
16. Retail Congress
17. Round Art Gallery
18. Toys in the Hood
19. Small Art Gallery
20. Skyroom
21. Test Drive Track
22. The Greens Villa
23. Tsukoba Circuit
24. White Roundart Gallery
25. Ancient Hall
26. Game Area City