随笔分类 - shader
摘要：shader glsl 函数图举例 转载https://juejin.cn/post/6844903671705108487 Shader 函数可视化 一、正弦余弦 正弦运动：y = sin(x) 余弦运动：y = cos(x) 动画演示： 通过给sin()和cos()添加一些处理，可以制作出更多有
阅读全文
摘要：shader w坐标详解 1 先说贴图的uvw 模型上的点就有xyz 那贴图自然有uvw了
阅读全文
摘要：const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const background = PIXI.Sprit
阅读全文
摘要：pixijs shader 案例 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const backgr
阅读全文
摘要：pixijs shader颗粒化显示贴图 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const ba
阅读全文
摘要：pixijs shader fade 从左到有右淡入 从下到上淡入效果 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background
阅读全文
摘要：pixijs shader 扫光加强版 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const bac
阅读全文
摘要：pixijs shader贴图扫光效果 直接贴代码 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image con
阅读全文
摘要：pixijs shader 制作百叶窗效果 直接贴代码了 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image
阅读全文
摘要：pixijs shader 贴图溶解效果教程 我直接贴代码了 没什么好讲解了 稍微有点基础的人应该能看懂 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); //
阅读全文
摘要：shadertoy使用教程 /** *常量定义 */ uniform vec3 iResolution; // 窗口分辨率，单位像素 uniform float iTime; // 程序运行的时间，单位秒 uniform float iTimeDelta; // 渲染时间，单位秒 uniform f
阅读全文
摘要：pixijs 写shader 底层都封装好了 只要改改片段着色器就行了 pxijs一定刚要设置支持透明 不然 颜色不支持透明度了 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(ap
阅读全文
摘要：glsl shader简明教程系列1 底层的东西我就不说了(自己去百度翻基础教程) 我直接说上层了(片段着色器) web编辑器还在开发中 有了编辑器 到时候可以把代码复制上去可以看到效果了 1 实现图片变灰(需要注意 shader是强类型语言 注意类型一致) void main () { // 这个
阅读全文
.jpg)
