Usage

<scriptsrc="https://unpkg.com/spritejs/dist/spritejs.min.js"></script><scriptsrc="http://unpkg.com/sprite-extend-3d/dist/sprite-extend-3d.js"></script>

constvertex=/* glsl */`    precision highp float;    precision highp int;    attribute vec2 uv;    attribute vec3 position;    attribute vec3 normal;    uniform mat4 modelViewMatrix;    uniform mat4 projectionMatrix;    uniform mat3 normalMatrix;    varying vec2 vUv;    varying vec3 vNormal;    void main() {        vUv = uv;        vNormal = normalize(normalMatrix * normal);        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);    }`;constfragment=/* glsl */`    precision highp float;    precision highp int;    uniform float uTime;    uniform sampler2D tMap;    varying vec2 vUv;    varying vec3 vNormal;    void main() {        vec3 normal = normalize(vNormal);        vec3 tex = texture2D(tMap, vUv).rgb;        vec3 light = normalize(vec3(0.5, 1.0, -0.3));        float shading = dot(normal, light) * 0.15;        gl_FragColor.rgb = tex + shading;        gl_FragColor.a = 1.0;    }`;const{Scene}=spritejs;const{Mesh3d}=spritejs.ext3d;constcontainer=document.getElementById('container');constscene=newScene({  container,displayRatio:2,});constlayer=scene.layer3d('fglayer',{camera:{fov:35,},});layer.camera.attributes.pos=[8,5,15];layer.camera.lookAt([0,1.5,0]);(asyncfunction(){consttexture=awaitlayer.createTexture('https://p3.ssl.qhimg.com/t01d6c6c93fdddf1e42.jpg');constprogram=layer.createProgram({    vertex,    fragment,uniforms:{tMap:{value:texture},},});constmodel=awaitlayer.loadModel('https://s5.ssl.qhres.com/static/1eb3e9b91a296abd.json');constfox=newMesh3d(program);fox.setGeometry(model);layer.append(fox);fox.animate([{rotateY:0},{rotateY:360},],{duration:5000,iterations:Infinity,});}());

Roadmap