webgl 的一些值得收藏

  • 时间:
  • 来源:互联网
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/ranran125/article/details/103257089

水面、淹没效果https://www.cnblogs.com/mumu122GIS/p/11233063.html

裁剪原理 :https://blog.csdn.net/Yel_Liu/article/details/86303145
关于Cesium中的常用坐标系及说明 https://www.cnblogs.com/hanjunjun/p/8064318.html

自定义primitive 贴图纹理
https://www.jianshu.com/p/7d81256b120e

shader 随机
https://www.codercto.com/a/30404.html

体绘制
https://blog.csdn.net/liu_lin_xm/article/details/4850575

https://blog.csdn.net/liu_lin_xm/article/details/4850609
投影纹理映射

OpenGL实现Volume Rendering 大致步骤
https://blog.csdn.net/comedate/article/details/50602257

局部grid
new Cesium.GridMaterialProperty()

阴影https://bingqixuan.github.io/2019/02/01/Cesium%E9%98%B4%E5%BD%B1%E6%8A%80%E6%9C%AF/

模板缓冲区
https://github.com/wangdingqiao/noteForOpenGL/tree/master/stencilTesting

cesium 的工作原理
https://cesium.com/blog/2015/05/14/graphics-tech-in-cesium/

cesium的代码流程
http://www.moonsun.xyz/2019/06/24/06/325/cesium%E4%BB%A3%E7%A0%81%E6%B5%81%E7%A8%8B%E4%B8%83/

纹理 stpq
纹理图像四个角的坐标为左下角0.0,0.0,右下角1.0,0.0,右上角1.0,1.0
光线
漫反射
漫反射光颜色= 入射光的颜色x表面基地色xcos<入射光与表面的法线形成的夹角>
环境反射光颜色 = 入射光颜色 x 表面基地色
(当漫反射和环境反射同时存在时,比较常用)
环境光下的漫反射
表面的反射光颜色 = 漫反射光颜色 +环境反射光颜色
平行光下的漫反射,及太阳光下的漫反射
漫反射光颜色= 入射光颜色x 表面基地色xcos角
cos角 = <光线方向>*<法线方向>

矩阵 存储在矩阵中的数据是列主序
opengl es
关于discard 它只能在片段着色器中使用,表示放弃当前片元直接处理下一片元。 break跳出for 循环 continue跳过循环体余下的部分,继续下一次循环。
绘制圆
float dist = distance(gl_PointCoord,vec2(0.5,0.5));
if(dist <0.5){
gl_FragColor = vec4(1.0,0.0,0.0,1.0);
}else{
discard;
}
缓冲区
帧缓冲区对象 和渲染缓冲区对象
cesium 的primitives 的update 会自动调用 进行刷新

cg 标准函数库
https://blog.csdn.net/jingmengshenaaa/article/details/52809879

深度图的基础
https://www.jianshu.com/p/80a932d1f11e

gpu gems
https://developer.nvidia.com/gpugems/GPUGems2/gpugems2_chapter15.html

边缘检测的原理
https://www.jianshu.com/p/97eca45f52cd

帧缓存
https://learnopengl-cn.readthedocs.io/zh/latest/04%20Advanced%20OpenGL/05%20Framebuffers/#_7

webgl 原理
https://webglfundamentals.org/webgl/lessons/zh_cn/

特效网站
glsl
http://glslsandbox.com/?tdsourcetag=s_pcqq_aiomsg
shadertoy
https://www.shadertoy.com/
相关渲染原理
http://www.iquilezles.org/www/index.htm

本文链接http://element-ui.cn/news/show-103.aspx