Three.js obj模型转js并渲染

最新推荐文章于 2021-12-17 08:46:57 发布

weixin_34176694

最新推荐文章于 2021-12-17 08:46:57 发布

阅读量260

点赞数

文章标签： python

原文链接：https://my.oschina.net/willbean/blog/865293

版权

2019独角兽企业重金招聘Python工程师标准>>>

一、格式转化

1）下载python：

到python官网https://www.python.org/进行下载，由于我是使用windows，所以直接下载了python3 windows的安装包，一路next完成安装，安装完成再配置一下环境变量即可。

2）下载three.js提供的格式转换文件——convert_obj_three.py （three.js官网可下载，或者到其github直接复制粘贴），注意版本，有python2和python3两个版本，按需下载。

3）将convert_obj_three.py 和你的obj文件放置同一目录，命令行下执行

python convert_obj_three.py -i infile.obj -o outfile.js

该命令还有其他一些参数，详情可查阅convert_obj_three.py 注释部分。

二、模型渲染

我使用的是three.js [r84]版本，较之前面版本有些不同。

let loader = new THREE.JSONLoader();
loader.load('./img/port2.js', (geometry, materials)=> {
        var material = new THREE.MultiMaterial(materials);
        var object = new THREE.Mesh(geometry, material);
        scene.add(object);
    }, function (xhr) {
        console.log((xhr.loaded / xhr.total * 100) + '% loaded');
    },
    // Function called when download errors
    function (xhr) {
        console.error(xhr);
    }
);

转载于:https://my.oschina.net/willbean/blog/865293