javascript
/
three.js
mirror of https://github.com/tazdij/three.js.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
							<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<base href="../../../../" />
		<script src="page.js"></script>
		<link type="text/css" rel="stylesheet" href="page.css" />
	</head>
	<body>
		<h1>[name]</h1>

		<p class="desc">编译顶点或片元着色器的更底层的函数</p>

		<h2>代码示例</h2>

		<code>
		const gl = renderer.getContext();

		const glVertexShader = new THREE.WebGLShader( gl, gl.VERTEX_SHADER, vertexSourceCode );
		const glFragmentShader = new THREE.WebGLShader( gl, gl.FRAGMENT_SHADER, fragmentSourceCode );

		const program = gl.createProgram();

		gl.attachShader( program, glVertexShader );
		gl.attachShader( program, glFragmentShader );

		gl.linkProgram( program );
		</code>

		<h2>函数</h2>

		<h3>[page:WebGLShader objects]([page:WebGLContext gl], [page:WebGLEnum type], [page:String source])</h3>

		<p>
		gl -- 当前的WebGL环境
		type -- WebGL类型，值是gl.VERTEX_SHADER 或者 gl.FRAGMENT_SHADER
		source -- 着色器源码
		</p>
		<p>
		此函数将编译一个独立的着色器，不会将它和一个完整的[page:WebGLProgram]链接起来。
		说明: 这是一个函数，因此不应该使用新的操作符。

		</p>

		<h2>源码</h2>

		<p>
			[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
		</p>
	</body>
</html>