• Stars
    star
    772
  • Rank 58,858 (Top 2 %)
  • Language
    JavaScript
  • License
    Apache License 2.0
  • Created about 7 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Convert obj model file to 3d tiles

objTo3d-tiles

WARNING: THIS REPO IS NO LONGER MAINTANING, MAYBE NOT SUPPORT NEWERST CESIUM.

Node command line tool and module convert obj model file to 3D Tiles, based on obj2gltf.

Online Demonstration

简体中文

NOTE: Only support .b3dm and .i3dm for now!

Please use Cesium after v1.37, cause this 3d tile use glTF2.0.

Getting Start

Make sure you have Node installed, and then

npm install -g obj23dtiles

Basic Usage

  • Convert .obj to .gltf
obj23dtiles -i ./bin/barrel/barrel.obj
// Export barrel.gltf at obj folder.
  • Convert .obj to .glb
obj23dtiles -i ./bin/barrel/barrel.obj -b
// Export barrel.glb at obj folder.

NOTE: More detial to convert .gltf and .glb can find at obj2gltf.

NOTE: If your model have tarnsparency texture please add --checkTransparency parameter.

NOTE: If your model using blinn-phong material, and use occlusion when convert to PBR material, the model will looks darker. The useOcclusion default is false, remember adding --useOcclusion if your model using PBR material. Here are some showcase about it.

  • Convert .obj to .b3dm with default BatchTable, which have batchId and name property, and name is model's name.
obj23dtiles -i ./bin/barrel/barrel.obj --b3dm
// Export barrel.b3dm at obj folder.
  • Convert .obj to .b3dm with default BatchTable and export default BatchTable (a JSON file). Maybe get information for custom BatchTable.
obj23dtiles -i ./bin/barrel/barrel.obj --b3dm --outputBatchTable
// Export barrel.b3dm and barrel_batchTable.json at obj folder.
obj23dtiles -i ./bin/barrel/barrel.obj -c ./bin/barrel/customBatchTable.json --b3dm
// Export barrel.b3dm with custom batch table at obj folder.
obj23dtiles -i ./bin/barrel/barrel.obj -f ./bin/barrel/customFeatureTable.json --i3dm
// Export barrel.i3dm at obj folder.
obj23dtiles -i ./bin/barrel/barrel.obj -f ./bin/barrel/customFeatureTable.json
-c ./bin/barrel/customI3dmBatchTable.json --i3dm
// Export barrel.i3dm with BatchTable at obj folder.

FeatureTable support following parameters : position, orientation, scale.

Create Tileset

  • Create a single tileset with .b3dm tile.
obj23dtiles -i ./bin/barrel/barrel.obj --tileset
// Export ./Batchedbarrel folder at obj folder which is a tileset.
  • Create a single tileset with .b3dm tile and custom tileset options, custom BatchTable.
obj23dtiles -i ./bin/barrel/barrel.obj --tileset
-p ./bin/barrel/customTilesetOptions.json -c ./bin/barrel/customBatchTable.json
// Export ./Batchedbarrel folder at obj folder which is a tileset with custom tileset options.
  • Create a single tileset with .i3dm tile.
obj23dtiles -i ./bin/barrel/barrel.obj --tileset --i3dm
-f ./bin/barrel/customFeatureTable.json
// Export ./Instancedbarrel folder at obj folder which is a tileset.
  • Create a single tileset with .i3dm tile and custom tileset options, custom BatchTable.
obj23dtiles -i ./bin/barrel/barrel.obj --tileset --i3dm
-f ./bin/barrel/customFeatureTable.json -p ./bin/barrel/customTilesetOptions.json
-c ./bin/barrel/customI3dmBatchTable.json
// Export ./Instancedbarrel folder at obj folder which is a tileset.

The customTilesetOptions.json can have options bellow, and these are fake values, please only add properties you need, other value will be auto calculate through .obj file.

{
    "longitude":      -1.31968,     // Tile origin's(models' point (0,0,0)) longitude in radian.
    "latitude":       0.698874,     // Tile origin's latitude in radian.
    "transHeight":    0.0,          // Tile origin's height in meters.
    "region":         true,         // Using region bounding volume.
    "box":            false,        // Using box bounding volume.
    "sphere":         false         // Using sphere bounding volume.
}

NOTE: If you are not specify the transHeight option, your model will be place at earth ground surface, which means no matter what the height your models are, the lowerest point of your models will be place at height = 0.0 on the earth. But if you want keep origin heigth you just need specify transHeight = 0.0.

Here are different bounding volumes.

Combine tilesets

You can combine tilesets into one tileset.json as external tileset.

