Load-dot-model NPM

load-dot-model

Load .model 3D files in JavaScript.

model is a binary format used by Apple in the GLEssentials sample that they released for WWDC 2010.

The loader was originally made to help with the conversion of the GLEssentials demon.model file to other file formats (e.g. obj) in order to have consistent examples for react-native-gl-model-view.

load-dot-model can be used in pure JavaScript applications runnable directly in the browser, as well as any ES5 and ES6 applications (Node.js, React, React Native, React Native Web, etc).

Getting Started

You can install the library with yarn:

yarn add load-dot-model

You can also use npm:

npm install load-dot-model --save

Usage

Pure JavaScript

Coming soon...

ES5/ES6

Coming soon...

Examples

To run the examples, follow the following steps depending on your platform:

Pure JavaScript

First, make sure to run yarn build or npm run build. This will generate the dist/load-dot-model.min.js file used in the example.

Then, simply drag and drop example.html in your favorite browser and select the demon.model file available in the models folder at the root of this repository. The console will print the indices, vertices, UVs and normals of the model. Although the loader only supports models with triangle faces for now, the data also contains an integer numVerticesPerFace since other face types (e.g. rectangles) might be added in the future.

In the future, you will also be able to preview the model in a WebGL view but since this module is a loader and not a viewer, this is not a priority.