- 博客(17)
- 资源 (22)
- 收藏
- 关注
原创 SDF(Signed-distance-field: 有向距离场)(9): 构建SDF空间模型六个重要基石
A.Transform(一般的缩放旋转平移以及旋转中心的更改)B.距离场函数及相应的变体(我把距离场函数描述的空间区域叫做距离场空间分布函数)C.Reapeat(某个区域或者整个空间重复某部分场函数计算)D.过渡/混合(Blend)(用于一个场函数描述的空间与另一个有过渡的衔接)E.布尔运算(交集,合并,差)F.Displace(置换)(以一个空间作为另外一个空间计算的因子)SDF: 这六个...
2018-09-30 16:33:20 2405
原创 SDF(Signed-distance-field: 有向距离场)(8): 距离场函数-基于CUBE计算方式产生的若干变体B
SDF非常好玩的地方之一就是通过距离场函数的实现来实现空间分布函数,这样可以创造神奇的空间几何体造型。这个样例就是通过变换CUBE的距离场函数,来实现其各种各异的变形,下面的demo只是展示了另一种变体(改变cube的计算方式生成的Cube变体)。但是要注意细节几何形状在整个形体体积的比例,如果比例太大可能会出现撕裂破碎等情况,原因是SDF的检测机制在边界条件之外无法正常执行。Demo1:ht...
2018-09-30 14:16:57 1709
原创 SDF(Signed-distance-field: 有向距离场)(7): 距离场函数-基于CUBE计算方式产生的若干变体A
SDF非常好玩的地方之一就是通过距离场函数的实现来实现空间分布函数,这样可以创造神奇的空间几何体造型。这个样例就是通过变换CUBE的距离场函数,来实现其各种各异的变形,下面的demo只是展示了基本的变体(改变cube的计算方式生成的Cube变体)。Demo1:http://www.artvily.com/sample?sample=sdfStep09distortion3效果图:...
2018-09-29 10:01:03 4716
原创 SDF(Signed-distance-field: 有向距离场)(6): 空间复制(repeat)(生成大规模显示对象)
Demo1:http://www.artvily.com/sample?sample=sdfStep09distortionDemo2:http://www.artvily.com/sample?sample=sdfStep09distortion2通过这种方式和SDF独有的计算方式可以绝对轻松的"制造"非常大规模的"显示对象",效果图如下:...
2018-09-28 19:20:27 1190
原创 SDF(Signed-distance-field: 有向距离场)(5): 缩放-旋转-平移(复杂组合变换)
Demo1:http://www.artvily.com/sample?sample=sdfStep08TransformDemo2:http://www.artvily.com/sample?sample=sdfStep08Transform2Demo中包括设置旋转中心,父级变换对子集变换的影响等。...
2018-09-28 19:11:02 954
原创 SDF(Signed-distance-field: 有向距离场)(4): 缩放-旋转-平移(源码和Demo)
Demo1:http://www.artvily.com/sample?sample=sdfStep08TransformDemo2:http://www.artvily.com/sample?sample=sdfStep07Thanks very much:https://www.shadertoy.com/view/4tcGDr下面是欧拉角形式的旋转代码:void rot...
2018-09-27 21:00:55 1187
原创 SDF(Signed-distance-field: 有向距离场)(3): 空间划分原理(源码解释)
下面这是SDF常用的三个函数:// intersect(求交)vec2 mult(vec2 tA, vec2 tB) { if(tA.x > tB.x) return tA; return tB;}// union(合并)vec2 add(vec2 tA, vec2 tB) { if(tA.x < tB.x) return tA; retu...
2018-09-26 18:53:27 10589
原创 SDF(Signed-distance-field: 有向距离场)WebGL GLSL(2)
Demo:http://www.artvily.com/sample?sample=sdfStep04Demo:http://www.artvily.com/sample?sample=sdfStep04athanks very much: https://www.shadertoy.com/view/MttGz7SDF空间计算的方法非常有意思,有兴趣的朋友一起交流...
2018-09-25 20:13:58 1179 1
原创 SDF(Signed-distance-field: 有向距离场)WebGL GLSL(1)
Demo:http://www.artvily.com/sample?sample=sdfBase01感谢:https://www.shadertoy.com/view/Xds3zN请参见:http://jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/http://www.iquilezles.o...
2018-09-20 17:47:16 1617 1
原创 GLSL Shader 中的一些有用的功能函数代码实现
//2D grid,for texture or post:bool grid(vec2 uv){ return fract(uv.x) > 0.5 ^^ fract(uv.y) > 0.5;}//Circle:bool circle(vec2 pos, float rad, vec2 uv){ return dot(uv - pos, uv - po...
2018-09-20 12:39:53 1119
原创 Opengl(WebGL)前向渲染中的基本光照(包括多光源)
Demo:http://www.artvily.com/sample?sample=lightBaseDemo:http://www.artvily.com/sample?sample=lightGroup如果打开报错,请清理一下缓存。上面两张图分别为固定的简单光源和任意组织的多光源(lightGroup: 环境光, 平行光,点光源,聚光灯, 以及BlinnPhong光源)...
2018-09-18 19:53:09 872
原创 基于3D空间三角形网格的导航系统(Navigation)的演示(一)
Demo:http://www.artvily.com/sample?sample=navigation在任意三角形上点击两处,就会绘制一条基本导航路径。这个演示只是展示了: 1.获取起点和目标三角形之间的三角形序列。2.通过上述三角形序列,计算得到粗糙的路径。只演示原理,并未做任何优化。...
2018-09-18 19:40:16 694
原创 3D空间画线演示(这里使用webgl 所以不能设置线宽)
Demo:http://www.artvily.com/sample?sample=lineBase如果直接用opengl,绘制线更方便,webgl只是使用gles的一些api,而且各个浏览器支持不一样。如果打开Demo出现错误,请清空缓存再打开,因为我的每个版本有些代码有改动。...
2018-09-18 19:34:36 1029
原创 3D空间物体的朝向和速度方向一致的演示及源码
Demo:http://www.artvily.com/sample?sample=objectDirection实现的原理: 目标朝向和当前朝向的矢量叉乘的normalize()作为旋转轴,他们两者之间的夹角作为旋转角(弧度),使物体只做了缩放旋转变换的矩阵转向目标朝向。还有原理请见:https://blog.csdn.net/vily_lei/article/details/45397...
2018-09-18 19:26:38 612 1
原创 glsl(WebGL演示)白云朵朵效果
Demo:http://www.artvily.com/sample?sample=pointCloud代码在浏览器缓存中(代码是基于自己渲染引擎的简化版,但是有详细分类)
2018-09-10 20:35:49 1217 1
原创 基于GL_POINTS的粒子系统会节省很多显存和带宽
demo:1.http://www.artvily.com/sample?sample=gpuPointParticle2.http://www.artvily.com/sample?sample=pointParticle
2018-09-08 14:43:31 759
原创 GLSL中 Billboard和Point的顶点空间变换
Billboard(永远朝向摄像机的平面, 但是会有近大远小的透视效果):顶点空间变换的代码: +"attribute vec2 a_vs;" +"attribute vec2 a_uvs;" +"uniform mat4 u_viewMat;" +"uniform mat4 u_projMat;" +"un...
2018-09-06 12:51:05 632
mkcert在Windows下生成SSL自签证书应用https(以及可以直接使用的证书)
2023-05-12
a complete bibliography of publications in the c/c++ 2000To2009
2022-05-25
c++ 创建dll(动态库)、static lib(静态库),以及dll的相互调用 示例vs2022工程
2022-03-10
MS-DOS-MASM5.0 用于64位(Win7或者Win10)系统中 DOSBox 环境下的汇编程序编译链接等汇编程序操作
2022-03-02
05-JP-id-Tech-5-Challenges-虚拟纹理
2020-09-30
win10-rightButtonCMD.reg
2019-12-11
webGL直接写的2d火爆射击游戏
2019-01-08
实现GLSL Shader(支持GLES2/GLES3)的辅助系统
2018-11-20
assimp_model_read_parser
2018-11-17
opengl330在顶点中设置颜色shader中使用
2018-02-25
win7 x86debug环境下 opengl glew和glfw的库
2018-02-25
js客户端通过node.js实现的Server操作MySQl
2018-01-14
去掉图片黑背景air源码
2012-10-31
flash as3 3D Graphics摄像机小系统(源码)
2012-07-31
去掉图片黑背景输出为透明png(AdobeAir工具)
2012-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人