three.js THREE.WebGLRenderer 参数

WebGLRenderer()中有一些参数我们可以设置，以下这些参数来自于官方文档：

  antialias:

　　值：true/false

　　含义：是否开启反锯齿，设置为true开启反锯齿。

  precision:

　　值：highp/mediump/lowp

　　含义：着色精度选择。

  alpha:

　　值：true/false

　　含义：是否可以设置背景色透明。

  premultipliedAlpha:

　　值：true/false

　　含义：表示是否可以设置像素深度（用来度量图像的分辨率）

  stencil:

　　值：true/false

　　含义：表示是否使用模板字体或图案

  preserveDrawingBuffer:

　　值：true/false

　　含义：是否保存绘图缓冲，若设为true，则可以提取canvas绘图的缓冲。

  maxLights:

　　值：数值int

　　含义：最大灯光数，我们的场景中最多能够添加多少个灯光。

 

let renderer = new THREE.WebGLRenderer({
    antialias: true, // true/false表示是否开启反锯齿
    alpha: true, // true/false 表示是否可以设置背景色透明
    precision: 'highp', // highp/mediump/lowp 表示着色精度选择
    premultipliedAlpha: false, // true/false 表示是否可以设置像素深度（用来度量图像的分辨率）
    preserveDrawingBuffer: true, // true/false 表示是否保存绘图缓冲
    maxLights: 3, // 最大灯光数
    stencil: false // false/true 表示是否使用模板字体或图案
  });
document.getElementById('threeCanvas').appendChild(renderer.domElement);
renderer.name = 'Renderer';
renderer.setClearColor(0xEEEEEE);
renderer.setSize(width, height);