首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
psychewang
掘友等级
UI开发工程师
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
22
文章 22
沸点 0
赞
22
返回
|
搜索文章
最新
热门
webgl滤镜--旋转的三原色
图中就是我们要实现的效果,有红蓝绿三种颜色的圆圈在旋转,我们需要解决的主要问题有如何使用webgl来画一个模糊的圆圈,如何使三个圆圈绕一点旋转。 同时如果你喜欢的话还可以自己做一个延伸,例如时刻更改旋转的中心等等,这样效果会更佳的丰富,我在这里呢就不做延伸了。 基础的构建我在这…
webgl值得重视的基础构建
《webgl编程指南》这本书中知识点介绍的很详细,因此我就不在此赘述那些基础的知识点了,直接上代码。 接下来我们做具体的理解分析。 首先我们可以看到在开始我们引用了几个js的文件,这几个文件是《webgl编程指南》中的一些辅助函数的文件,暂时我们只是应用,不深入的探究。 我们在…
webgl滤镜--会呼吸的痛
是的,上面就是我们要实现的效果,不是整张图片全部做一个滤镜效果,而是在图片的左上角做一个呼吸的红色渐变效果。 我们分三步完成这个效果,第一步把图片显示出来,也就是没有滤镜效果的图片显示出来。 第二步为整张图片做一个红色的滤镜效果。 第三步为局部做一个呼吸的红色滤镜,也就是最终的…
webgl内置函数--矢量函数与纹理查询函数
上面的这集中纹理函数会使用纹理坐标coord,从当前绑定到sampler的二维纹理中读取对应的纹素。对于投影版本(带有Proj的),纹理坐标将从coord的最后一个分量中解析出来,而vec4类型的coord的第3个分量将被忽略。参数bias只可在片元着色器中使用,它表示在sam…
webgl内置函数--几何函数与矩阵函数
此函数会返回x和y的点积,也就是矢量中每一个点的乘积相加。 此函数是法向量反向操作,根据入射矢量N和参考矢量Nref来调整法向量。 此函数会计算反射矢量。入射矢量为I,表面的法向量是N,返回I-2*dot(N, I)*N 需要注意的是此处的N必须已经被归一化 根据入射光和介质特…
webgl内置函数--通用函数
此函数会返回x的无符号绝对值,即如果x大于0则返回x,否则返回-x。 此函数会返回小于等于x并且最接近x的整数,通俗来说就是像下取整。 此函数会返回大于等于x并且最接近x的整数,通俗来说就是向上取整。 此函数会返回x的小数部分,即x-floor(x)。 此函数会返回x除以y的余…
webgl内置函数--指数函数
这个函数的作用是返回x的y次幂。 这个函数会返回x的自然指数幂,也就是e^x,我们看一下这个函数的图像。 这个函数会返回x的自然数对数,也就是x=e^y,我们来看一下图像。 这个函数会返回2的x次幂,也就是2^x,我们来看一下图像。 这个函数会返回以2为底的对数值,也就是x=2…
webgl内置函数--角度和三角函数
我们在编写动态效果的时候可能需要将角度和弧度进行相互转换,webgl提供了两个函数供我们来使用。 上面例举了sin函数,当我们需要在图像中使用类似于一些波动的时候我们可以使用sin函数。 除了sin函数以外呢,webgl的内置函数还提供了cos(),tan(),asin(),a…
个人成就
文章被点赞
32
文章被阅读
12,338
掘力值
291
关注了
5
关注者
12
收藏集
3
关注标签
75
加入于
2017-03-17