# 渲染管线
Tx3d Enine 通过渲染管线(RenderPipeline)实现场景不同的渲染方案,目前内置 StandardRenderPipeline(标准渲染管线)、PostprocessingRenderPipeline(后处理渲染管线)、XRRenderPipeline(XR渲染管线) 三种类型的渲染管线,此外可以根据实际需求自定义渲染管线。
# 设置渲染管线
可以通过一下两种方式设置渲染管线:
- 在创建 Engine 时通过 sceneRender 参数设置渲染管线
import { Engine, StandardRenderPipeline } from '@tx3d/core';
// 创建引擎对象
const engine = new Engine( {
// 场景渲染器初始化参数
sceneRenderer: {
viewport: document.getElementById( 'viewport' ),
antialias: true, // 开启反走样
clearColor: '#002233', // 背景颜色
renderPipeline: new StandardRenderPipeline() // 创建标准渲染管线
},
} );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
提示
在创建引擎时如果不指定渲染管线程序会默认使用标准渲染管线(StandardRenderPipeline)。因此绝大数情况下不需要主动设置渲染管线,除非你想使用不同的渲染方案。
- 通过场景渲染器(SceneRenderer)的 renderPipeline 属性设置渲染管线
import { SceneRenderer } from '@tx3d/core';
import { PostprocessingRenderPipeline } from '@tx3d/postprocessing';
// 获取当前的场景渲染器
const { sceneRenderer } = engine;
// 设置后处理渲染管线
sceneRenderer.renderPipeline = new PostprocessingRenderPipeline();
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8