随笔分类 -  WEBGL学习

WEBGL学习【十五】利用WEBGL实现三维场景的一般思路总结
摘要：实现三维场景载入操作的实现步骤：主要知识点：着色器，纹理贴图，文件载入实现思路：获取canvas，初始化WEBGL上下文信息。主要是实现WEBGL上下文的获取，设置视的大小，此时gl存储了WEBGL的上下文信息初始化着色器初始化的过程中也在这里获得了顶点着色器和片元着... 阅读全文
posted @ 2018-02-01 18:56 高热度网 阅读(519) 评论(0) 推荐(0)
Blender软件导出的obj数据格式文件内容解读
摘要：【cube.obj】# Blender v2.78 (sub 0) OBJ File: ''# www.blender.orgmtllib cube.mtl #这里是引用了一个外部材质文件cube.mtlo Cube #指定了模型名称v 1.000000 -1.000... 阅读全文
posted @ 2018-01-12 22:03 高热度网 阅读(2847) 评论(0) 推荐(0)
WEBGL学习【十四】利用HUD技术在网页上方显示三维物体
摘要：关键点： Please use a browser that supports "canvas"js核心代码：// HUD.js (c) 2012 matsuda// Vertex shader programvar VSHADER_SOURCE = 'a... 阅读全文
posted @ 2018-01-11 16:27 高热度网 阅读(254) 评论(0) 推荐(0)
WEBGL学习【十三】鼠标点击立方体改变颜色的原理与实现
摘要：// PickFace.js (c) 2012 matsuda and kanda// Vertex shader programvar VSHADER_SOURCE = 'attribute vec4 a_Position;\n' + 'attribut... 阅读全文
posted @ 2018-01-11 16:14 高热度网 阅读(655) 评论(0) 推荐(0)
WEBGL学习【十二】鼠标操作场景
摘要：Listing 7-3 and 7-4, Texturing and Lighting With the Phong Reflection Model. FPS: -- 浏览器类型:(IE/... 阅读全文
posted @ 2017-11-12 22:37 高热度网 阅读(416) 评论(0) 推荐(0)
WEBGL学习【十一】光照模型
摘要：Listing 7-3 and 7-4, Texturing and Lighting With the Phong Reflection Model. FPS: -- ... 阅读全文
posted @ 2017-11-12 22:28 高热度网 阅读(305) 评论(0) 推荐(0)
WEBGL学习【十】运动模型
摘要：LWEBGL6.2, Animated WebGL Scene with Key Input. FPS: -- 阅读全文
posted @ 2017-11-12 17:07 高热度网 阅读(360) 评论(0) 推荐(0)
WEBGL学习【九】立方体贴不同的纹理
摘要：NeHeWebGL----环境光（光照模型） 开启光照（使用Page Up和Page Down键来进行缩放）平行光： 方向： X: Y: Z: ... 阅读全文
posted @ 2017-11-10 22:16 高热度网 阅读(393) 评论(0) 推荐(0)
WEBGL学习【八】模型视图投影矩阵
摘要：WEBGL高级编程----绘制三维场景（变换矩阵） 阅读全文
posted @ 2017-11-07 22:36 高热度网 阅读(290) 评论(0) 推荐(0)
自己对WEBGL坐标系的转换过程的理解【如图】
摘要： 阅读全文
posted @ 2017-11-07 16:45 高热度网 阅读(162) 评论(0) 推荐(0)
WEBGL学习【七】画布绘图
摘要：主要是对WEBGL的绘图部分进行了进一步加强的认识和理解 WEBGL高级编程----绘制六边形 阅读全文
posted @ 2017-11-06 21:16 高热度网 阅读(202) 评论(0) 推荐(0)
WEBGL学习【六】动起来的三棱锥和立方体
摘要：NeHe's WebGL 阅读全文
posted @ 2017-11-02 20:44 高热度网 阅读(341) 评论(0) 推荐(0)
WEBGL学习【五】纹理贴图
摘要：NeHe's WebGL 阅读全文
posted @ 2017-10-26 12:46 高热度网 阅读(220) 评论(0) 推荐(0)
WEBGL学习【四】模型视图矩阵
摘要：NeHe's WebGL 阅读全文
posted @ 2017-10-26 12:44 高热度网 阅读(194) 评论(0) 推荐(0)
WEBGL学习【三】颜色选择
摘要：NeHe's WebGL 阅读全文
posted @ 2017-10-26 12:43 高热度网 阅读(167) 评论(0) 推荐(0)
WEBGL学习【二】平面图形
摘要：NeHe's WebGL 阅读全文
posted @ 2017-10-26 12:38 高热度网 阅读(194) 评论(0) 推荐(0)
WEBGL学习【一】初识WEBGL
摘要：NeHe's WebGL 阅读全文
posted @ 2017-10-26 12:36 高热度网 阅读(185) 评论(0) 推荐(0)