关于three.js 抗锯齿的理解

真的是够了 网上的那些处理抗锯齿的方法一个比一个复杂，我看的照着弄的头皮发麻，真的是… 想打人。。。

• 锯齿的出现无非就是像素比不匹配造成的模型旁边的模糊，js有一个属性直接获取当前窗口的像素比

  var devicePixelRatio = window.devicePixelRatio;

• 在three.js里面的渲染器有一个属性 .setPixelRatio ( value )设置设备像素比。通常用于HiDPI设备防止模糊输出canvas。

• 这时候 你只需要这样组装一下？？？？？完成了

	renderer = new THREE.WebGLRenderer({
		antialias: true,
		//precision:"lowp"  //着色器的精度。可以是"highp", "mediump" 或 "lowp". 默认为"highp"，如果设备支持的话。
	});
	renderer.setPixelRatio (devicePixelRatio)

这是渲染器属性的介绍可以去看看介绍
就是这么easy