# obj-cesium-viewer

**Repository Path**: fengfeng043/obj-cesium-viewer

## Basic Information

- **Project Name**: obj-cesium-viewer
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-04-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# obj-cesium-viewer
view [OBJ](https://en.wikipedia.org/wiki/Wavefront_.obj_file) models correctly in [Cesium.js](https://cesiumjs.org/)

# Requirements
- node 8.0+
- git

# Install
1.install the repo
```
$ git clone https://github.com/YinChaoOnline/obj-cesium-viewer
```

2.change to obj-cesium-viewer folder, install node packages
```
$ cd obj-cesium-viewer
$ npm i
```

3.start the server
```
$ node server
```

4.play with the repo;upload a obj, and visulize the model in different locations and orientation and scales.

# functions
- upload [obj](https://en.wikipedia.org/wiki/Wavefront_.obj_file) model to the server
- convert uploaded model to [gltf](https://github.com/KhronosGroup/glTF) format
- load the gltf model in [cesium](https://cesiumjs.org/) with params
  * position（longitude, latitude, height or altitude)
  * scale
  * rotate model around X,Y,Z axis by adjusting models' heading(yaw), pitch, roll
  ![](doc/img/Pitch-roll-and-yaw-of-the-tag.png)

# project snapshots
1.project UI

![](doc/img/main1.jpg)

2.tab1

![](doc/img/main2.jpg)

3.tab2

![](doc/img/main3.jpg)

4. help dialog

![](doc/img/main4.jpg)