浅谈Three.js源码-render之WebGLShader.js
来源:互联网 发布:淘宝服装搭配 编辑:程序博客网 时间:2024/06/05 06:47
/** * @author mrdoob / http://mrdoob.com/ *//** 此脚本为创建着色器并进行编译的相关脚本。着色器(shader)分为顶点着色器和片元着色器,* 这里送上一篇大神写的详解吧,链接:http://blog.csdn.net/lufy_legend/article/details/38342919。** 2.*/function addLineNumbers( string ) {//以换行符为标志对字符串加行号并换行的方法 var lines = string.split( '\n' ); for ( var i = 0; i < lines.length; i ++ ) { lines[ i ] = ( i + 1 ) + ': ' + lines[ i ]; } return lines.join( '\n' );}//gl为WebGL上下文,//type的取值有两个:gl.VERTEX_SHADER(顶点着色器)和gl.FRAGMENT_SHADER(片源着色器)//string为着色器中运行的代码function WebGLShader( gl, type, string ) { var shader = gl.createShader( type );//创建着色器 gl.shaderSource( shader, string );//将运行的代码与着色器进行绑定 gl.compileShader( shader );//对着色器代码进行编译 if ( gl.getShaderParameter( shader, gl.COMPILE_STATUS ) === false ) {//如果编译失败,则直接弹出错误提示 console.error( 'THREE.WebGLShader: Shader couldn\'t compile.' ); } if ( gl.getShaderInfoLog( shader ) !== '' ) {//如果编译过程报错,则打印错误信息 console.warn( 'THREE.WebGLShader: gl.getShaderInfoLog()', type === gl.VERTEX_SHADER ? 'vertex' : 'fragment', gl.getShaderInfoLog( shader ), addLineNumbers( string ) ); } // --enable-privileged-webgl-extension // console.log( type, gl.getExtension( 'WEBGL_debug_shaders' ).getTranslatedShaderSource( shader ) ); return shader;}export { WebGLShader };
阅读全文
1 0
- 浅谈Three.js源码-render之WebGLShader.js
- 浅谈Three.js源码-render之WebGLAttributes.js
- 浅谈Three.js源码-render之WebGLBackground.js
- 浅谈Three.js源码-render之WebGLExtensions.js
- 浅谈Three.js源码-render之WebGLLights.js
- 浅谈Three.js源码-render之WebGLState.js(重要)
- 浅谈Three.js源码-render之WebGLCapabilities.js
- 浅谈Three.js源码-render之SpritePlugin.js
- 浅谈Three.js源码-render之WebGLGeometries.js
- 浅谈three.js
- vue.js之render
- THREE.JS 源码注释
- three.js源码注释
- Webgl之three.js
- 前端之js-three
- 10、vue.js 之render
- Three.js源码阅读笔记
- js render
- 调试操作系统-bochs使用入门
- Java元组Tuple介绍与使用
- hellochart详细讲解(二)饼状图
- python基础_1
- Codeforces Beta Round #7 D. Palindrome Degree —— hash
- 浅谈Three.js源码-render之WebGLShader.js
- NuttX实时操作系统
- jboss容器,web整站https环境下使用(spring mvc)redirect重定向到http协议问题
- 剑指offer | 训练题51:正则表达式匹配
- MOS管
- 屏幕记录机BB FlashBack v5.26.0发布丨附下载
- 110. Balanced Binary Tree验证平衡二叉树
- Sublime Text-Snippet的使用
- Sublime Text3 安装插件出错 There are no packages available for installation