webgl
String_Kun
主攻3D方向的小程序员~
展开
-
webgl——实现物体描边效果
终于把手头的事结束了,可以有时间来研究研究技术~作为一名3D开发人员,仅仅使用现有的引擎来开发项目不免有些浮于表面,多研究研究底层的实现更利于对3D开发整体的把控~于是我决定最近开始研究webgl一些特效的实现,希望能在秋招前对底层有更深入的理解。 在webgl中实现描边的效果有很多种方式,比如我写卡通风格着色器那篇文章讲到的(将视线投影到每个点的法线上,这个值越小越说明这个点靠原创 2017-06-28 20:45:24 · 6359 阅读 · 5 评论 -
webgl——混合与模板测试
今天研究了一个混合与模板测试相结合的案例,这里做以总结。 案例中一个篮球在地板上不断弹起并且落下,这里主要涉及到了两项技术:混合与模板测试。首先篮球在地板上反射出来的镜像篮球就是通过混合技术实现的,为了让镜像体在运动脱离地板时消失,实现真实的效果,还需要加入模板测试。 首先介绍他们的绘制顺序 1.开启模板测试,关闭深度检测 2.绘制实体地板原创 2017-06-29 21:48:23 · 2500 阅读 · 1 评论 -
webgl--平面阴影效果
在特定的3D场景中,阴影效果有时还是显得十分重要的,在一般的3D引擎当中设置阴影可以直接通过对物体设置属性来实现,十分的方便,这里我们就用webgl来实现一下平面效果。 平面阴影是通过灯光将物体的阴影投射在一个平面内,但是物体之间没有阴影的叠加,也就是说A物体的阴影不会投射到B物体上,在本案例中我们主要是通过着色器来实现平面阴影的效果的,这里首先介绍一下平面阴影的计算公式:原创 2017-07-04 10:45:21 · 1184 阅读 · 0 评论 -
webgl——VAO
上次说到了对VAO、VBO的理解,明白了使用VAO相比传统模式在IO方面对加载性能的提升,今天我对其在WebGL上进行了实现。 在WebGL中由于很多API与OpenGLES大为不同(一般常用的API大致是相同的),开始时费了很多劲,最后还是通过MSDN找到了相关的API及方法,这里对设计VAO的主要的部分进行介绍,对VAO还不是很理解的同学可以看这篇文章:http://blog原创 2017-07-27 15:08:10 · 1782 阅读 · 0 评论 -
webgl——使用FBO实现离屏渲染
在3D应用中我们经常会使用离屏渲染来进一步绘制场景,从而提高场景的视觉效果。离屏渲染就我的理解来说,首先需要将需要离屏渲染的物体,绘制到帧缓冲当中并将其当成一个纹理,在对其进行处理,处理完成后再将这个纹理贴到需要渲染的物体上。在OpenGLES当中使用FBO实现离屏渲染的案例已经有很多了,当我想将其移植到WebGL当中时却发现可供参考的案例十分的少,于是我花了几天时间研究,并在这里做以总结。原创 2017-09-09 17:06:00 · 5307 阅读 · 0 评论