#

luxiaotao1123

2021-11-26 a62854c555528aea050bbbc53273acbca7b483a7

#

 static/js/app.js

@@ -36,6 +36,7 @@
            this.renderer.render(this.scene, this.camera);
            this.stats.end();
            this.initStoreObjects(this);
            this.modelMove();
        }
        this.initScene = function () {
            this.scene = new THREE.Scene();
@@ -131,7 +132,7 @@
                "posy.jpg", "negy.jpg",
                "posz.jpg", "negz.jpg"
            ]);
            this.scene.background = new THREE.Color( 0xf0f0f0 );
            // this.scene.background = new THREE.Color( 0xf0f0f0 );
        }
        this.removeObject = function (nameorid) {
            for (let i = 0; i < this.objects.length; i++) {
@@ -161,78 +162,6 @@
            helper.material.opacity = 0.25;
            helper.material.transparent = true;
            this.addObject( helper );
        }
        this.initModel = function () {
            let that = this;
            // let object;
            // const onProgress = function ( xhr ) {
            //     if ( xhr.lengthComputable ) {
            //         const percentComplete = xhr.loaded / xhr.total * 100;
            //         console.log( Math.round( percentComplete, 2 ) + '% downloaded' );
            //     }
            // };
            // const onError = function () { };
            // function loadModel() {
            //     object.traverse( function ( child ) {
            //         if ( child.isMesh ) child.material.map = texture;
            //     } );
            //     object.position.y = 195;
            //     that.addObject( object );
            // }
            // const manager = new THREE.LoadingManager(loadModel);
            // const textureLoader = new THREE.TextureLoader( manager );
            // const texture = textureLoader.load( '../static/model/obj/uv_grid_opengl.jpg' );
            // const loader = new OBJLoader( manager );
            // loader.load( '../static/model/obj/AGV.obj', function ( obj ) {
            //     object = obj;
            // }, onProgress, onError );
            const manager = new THREE.LoadingManager();
            // manager.addHandler( /\.dds$/i, new DDSLoader() );
            new MTLLoader(manager)
                .setPath( '../static/model/obj/' )
                .load( '货叉.mtl', function ( materials ) {
                    materials.preload();
                    new OBJLoader( manager )
                        .setMaterials( materials )
                        .setPath( '../static/model/obj/' )
                        .load( '货叉.obj', function ( object ) {
                            object.position.z = -500;
                            object.position.x = -1560;
                            object.scale.set(0.025, 0.025, 0.025);
                            object.rotateY(- Math.PI / 2)
                            that.addObject( object );
                        }, null, null );
            });
            new MTLLoader(manager)
                .setPath( '../static/model/obj/' )
                .load( '载货台.mtl', function ( materials ) {
                    materials.preload();
                    new OBJLoader( manager )
                        .setMaterials( materials )
                        .setPath( '../static/model/obj/' )
                        .load( '载货台.obj', function ( object ) {
                            object.position.z = -500;
                            object.position.x = -1560;
                            object.scale.set(0.025, 0.025, 0.025);
                            object.rotateY(- Math.PI / 2)
                            that.addObject( object );
                        }, null, null );
                });
            new MTLLoader(manager)
                .setPath( '../static/model/obj/' )
                .load( '堆垛机本体.mtl', function ( materials ) {
                    materials.preload();
                    new OBJLoader( manager )
                        .setMaterials( materials )
                        .setPath( '../static/model/obj/' )
                        .load( '堆垛机本体.obj', function ( object ) {
                            object.position.z = -500;
                            object.position.x = -1560;
                            object.scale.set(0.025, 0.025, 0.025);
                            object.rotateY(- Math.PI / 2)
                            that.addObject( object );
                        }, null, null );
                });
        }
        this.initStoreObjects = function (object) {
            if (this.firstTime === 1) {
@@ -286,6 +215,80 @@
                }
            }
            return null;
        }
        this.initModel = function () {
            let that = this;
            // let object;
            // const onProgress = function ( xhr ) {
            //     if ( xhr.lengthComputable ) {
            //         const percentComplete = xhr.loaded / xhr.total * 100;
            //         console.log( Math.round( percentComplete, 2 ) + '% downloaded' );
            //     }
            // };
            // const onError = function () { };
            // function loadModel() {
            //     object.traverse( function ( child ) {
            //         if ( child.isMesh ) child.material.map = texture;
            //     } );
            //     object.position.y = 195;
            //     that.addObject( object );
            // }
            // const manager = new THREE.LoadingManager(loadModel);
            // const textureLoader = new THREE.TextureLoader( manager );
            // const texture = textureLoader.load( '../static/model/obj/uv_grid_opengl.jpg' );
            // const loader = new OBJLoader( manager );
            // loader.load( '../static/model/obj/AGV.obj', function ( obj ) {
            //     object = obj;
            // }, onProgress, onError );
            const manager = new THREE.LoadingManager();
            // manager.addHandler( /\.dds$/i, new DDSLoader() );
            new MTLLoader(manager)
                .setPath( '../static/model/obj/' )
                .load( '货叉.mtl', function ( materials ) {
                    materials.preload();
                    new OBJLoader( manager )
                        .setMaterials( materials )
                        .setPath( '../static/model/obj/' )
                        .load( '货叉.obj', function ( object ) {
                            object.position.z = -500;
                            object.position.x = -2060;
                            object.scale.set(0.025, 0.025, 0.025);
                            object.rotateY(- Math.PI / 2)
                            that.addObject( object );
                        }, null, null );
                });
            new MTLLoader(manager)
                .setPath( '../static/model/obj/' )
                .load( '载货台.mtl', function ( materials ) {
                    materials.preload();
                    new OBJLoader( manager )
                        .setMaterials( materials )
                        .setPath( '../static/model/obj/' )
                        .load( '载货台.obj', function ( object ) {
                            object.position.z = -500;
                            object.position.x = -2060;
                            object.scale.set(0.025, 0.025, 0.025);
                            object.rotateY(- Math.PI / 2)
                            that.addObject( object );
                        }, null, null );
                });
            new MTLLoader(manager)
                .setPath( '../static/model/obj/' )
                .load( '堆垛机本体.mtl', function ( materials ) {
                    materials.preload();
                    new OBJLoader( manager )
                        .setMaterials( materials )
                        .setPath( '../static/model/obj/' )
                        .load( '堆垛机本体.obj', function ( object ) {
                            object.position.z = -500;
                            object.position.x = -2060;
                            object.scale.set(0.025, 0.025, 0.025);
                            object.rotateY(- Math.PI / 2)
                            that.addObject( object );
                        }, null, null );
                });
        }
        this.modelMove = function () {

        }
    },