欧阳大盆栽

极坐标下的函数很多都有美妙螺旋，视觉体验充满着科学性和神秘性。在Shader中也经常会使用极坐标，本文将学习Shader的极坐标的一些基本用法...

单位的吉祥物是云小宝。还是挺喜欢这个图像的，家里还有云小宝的抱枕。基于Shader的一些函数，画一个阿里云小宝的2D图像，并完成发光，眼睛跟随，表情变化....

一个IQ的函数 在IQ的这篇博客 https://iquilezles.org/articles/distfunctions/ 中，提到了SmoothUnion的函数 这个...

iPhone7之后引入了G2连续，会让圆角更加丝滑，所以丝滑到底是什么？在Shader中丝滑怎么表示，有什么作用呢？本文将给出丝滑的数学定义和曲率公式的推导...

1. React 核心公式 当我们在使用 React 函数组件构筑视图的时候，我们到底在干什么呢？ 大部分时间我们其实是在定义函数（函数组件），然后把写好的函数丢进 Rea...

整六边形是一种平面镶嵌方式, 之前通过极坐标推导过其SDF, 本文将用一个计算量更小的方式获取六边形组成的平面，并探索一些奇妙的视觉效果...

图案都是基于Voronoi创作出的一些艺术图形，怎么样，非常动人吧，只用了大概不到200行的代码。本文将详细讲解Voronoi Diagram沃罗诺伊图的具体原理,Shad...

Cairo Tiling（又名Cairo Tessellation），指的是一种特定的平面镶嵌方式，也就是平面铺砖模式. 本文用webgl实现...

通过对坐标空间的变换，完成一系列的效果。本文主要学习资料为 IQ 3D SDF https://iquilezles.org/articles/distfunctions/...

二阶贝塞尔曲线SDF推导缺乏相关的资料， 本文的亮点有 小白也能读懂: 笔者十余年没用过数学，就是一个初中生数学水平...

在上文中，针对SDF逻辑运算存在的元素内部距离有误的问题，IQ提到在2D图形中还有一种方法，便是任何2D图形都可以表示出 线，圆弧，贝塞尔曲线的组合。而这三个基本元素的SD...

SDF很神奇的一点，他是支持逻辑运算的。两个一维数值min/max的比较，竟然能变成二维图形，三位几何体的逻辑运算...

本文介绍了2D SDF常用的一些变换实现与推导，包括旋转, 平移，缩放，圆角，镂空，拉长。代码在shadertoy, 示例图在geogebra...

理解了向量夹角，极坐标，对称性，线段的SDF函数之后，常见多边形基本思路都是一致的，本文开始对一些带曲线的形状进行推导， 这些形状都是有两个不同大小的圆组成。...

geogebra https://www.geogebra.org/classic/bvcg52pn shadertoy https://www.shadertoy.com...

Shadertoy: https://www.shadertoy.com/view/Mc3GWs Geogebra: https://www.geogebra.org/cl...

矩形 geogebra https://www.geogebra.org/classic/gae9k8gb shadertoy https://www.shadertoy....

Webgl Shader 2D SDF推导。 包含如何为SDF图形生成Wave， 也对最基础的线段Segment进行了推导...

计算机绘图 19世纪末欧洲绘画出现一个流派，名为点彩派（Pointillism），这种风格强调了画面色彩的分离，以小点的形式将纯粹的颜色应用于画布上，它们在视觉混合下产生了...