Shader
文章平均质量分 55
My Dreams
山楂树の
Always believe that something wonderful is about to happen.
展开
-
Threejs(WebGL)绘制线段优化:Shader修改gl.LINES模式为gl.LINE_STRIP
场景中有大量的非连续线段,每条线段由大量的点构成(曲率较大),并且需要合并渲染,这时,一般考虑使用LineSegments画线,因为LineSegments底层是基于 gl.LINES 的WebGL标准进行绘制,v0 v1、 v1 v2、 v2 v3、 v3 v4.......但是,这种方法会有一定代价。原创 2024-05-31 21:20:33 · 1322 阅读 · 0 评论 -
Threejs + Shader 字体扭曲效果
【代码】Threejs + Shader 字体扭曲效果。原创 2024-05-13 00:00:10 · 261 阅读 · 0 评论 -
Shader 渐变屏幕
uv坐标:二维空间每个像素绝对位置(0,0 ~ 宽高) gl_FragCoord.xy / 设备分辨率。思考,最终操作改变每个片元的颜色,就是根据uv坐标的不同逐片元计算,使用cos控制周期性效果。cos周期变化:delta时间,每帧间隔为主键。前置工作,创建缓冲,对顶点着色器传递顶点数据。对片元着色传递这些控制变量。原创 2024-04-20 17:51:32 · 247 阅读 · 0 评论 -
WebGl/Three 粒子系统 人物破碎及还原运动
首先,加载模型,这是万千粒子的前身,模型对象由很多面构成,这些面又是由各个点构成的,所以可以将模型的几何体对象geometry赋给粒子对象,粒子物体用Points方式渲染原创 2024-04-16 08:59:44 · 614 阅读 · 0 评论