Project

General

Profile

Wiki » History » Version 49

Josip Almasi, 11/03/2021 11:12 AM

1 4 Josip Almasi
{{toc}}
2
3 1 Josip Almasi
h1. Welcome!
4 2 Josip Almasi
5 18 Josip Almasi
h2. External resources
6 4 Josip Almasi
7 14 Josip Almasi
Demo site: https://www.vrspace.org/
8
9 15 Josip Almasi
Github project page: https://github.com/jalmasi/vrspace
10 2 Josip Almasi
11 16 Josip Almasi
OpenSource.com article (motivation): https://opensource.com/article/20/12/virtual-reality-server
12 3 Josip Almasi
13 15 Josip Almasi
VR Days video (features, technologies): https://vimeo.com/475142708
14 3 Josip Almasi
15 15 Josip Almasi
Youtube channel: https://www.youtube.com/channel/UCLdSg22i9MZ3u7ityj_PBxw
16 1 Josip Almasi
17 16 Josip Almasi
Facebook page: https://fb.com/vrspace.org
18 14 Josip Almasi
19
Client API jsdoc: https://www.vrspace.org/docs/jsdoc/index.html
20
21
Server javadoc: https://www.vrspace.org/docs/javadoc/index.html?overview-summary.html
22 4 Josip Almasi
23 23 Josip Almasi
h2. Playgrounds
24
25
Multi-user interaction, shared objects: https://playground.babylonjs.com/#ZBK155
26
Multi-user world: https://playground.babylonjs.com/#Y6ILJ5
27
Avatar selection, portals: https://playground.babylonjs.com/#HDV7LA
28 24 Josip Almasi
VR Avatar template world: https://www.babylonjs-playground.com/#VXA0R3
29 23 Josip Almasi
30 17 Josip Almasi
h1. Frequently Asked Questions
31
32
h2. Is this open source, free to use and share?
33
34
Yes, it's all free and open. Server and client code is published under Apache 2 license, all 3D models published by their respective authors under Creative Commons Attribution license.
35
36
h2. Is there any documentation?
37
38
This is good place to start, this page links to all available resources.
39
40 45 Josip Almasi
h2. I want to build my space, where do I start?
41
42 46 Josip Almasi
This question prompted writing Getting Started section of this wiki, but set up basic development environment first.
43
You don't need to modify any of the server code, but you need to be able to get it from github and build it.
44
Once you do, start it up, and everything else is html 5 and javascript ES6.
45 45 Josip Almasi
46 17 Josip Almasi
h2. How many users can share a “world/space” simultaneously?
47
48
By default, number of users per space is not limited. There is a server parameter to limit that (org.vrspace.server.maxSessions) that can be specified either in config file or command line. Users that hit the limit remain in the queue for configurable timeout (org.vrspace.server.sessionStartTimeout, zero by default) until someone leaves. An error is raised on timeout.
49
50 39 Josip Almasi
h2. How can I implement custom authentication and/or authorization?
51 1 Josip Almasi
52 39 Josip Almasi
Typically you will authenticate users on your web server, before they enter the world. 
53
If that's not enough, you can implement your own "ClientFactory":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/core/ClientFactory.java and configure it in "application.properties":https://github.com/jalmasi/vrspace/blob/master/server/src/main/resources/application.properties file.
54 1 Josip Almasi
This allows you to do your own database queries, REST calls or whatever else you may need to identify your users.
55
56 39 Josip Almasi
h2. How is that different from a game server?
57 38 Josip Almasi
58 40 Josip Almasi
It's not all that different, though the emphasis is different: vrspace.org is not focused on games specifically. It's more about multi-user 3D web, in particular WebXR, open standards and open source.
59 39 Josip Almasi
So while game servers usually don't bother with video/audio streaming, vrspace.org provides it out of the box, using WebRTC. On the other hand, there's nothing like game level in vrspace.org.
60 38 Josip Almasi
61 42 Josip Almasi
h2. How does inverse kinematics and motion tracking work in vrspace.org characters?
62 41 Josip Almasi
63 44 Josip Almasi
Everything is encapsulated Avatar class, but relies on observed glTF avatar structure. Heuristics used to analyze the character structure is explained in depth in "this paper":https://redmine.vrspace.org/attachments/download/17/vrspace-characters.doc.
64 41 Josip Almasi
65 47 Josip Almasi
h1. Getting started
66
67
So, you're new to VRSpace, and you want to make yourself a new virtual world.
68
You will not need to change any of the server code, but you need to get it from github, build it, and start it.
69
Once done, familiarize yourself with directory structure, and especially with template world, as this is intended stating point.
70
71
h2. Directory structure
72
73
h3. server
74
75
Contains the server code and configuration. Generally you don't need to change the code, but you may want to change the configuration. Main configuration file is in src/main/resources/application.properties, have a look at what you can change.
76
77
h3. babylon
78
79
This is reference Babylon.js client implementation. You don't really need any of it, but it is highly recommended to build on top of it, using javascript code provided there.
80
Html files there implement and/or test different functions available, like avatar loading and movement, video/audio streaming etc.
81
Most important one is avatar-selection.html, this is main entry point that allows user to select avatar and enter a world.
82
83
h3. web
84
85
This is the actual web site that's available online on vrspace.org, your final web site will probably look somewhat like this.
86
87
h3. content
88
89
Actual web content used to build virtual worlds, with self-explanatory directory names. Two of these contain special attention though:
90
91
h4. char
92
93
Characters, under female, male and other subdirectories. These directories are listed and presented by avatar-selection.html, you will probably to change how it works eventually.
94 48 Josip Almasi
But adding or removing characters is as simple as dropping them here.
95 47 Josip Almasi
96
h4. worlds
97
98 48 Josip Almasi
Available worlds, also listed by avatar-selection.html, and displayed as portals. Every subdirectory contains one world, and also note there's an image with the same name - that's thumbnail displayed on the portal.
99 49 Josip Almasi
Every world has some specific features.
100
Paris is huge, a real-life model.
101
Persian city and Aladin both feature the same procedural terrain and plants.
102
Cave is an actual game level, and utilizes floors built with vrspace.org floor editor.
103
But template is where you start - copy it over to another directory, and edit to suit your needs.
104 47 Josip Almasi
105 4 Josip Almasi
h1. Setting up development environment
106
107
Here's all you need to start development on Windows.
108 20 Josip Almasi
Linux distributions include all these tools as native packages, so no additional downloads should be required.
109 4 Josip Almasi
110
h2. Basic setup
111
112
h3. Git bash
113
114
IDEs can work with github directly, but whatever you ask, you'll get a command line answer.
115
Command line git is simply a must have. Bash also includes a lot of goodies like ssh.
116
117
https://git-scm.com/downloads
118
119
h3. Java
120
121 21 Josip Almasi
Java 8 will work, java 11 recommended. JDK is required to build the server.
122
Get it either from Oracle or elsewhere, e.g. Zulu OpenJDK: https://www.azul.com/downloads/zulu-community/?package=jdk
123 4 Josip Almasi
124
h3. Node.js
125
126
Node is used by IDE to evaluate javascript. You'll also may need it if you modify any of babylon.js source.
127
Mind that IDE will complain if you installed unsupported version of Node; should that happen, remove Node, and install latest one supported.
128
129
Get it from https://nodejs.org/
130
131 19 Josip Almasi
h3. Maven
132
133
Apache Maven is used to build the server from command prompt.
134
135
Get it from https://maven.apache.org/download.cgi
136
137
138 4 Josip Almasi
h3. IDE
139
140
Eclipse for Java developers (not enterprise), with Spring and Web plugins:
141
142
Download eclipse here: https://www.eclipse.org/
143
144
And then go to Help -> Eclipse Marketplace
145
Search and install Spring Tools 4 and Wild Web Developer plugins.
146
147 6 Josip Almasi
You'll also need to download and install https://projectlombok.org/
148 8 Josip Almasi
Once done, restart the eclipse.
149 6 Josip Almasi
150 5 Josip Almasi
h2. Import and start the project
151
152 22 Josip Almasi
h3. IDE
153
154 5 Josip Almasi
In Eclipse, you can use either default or new workspace for the project.
155
Assuming you have cloned the project from the github, 
156
Go to File -> Open Projects From the Filesystem
157
Then choose vrspace directory.
158
159
This will import vrspace folders and project subfolders, click Finish.
160
161
In vrspace project folder, in src/main/java, there's org.vrspace.server.ServerApplication.java.
162
Open it, then right click on the code.
163
From the menu, choose either Run as or Debug as -> Spring Boot App.
164
165
Open http://localhost:8080/babylon/connect.html with two browsers, and navigate around.
166
167
That's all, you're all set!
168 22 Josip Almasi
169
h3. git bash
170
171
git clone https://github.com/jalmasi/vrspace.git
172
cd vrspace
173
mvn clean install
174
java -jar server/target/server-0.2.2.jar
175 4 Josip Almasi
176
h2. Advanced setup
177
178 12 Josip Almasi
h3. SSL
179 4 Josip Almasi
180 12 Josip Almasi
HTTPS is required for pretty much everything - WebXR, camera, mic access.
181
By default, the server runs on 8080 port with plain HTTP. To enable HTTPS, edit application.properties (found in src/main/resources), and change following properties:
182 1 Josip Almasi
183 12 Josip Almasi
<pre>
184
server.ssl.enabled=false
185
# default port 8080
186
#server.port=8443
187 13 Josip Almasi
</pre>
188 12 Josip Almasi
189
h3. Apache
190
191
Apache reverse proxy setup, linux, windows, TBD
192 4 Josip Almasi
193
h3. Docker and OpenVidu
194
195
OpenVidu voice/video chat server runs as docker image. This is only required for development of voice chat functions.
196
197 10 Josip Almasi
Local execution (development):
198 11 Josip Almasi
docker run -p 4443:4443 --rm -e OPENVIDU_SECRET=YOUR_SECRET -e DOMAIN_OR_PUBLIC_IP=YOUR_IP openvidu/openvidu-server-kms:2.17.0
199 10 Josip Almasi
200
Running on server:
201 1 Josip Almasi
https://docs.openvidu.io/en/2.17.0/deployment/deploying-on-premises/
202 11 Josip Almasi
203
Then either modify openvidu.publicurl and openvidu.secret in application.properties, or run server.jar with -Dopenvidu.publicurl=YOUR_URL and -Dopenvidu.secret=YOUR_SECRET
204 25 Josip Almasi
205
h1. Software Architecture
206 26 Josip Almasi
207
!https://redmine.vrspace.org/attachments/download/15/vrspace-diagram.png!
208
209
h2. Client-Server Communication
210
211 31 Josip Almasi
Clients communicate with server by sending JSON messages over "WebSockets":https://en.wikipedia.org/wiki/WebSocket. Reference javascript implementation of client communication layer is in "VRSpace.js":https://www.vrspace.org/docs/jsdoc/VRSpace.html.
212 26 Josip Almasi
213
General approach to communication is rather obscure Half-Object pattern: server-side and client-side object have same properties, but different implementations.
214
Whenever an object's property changes in (any) client's address space, it's transmitted to the server, that broadcasts it to all clients currently 'watching' the object.
215
216
Whenever a client wants to perform any change to any object in the space, it has to go through the VRSpace server.
217
Clients may or may not communicate directly, but this is out of the scope of VRSpace server.
218
219
h2. Server Responsibilities
220
221
Sole responsibility of VRSpace server is management of 3D space: persisting space objects, tracking their properties, processing and distributing events from/to objects.
222 27 Josip Almasi
Whenever we talk about objects, that includes clients, i.e. users - a client is a special case of an object.
223
The server does not even handle the authentication - it is assumed to be responsibility of web app serving the space.
224
3D geometry is also not in server's scope, it's just another property of an object (mesh).
225
226
h2. Server design
227
228
Key concepts here are Active Objects, Actor model, and Live distributed object.
229
230
"VRObject":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/obj/VRObject.java is a basic shared object, with some basic properties like position and rotation, and of course, mesh. It essentially a "Live distributed object":https://en.wikipedia.org/wiki/Live_distributed_object.
231
232 28 Josip Almasi
"Client":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/obj/Client.java extends VRObject, and adds capabilities to communicate over web sockets, and listen to changes to other objects. Typically, a client represents a remote user, but it can also represent a robot connected over a web socket, or be a base class for a server-side robot.
233
A Client can be thought of as "Active Object":https://en.wikipedia.org/wiki/Active_object or an "Actor":https://en.wikipedia.org/wiki/Actor_model, 
234 27 Josip Almasi
235
Server relies on Spring Boot and embedded Tomcat to handle all I/O and threads.
236 29 Josip Almasi
237 33 Josip Almasi
h3. Client
238 29 Josip Almasi
239 30 Josip Almasi
Each "Client":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/obj/Client.java has it's own "Scene":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/core/Scene.java that tracks all shared objects - including other clients - visible by the client. The scene is initially populated once the client logs in to the server, and starts the session. Scene is refreshed periodically, after a movement, or explicitly.
240 29 Josip Almasi
241
Scene maintains the event model, by adding the Client as listener to all other active objects (usually other users) in the scene.
242 1 Josip Almasi
243 30 Josip Almasi
Client simply notifies it's own listeners on any changes to any of it's own properties. As a listener, it propagates any observed change on any other object over the network, to the user.
244
245
Client has just a couple of persistent properties, like position, rotation and name. The name must be unique.
246
All other properties are transient.
247
248 33 Josip Almasi
"ClientFactory":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/core/ClientFactory.java allows for customization of Client class and instances.
249 1 Josip Almasi
250 33 Josip Almasi
h3. Events and messages
251
252 30 Josip Almasi
Typically events exchanged are changes to properties of active objects, e.g. user moves around, changing own position and rotation. However, an object may emit any event, and the event gets propagated to all listeners.
253 1 Josip Almasi
This is to simplify client development: simply emit any custom event you want.
254 32 Josip Almasi
All distributed events are encapsulated in "VREvent":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/dto/VREvent.java class.
255
256
However, there are other types of messages that are not distributed to other clients: commands and their return values, and errors.
257 1 Josip Almasi
Client will typically execute at least one command during the session - "Session":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/dto/Session.java start. It will not receive any messages before that.
258
Should any server-side exception occur during the session, errors are sent to the client as simple JSON maps.
259 33 Josip Almasi
260
"WorldManager":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/core/WorldManager.java manages clients and event distribution between them.
261
262
h3. Worlds
263
264
A server can host many worlds, i.e. shared spaces. A world contains users and other objects that are shared only within the world. It can be thought of as a chatroom, but mind the difference: being in the same world does not mean that users can see and talk to each other.
265
Client can enter another world by issuing "Enter":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/dto/Enter.java command.
266
267 35 Josip Almasi
h3. Ownership and privacy
268
269
A class can be annotated as Owned, and all of instances automatically become owned as they are created. An owned object does not receive events from anyone by owner(s). A Client is owned, and nobody but himself can change his name.
270
On the other hand, a generic VRObject is public, and receives events from anyone. Like a door, anybody can open and close it. But even public objects can have some properties annotated as Owned, that can't be change by anyone but owner.
271
Fields of a class can be annotated as Private, and their contents will never be published.
272
273
"Dispatcher":https://github.com/jalmasi/vrspace/blob/master/server/src/main/java/org/vrspace/server/core/Dispatcher.java takes care of it before property changes are applied, and before they are published to listeners.
274
275 33 Josip Almasi
h3. Package structure
276
277
Package "org.vrspace.server":https://github.com/jalmasi/vrspace/tree/master/server/src/main/java/org/vrspace/server contains only main application class. Under it,
278
- config package contains server configuration classes that are executed only on server statup
279
- core is the core of the server
280 34 Josip Almasi
- dto is misnomer that stands Data Transfer Objects, though this package contains all objects that are not shared nor persisted
281 33 Josip Almasi
- obj contains persistent objects, most importantly Client and VRObject
282
- types are custom types used elsewhere, be it interfaces or annotations
283
- web is a primitive admin interface, disabled by default