![](https://img-blog.csdnimg.cn/20200913175439187.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
《WebGL编程指南》学习笔记
本篇学习WebGL的笔记是为了快速熟悉openGL,选择WebGL是因为WebGL是由OpenGL ES2.0派生而来,二者十分相似。本篇笔记的知识点可能不完整,只会挑一些知识点进行记录,方便将来的回忆与查阅,想要一同学习需要配合《WebGL编程指南》一书。
Rising-Moon
这个作者很懒,什么都没留下…
展开
-
WegGL使用大致流程
html文件在body中定义canvas<!-- 创建一个canvas --><canvas id = "webgl" width = "400" height = "400"><!-- 不支持canvas时显示的文字 -->Please use the browser supporting "canvas"</canvas>引入一些专门为WebGL准备的、定义好的函数库<script src="../../lib/webgl-原创 2020-09-13 23:30:39 · 354 阅读 · 0 评论 -
常见接口
此书自定义接口1. 获取WebGL绘图上下文getWebGLContext(element, [debug])参数element:指定元素debug(可选):默认为false,设置为true则JavaScript中的错误会被显示到控制台上。打开后会影响性能,最好在调试后关闭它。返回值non-null WebGL绘图上下文null WebGL不可用关键代码var names = ["webgl", "experimental-webgl", "webkit-3d", "moz-w原创 2020-09-13 23:29:34 · 114 阅读 · 0 评论 -
WebGL笔记概述
前言本人是一名Unity前端工程师,已经学习了一些shader方面和渲染管线方面的知识,现在准备补习OpenGL部分知识。本篇学习WebGL的笔记是为了快速熟悉openGL,选择WebGL是因为WebGL是由OpenGL ES2.0派生而来,二者十分相似。优势OpenGL ES是OpenGL的一个派生版本,在添加一些新特性的同时,也摒弃了一些陈旧无用的旧特性,使它保持轻量级的同时,也有足够的能力去渲染精美的三维图形,且OpenGL ES被大量的电子设备所采用,有足够的学习价值。不直接通原创 2020-09-13 17:56:12 · 107 阅读 · 0 评论