渲染器篇

来源:互联网 发布:淘宝网男士背心 编辑:程序博客网 时间:2024/04/30 16:00
1.声明渲染器对象,我们用new THREE.WebGLRenderer()来新建一个WebGL渲染器。其中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

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

2.制定渲染器的宽高,我们用renderer.setSize(width,height)来设置;

3.追加生成的canvas元素到容器元素中。canvas对象的获取方法为renderer.domElement;

4.设置canvas背景色(clearColor)和背景色透明度(clearAlpha),renderer.setClearColor(clearColor,clearAlpha);

原创粉丝点击