xiaoiver/a-simple-gltf-viewer

A simple WebGL glTF viewer

a-simple-gltf-viewer

Just a simple glTF viewer inspired by:

• glTF-WebGL-PBR
• clay-viewer
• MARMOSET VIEWER.

Features:

• PBR in glTF 2.0
• Use Regl to handle WebGL stuffs.
• Use InversifyJS as an IoC container.
• Use gltf-loader-ts to load glTF models.
• Soft Shadow（PCF）
• Skybox
• Timeline & KeyFrame animation.
• Also based on electron-react-typescript-webpack-boilerplate.

TODO:

• Support skin.
• Support Camera.
• Support Morph
• Use some PWA features to cache glTF model.
• Add more post-processing such as FXAA.
• Support drag & drop when uploading glTF model.
• Handle context loss.

Getting started

Then install all the node_modules needed by executing the following command:

npm run install

Finally execute the following command to start Webpack in development mode and watch the changes on source files.

npm run dev