【ShaderToy】开篇】的更多相关文章

写在前面 呜呼,好久没有写博客了,好惭愧.题外话,感觉越大就越想家,希望可以一直和家人在一起,哪怕只是坐在一起不说话也觉得很温暖,一想到要分开眼睛就开始酸,哎.开学还是爬上来老实更新博客学习吧~ 今天爬上来一看,发现CSDN的博客编辑终于更新了!进步总是好的,以前的编辑器实在很捉急.使用这种标记语言的确方便了很多,但好像颜色字体没法设置?程序员果然对美观没什么追求. ShaderToy 如果你还没听过ShaderToy,那你就真的错过了一个很好的shader学习网站.我是在群里有一次听到小伙伴们…
写在前面 在之前的基础篇中,我们讲到了在绘制点线时如何处理边缘的锯齿,也就是使用smoothstep函数.而模糊参数是一些定值,或者是跟屏幕分辨率相关的数值,例如分辨率宽度的5%等等.但这种方法其实是有一种问题的.这需要我们从绘制的图像说起. ShaderToy中绘制的很多图像可以说是一种Procedure Texture,过程纹理,即是计算机生成的纹理.拿之前画的圆和线来说,这些圆和线的绘制过程,是我们计算每个fragment到"期望图像"的距离,然后根据距离来判断使用哪种颜色.如果…
写在前面 写前面一篇的时候,发现还是不够基础.因此打算增加几篇基础篇,从点线面开始,希望可以更好理解. 其实用Pixel Shader的过程很像在纸上绘画的过程.屏幕上的每一个像素对应了纸上的一个方格,如果你愿意,你甚至可以一个个判断像素的位置,从而画出任何你想画的图像,也的确有爱好者这么做过.但往往,我们需要的是一个动态的效果,这个效果往往依赖于数学公式的约束.我们可以说是,用数学去绘画.我们用数学去约束,哪些点应该用什么颜色去绘制. 这篇,我们从基本的点和线开始,看一下如何在Pixel Sh…
写在前面 注:如果你还不了解ShaderToy,请看开篇. 作为ShaderToy系列的第一篇,我们先来点简单的.下面是效果: (CSDN目前不能传gif文件了,暂时空缺,可以看下面的原shader效果,是一样的) 原Shader地址:https://www.shadertoy.com/view/XsfGRn 代码 我们使用了之前的开篇中的基础模板.这里仅仅给出main函数的代码: vec4 main(vec2 fragCoord) { vec2 p = (2.0*fragCoord.xy-iR…
前言: 自从我2014年下半年到现在的某电商公司工作后,工作太忙,一直没有写过一篇博客,甚至连14年股票市场的牛市都错过了,现在马上要过年了,而今天又是立春节气,如果再不动手,那么明年这个无春的年,也就不适合写博客了,呵呵,这仅仅对我而言.一年之计在于春,我得重新开始写一些博客,想写的很多,那么这开篇为了一个好兆头,就写PDF.NET SOD Ver 5.1完全开源 的事情吧,顺便送大家一个春节抢票工具,这两天迎来了退票高峰,没有抢到票的朋友可以试试这个工具,捡遗拾漏,顺利回家. 框架简介: “…
ASP.NET Web API 开篇示例介绍 ASP.NET Web API 对于我这个初学者来说ASP.NET Web API这个框架很陌生又熟悉着. 陌生的是ASP.NET Web API是一个全新的框架,对于这个框架在一个项目中起到的作用我暂且还不是很清楚这里也就不妄下结论了,说实话不是我不想而是我无能为力,只能自己去摸索试着去了解它. 熟悉的是ASP.NET Web API跟ASP.NET MVC的框架结构一开始看起来有一些相似的地方. 话就不多说了,大家就和我一起来学习ASP.NET…
这是我在Cnblogs上的第一个系列,但愿能坚持下去: 惯例索引 Entity Framework入门系列(1)-开篇兼索引: Entity Framework入门系列(2)-初试Code First: Entity Framework入门系列(3)-EF Power Tools尝鲜: Entity Framework入门系列(4)-EF支持MySQL: Entity Framework入门系列(5)-ADO.NET实体数据模型: Entity Framework入门系列(6)-T4模版使用:…
因为内容比较多,所以每篇讲解一些内容,最后会放出全部代码,可以参考.操作中总会遇到各式各样的问题,个人对部分问题的研究在最后一篇 问题研究 里.欢迎大家探讨学习. 代码都经过个人测试,但仍可能有各种未考虑到问题,欢迎提出. 这一篇为 JQGrid 简单介绍及系列文章索引. 系列索引 Web jquery表格组件 JQGrid 的使用 - 从入门到精通 开篇及索引 Web jquery表格组件 JQGrid 的使用 - 4.JQGrid参数.ColModel API.事件及方法 Web jquer…
web自动化工具-开篇 最近几年,前端技术风一样的速度迭代更新,各种框架工具雨后春笋般涌现,作为一个平凡的开发者,也只能在洪流中沉沉浮浮,微不足道,以前前端叫做切图仔.美工,如今改了称号叫前端工程师,哎!nodeJs兴起之后,前端开发环境也随着迭代更新,为了提升开发效率,这里先介绍几种 所见即所得web前端开发自动化工具. 以前未解放生产力的时候,通常前端开发者是这样工作的:编写代码 --> 切换到浏览器,F5刷新. 人都是懒惰的,我们想解放F5键,我们想让浏览器自动刷新,我们说要有工具,于是就…
目录 [翻译svg教程]svg学习系列 开篇 [翻译svg教程 ]svg 的坐标系统 [翻译svg教程]svg 中的g元素 [翻译svg教程]svg中矩形元素 rect [翻译svg教程]svg中的circle元素 [svg翻译教程]椭圆(ellipse元素)和线(line元素) [svg 翻译教程]Polyline(折线)polygon(多边形) [翻译svg教程]Path元素 svg中最神奇的元素! 网上svg的资料太少 买个书也买不到 碰巧遇到一个外国友人的svg学习些列,翻译下 http…