1.顶点vertex shader和fragment shader,代码放在HTML的<script>标签中,使用类型:x-shader/x-vertex和x-shader/x-fragment;
2.在initGL函数中初始化webGL上下文;
3.使用getShader和initShaders函数将着色器载入到webGL的program对象中;
4.定义mvMatrix(模型视图矩阵)和pMatrix(投影矩阵),并使用setMatrixUniform函数将它们从Javascript推送到webGL中,也就是显卡段,使得着色器可以调用它们;
5.使用initBuffers函数载入含有场景内物体信息的数组对象;
6.使用drawScene函数来绘制场景;
7.建立一个webGLStart函数,在页面加载时被调用,完成上述一切;
8.在HTML代码中加入一段canvas标签的内容,来现实绘制的场景。
分享到:
相关推荐
WebGL 是一项在网页上渲染三维图形的技术,也是HTML5 草案的一部分。 《WebGL编程指南》的主要篇幅讲解了WebGL 原生API 和三维图形学的基础知识,包括渲染管线、着色器、矩阵变换、着色器编程语言(GLSL ES)等等,...
本资源是用于本博客webgl分类的学习资料,主要是为了学习webgl的同学课后练习所用,不能作为商业用途
本书?前可以?把?教你使用WebGL进行编程,?且在不断更 新。
webgl载入模型webgl载入模型webgl载入模型 webgl载入模型webgl载入模型webgl载入模型
Unity通用WebGL模板Universal WebGL Template 1.2.1 仅供学习,请勿商用。
untiy webgl 打开 PDF文件
第1章WebGL概述 1.1系统需求 1.2WebGL提供的渲染类型 1.3WebGL应用程序结构 1.4HTML5canvas的生成方式 1.5访问WebGL上下文环境 1.6WebGL状态机 1.7加载3D场景 1.8本章小结 第2章渲染几何体 2.1顶点和索引 2.2WebGL...
支持Webgl自动播放视频,支持unity2019以上版本,强烈推荐
Better-Minimal-WebGL-Template unity webgl打包模板 支持手机
webgl文档开发教程
第1章WebGL概述 1.1系统需求 1.2WebGL提供的渲染类型 1.3WebGL应用程序结构 1.4HTML5canvas的生成方式 1.5访问WebGL上下文环境 1.6WebGL状态机 1.7加载3D场景 1.8本章小结 第2章渲染几何体 2.1顶点和索引 2.2WebGL...
webgl编程指南源码 Webgl Programming Guide source
代码说明如何实现webgl帧缓存。里面包含了HTML,JS, GLSL的代码。
包含webgl编程指南pdf版本,还有教材中实例的源码(windows和mac版本),还有cuon-matrix.js,cuon-utils.js,webgl-debug.js,webgl-utils.js供大家下载使用!
WebGL编程指南示例源码( WebGL Programming Guide)
webGL programming guide书里面的第二个库,可供webGL的构建
效果超棒的Webgl模型-