Procedure visualizing OpenDRIVE sample data sets in Three.js

Run

$ npm install http-server -g
$ cd dir/to/this/project
$ http-server .

Then open the browser with the url specified by http-server.

The project provides a basic user interface to show/hide road reference lines, static/dynamic signals, and provide 4 data sets in total for visualization.

Notes

The road network is procedurally generated in Three.js. It only exploits the mesh and basic material without specifying uvs for texturing.

The coordinate system used in this project is a right-handed Cartesian coordinate system, with x-y plane representing the ground surface, z+ pointing up towards the sky. The initial view is the top view over the origin, with positive z pointing towards the screen (towards the user). For geographic reference, x points to the east; y points to the north; z points to up.

For more details about the coordinate systems and other elements used in this project, please refer to the OpenDRIVE V1.4 Format Specification.

Known Issues

All visible components in the scene is a mesh, including the gray road surface, elevated curbs, and road marks.

Mesh is not optimized with duplicate faces and vertices.

It is not recommended to use the exported .obj file as a final mesh used in Unity or Unreal engine. Further cleaning jobs on the mesh are needed.