Why use it?

load glb file simplified.

Live Demo

Installation

npm install lesca-glb-loader --save

Usage

import GlbLoader from 'lesca-glb-loader';
import Avatar from './Athlete.glb';

GlbLoader(Avatar).then((e) => {
  const { model, mixer, gltf } = e;

  const scale = 80;
  model.scale.set(scale, scale, scale);
  scene.add(model);

  // animation clip update
  enterframe.add(() => {
    // =>  same requestAnimationFrame
    const delta = clock.getDelta();
    mixer[0].update(delta);
  });
});

Development

Parameters

GlbLoader(url, options).then((e) => {
  // get module here
});

| Parameters | description | default | | :------------------- | :----------------: | ------------------: | | url:string | glb file url | | | options:object | options for loader | options |

Options

| key | description | default | | :-------------------------- | :-------------------: | --------------------: | | onProcess:function | on process handler | | | loop:boolean | animation clip loop? | true | | castShadow:boolean | model cast shadow? | true | | receiveShadow:boolean | model receive shadow? | false | | material:object | Materials | Material |

material

| key | description | default | | :------------------------------ | :---------: | ------: | | metalness:number | Materials | 0 | | roughness:number | Materials | 1 | | clearcoat:number | Materials | 0 | | clearcoatRoughness:number | Materials | 0.5 |

Features

• Code Linting (eslint)
• maintain if necessary