美文网首页图形编程Web前端之路
three.js 手动添加元素补充两个小细节

three.js 手动添加元素补充两个小细节

作者: mickeyZaku | 来源:发表于2017-11-19 13:05 被阅读68次

    快速通道three.js手动添加元素


    雾化效果:

    打开雾化效果很简单,这个比较简单,只需要在代码中添加这么一句

    scene.fog = new THREE.Fog(0xffffff, 0.015, 100)
    

    后两个参数用于控制雾的厚度,第一个是近处,第二个是远处,通过远近两个位置控制雾的厚度,效果如下


    使用相同材质:

    即所有元素物体将使用相同材质

    scene.overrideMaterial = new THREE.MeshLambertMaterial({color: 0xffffff});
    

    添加这样一句话,在之前场景中添加的方块将不再采用随机颜色,而是全为白色方块

    相关文章

      网友评论

        本文标题:three.js 手动添加元素补充两个小细节

        本文链接:https://www.haomeiwen.com/subject/mxwuvxtx.html