2021SC@SDUSC 【软件工程应用与实践】Claygl项目代码分析(十一)

本文主要分析Claygl项目中的FrameBuffer.js文件,详细讲解了其属性如深度缓冲、视区等的设定,以及getTextureWidth和getTextureHeight函数,这两个函数返回纹理贴图的宽度和高度。此外,还阐述了bind函数的作用,该函数在渲染前将帧缓冲绑定到指定的渲染器,并进行一系列参数设置和检查操作,确保渲染过程的正确进行。

2021SC@SDUSC

目录

FrameBuffer.js

1.属性

2.函数部分

getTextureWidth & getTextureHeight

bind


FrameBuffer.js

var KEY_FRAMEBUFFER = 'framebuffer';
var KEY_RENDERBUFFER = 'renderbuffer';
var KEY_RENDERBUFFER_WIDTH = KEY_RENDERBUFFER + '_width';
var KEY_RENDERBUFFER_HEIGHT = KEY_RENDERBUFFER + '_height';
var KEY_RENDERBUFFER_ATTACHED = KEY_RENDERBUFFER + '_attached';
var KEY_DEPTHTEXTURE_ATTACHED = 'depthtexture_attached';

var GL_FRAMEBUFFER = glenum.FRAMEBUFFER;
var GL_RENDERBUFFER = glenum.RENDERBUFFER;
var GL_DEPTH_ATTACHMENT = glenum.DEPTH_ATTACHMENT;
var GL_COLOR_ATTACHMENT0 = glenum.COLOR_ATTACHMENT0;

在开头定了一些关键词和参数;

1.属性

{
    depthBuffer: true,

    viewport: null,

    _width: 0,
    _height: 0,

    _textures: null,

    _boundRenderer: null,
}

默认使用深度缓冲,视区为null,长宽初始为0,纹理贴图为null,边界渲染器为null;

2.函数部分

getTe

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值