obj23dtiles combine -i ./bin/barrel/output

Using as node module

If you want to use this tool in node or debug, check out how to use as node module.

Test

Navigate to this project folder and run

npm run test

Troubleshooting

First, make sure your .obj file is complete, normally include .obj, .mtl and textures like .jpg or .png. You can preview your .obj model via "Mixed Reality Viewer" if you are in windows 10. Otherwise you can use this online viewer.

Second, export .glb and check if it display correctly. You can use Cesium or Three.js gltf viewer.

In the end, just export .b3dm or tileset and load in Cesium.

Sample Data

Sample data under the .bin\barrel\ folder.

barrel\
    |
    - barrel.blend              --
    |                             |- Blender project file with texture.
    - barrel.png                --
    |
    - barrel.obj                --
    |                             |- Obj model files.
    - barrel.mtl                --
    |
    - customBatchTable.json     ---- Custom batchtable for b3dm.
    |
    - customTilesetOptions.json ---- Custom tileset optional parameters.
    |
    - customFeatureTable.json   ---- Custom FeatureTable for i3dm.
    |
    - customI3dmBatchTable.json ---- Custom BatchTable for i3dm.
    |
    - output\                   ---- Export data by using upper files.
        |
        - barrel.glb
        |
        - barrel.gltf
        |
        - barrel_batchTable.json    ---- Default batch table.
        |
        - Batchedbarrel\            ---- Tileset use b3dm
        |   |
        |   - tileset.json
        |   |
        |   - barrel.b3dm
        |
        - Instancedbarrel\          ---- Tileset use i3dm
        |   |
        |   - tileset.json
        |   |
        |   - barrel.i3dm
        |
        - BatchedTilesets\          ---- Tileset with custom tileset.json
            |
            - tileset.json
            |
            - barrel_withDefaultBatchTable.b3dm
            |
            - barrel_withCustonBatchTable.b3dm

Resources

Credits

Great thanks to Sean Lilley(@lilleyse) for helping and advising.

Thanks AnalyticalGraphicsInc provide a lot of open source project (like Cesium and 3D Tiles) and creat a great GIS environment.

License

Apache License 2.0

More Repositories

1

CraZyPG

lowlevel webgl2.0 library
JavaScript
30
star
2

earth

Online demonstration: http://princessgod.github.io/earth
JavaScript
11
star
3

gltf23dtiles

Convert glTF to 3d-tiles [discard, See objTo3d-tiles.]
JavaScript
7
star
4

Houdini-IKRIG

7
star
5

plc

HTML
5
star
6

twgl_resolve

twgl.js 源码解读,学习 WebGL 代码在实践过程中的组织和重构。
JavaScript
4
star
7

three-camera-path-editor

Three camera path editor for move view along path.
JavaScript
4
star
8

GeoserverConfig

A series articles about config Geoserver.
HTML
4
star
9

ecs.js

Entity Component System architecture in javascript
JavaScript
3
star
10

csv2geojson

node command-line tool convert csv to geojson
JavaScript
3
star
11

Chrome-in-WPF

A WPF usercontrol with chrome core
C#
2
star
12

MYHQ_DBMS

Little sample for wpf MateriaDesignToolkit
C#
2
star
13

resource-list

3D Graphic and WebGL Resources
2
star
14

twgl_use

JavaScript
2
star
15

MongoimportTool

Import a collections from files
C#
2
star
16

LearnWebgl

Some learning code about webgl
JavaScript
1
star
17

Darkness

WebGL2 engine with ECS architecture.
JavaScript
1
star
18

three_test

JavaScript
1
star
19

PrincessGod.github.io

Personal blog
CSS
1
star
20

Gittest

learn git
1
star
21

resources

file database
1
star
22

CesiumOrientGenerator

Generate cesium camera orientation config file with json sever.
JavaScript
1
star
23

vimrc

Vim Script
1
star
24

resume

HTML
1
star
25

secret

1
star
26

Sublime-Text-3-Learning-Note

Learning Sublime Text 3 and some important usages
1
star
27

FrontEndLearning

Some learn example
HTML
1
star
28

WPFResources

Some tutorial resources for wpf
C#
1
star
29

UIControl

Some WPF Control
C#
1
star
30

three_use

JavaScript
1
star
31

BlenderShoutcuts

1
star
32

TilesDataTransforming

Translate the mongodb tile data to other format tile data or database
C#
1
star
33

HDEarth

Base on HelixTookit and DirectX
C#
1
star
34

where-we-will-be

1
star
35

PopMenu

Combine Material Design In XAML and Mah.Metro make a popup menu.
C#
1
star