解决windows下three.js在WebGlRender渲染无法设置线宽linewidth

    var mesh = ''
    function createLines(arr) {    
        if(mesh){
            scene.remove(mesh)
        }
        var line = new THREE.Geometry();
        line.vertices = []
        $.each(arr, function(index,content) {
            var a = scene.getObjectByName(content)
            line.vertices.push( a.position );
        });
        makeLine( line, 3 );
    }
    
    var resolution = new THREE.Vector2( window.innerWidth, window.innerHeight );
    function makeLine( geo, c ) {
        var g = new MeshLine();

        g.setGeometry( geo );
    
        var material = new MeshLineMaterial( {
            useMap: false,
            color: new THREE.Color( 0xed6a5a ),
            opacity: 1,
            resolution: resolution,
            sizeAttenuation: !false,
            lineWidth: 0.5,
            near: camera.near,
            far: camera.far
        });
        mesh = new THREE.Mesh( g.geometry, material );
        scene.add( mesh );
    }
    //arr为line在场景中经过的模型名称的数组
    createLines(arr)

页面中需要引入<script src="js/THREE.MeshLine.js"></script>
THREE.MeshLine.js下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值