![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL
文章平均质量分 91
-yanhui-
这个作者很懒,什么都没留下…
展开
-
WebGL笔记(二)_光
1.光源1.1点光源点光源通过位置和发射光颜色来定义. 光辐射衰减 : 点光源在空间中传播,会随着光源的的距离进行衰减. f(d)=1a0+a1d+a2d2(局部光辐射衰减公式)f(d)=\frac{1}{a_0+a_1d+a_2d^2} (局部光辐射衰减公式) 如果点光源的位置在无穷远,f(d)=1.0(如果光在无穷远)f(d) = 1.0 (如果光在无穷远) 解释 : 实际上光源的距离为原创 2017-06-13 20:37:10 · 747 阅读 · 0 评论 -
WebGL笔记_绘制流程以及三维坐标变换(一)
读WebGL编程指南+计算机图形学两本书整理笔记.主要整理的矩阵变换部分.原创 2017-06-12 14:41:32 · 3188 阅读 · 0 评论 -
WebGL笔记_着色器(三)
着色器顶点着色器(Vertex shader) : 用来描述顶点的特性 . 例如 : 顶点的位置,顶点的颜色.片元着色器(Fragment shader) : 进行逐片处理过程 , 例如光照 . 片元是图像的单元,可以理解为像素, 片元着色器又被叫做片段着色器,像素着色器.代码执行顺序浏览器加载页面—–>执行js代码—–>执行WebGL相关方法—–>执行顶点着色器代码(逐点操作)—–>执行片元原创 2017-06-14 16:27:05 · 442 阅读 · 0 评论 -
WebGL笔记_Three.js(四)
three.js概述原创 2018-08-13 15:36:06 · 361 阅读 · 0 评论 -
WebGL笔记_Three.js之加载并渲染obj模型(五)
requestAnimationFrame( animate );原创 2018-08-14 09:33:31 · 4323 阅读 · 0 评论 -
OBJ格式模型详细介绍
obj格式有4种数据,分别以一下字母开头:v顶点vt纹理坐标vn顶点法向量f 面顶点格式:v x y z意义:每个顶点的坐标 纹理坐标格式:vt u v w意义:绘制模型的三角面片时,每个顶点取像素点时对应的纹理图片上的坐标。纹理图片的坐标指的是,纹理图片如果被放在屏幕上显示时,以屏幕左下角为原点的坐标。注意:w一般用于形容三维纹理,大部分是用不到的,基...原创 2018-08-31 18:37:23 · 49232 阅读 · 7 评论 -
WebGL笔记(六)_Three.js渲染obj模型并同时渲染全景图
基本思路简述:一个模型的渲染的流程是,创建一个场景,并将模型和相机放到场景中合适的位置;然后就会呈现出一个3D模型在屏幕上。全景图的呈现其实就是在创建一个场景、相机、几何球。模型和全景同时被呈现在屏幕上就会出现模型被放在全景环境下的样子。第一步:创建一个demo.html文件将必要的js文件导入。three.js:渲染模型的必要类库,去threejs官网下载即可。OrbitContro...原创 2018-10-12 20:12:36 · 4668 阅读 · 7 评论