苏武难飞

我们即将迎来马年，随手整了一个粒子切换效果，在这里分享给大家，本期功能实现主要是运用了Three.JS! 1.加载模型 这种物体的形状很难通过纯数学公式推导出来，所以我是在...

webgl实现一个高性能的点阵地球 很久没有写博客了，最近依然在学习一些webgl、glsl知识，今天和大家共同学习一个堪称优化到极限的shader代码 为什么说Cobe堪...

写在开头 之前一直学习glsl不可避免的也接触到了three.js，本次给大家分享一个刚学到的字体形变、爆炸效果 前期准备 首先我们需要加载一个Three.js专用的字体格...

写在开头 最近依然在学习glsl，发现其实很多酷炫得效果以为难如登天，但是学习掌握之后发现也不过如此！今天就给大家分享一个时空穿梭效果~ 效果参考Xor Hyperspac...

写在开头 之前写的两篇glsl其实都用到了辉光效果，但是当我自己准备自定义一个镂空的辉光效果时还是会有一些疑惑，为什么如此代码可以有一个镂空的效果，自己重新归纳总结后有了这...

写在开头 最近还是在学习glsl，发现我的基础确实太差了，有很多数学知识都不清楚，这篇博客是我在学习tanh（双曲正切函数）时机缘巧合也了解到了tanh在色调映射相关的运用...

写在开头 最近在学习glsl，在网上找相关开源代码效果学习时看到了这个被马斯克转发，并且只用四行就完成的效果！自我学习之后分享出来，因为本人也是一个glsl新手，有错误的地...

写在开头 学会shape()之后可以轻松完成如下各种不规则图形的效果！ 什么是shape() 语法 为什么需要shape() 我们之前已经有了很多clip-path类型为什...

起因 最近写了很多关于SVG滤镜的内容，但大部分都是直接呈现了一个效果，并没有去详细的记录关于各个滤镜的详细用法，这次想换个写作风格也是给自己留个备忘录~ 往期SVG滤镜相...

起因 最近看到掘金上有朋友用three.js实现了一个soul星球效果，觉得很有意思，想用CSS复刻一下！ 前置概念！🤠 首先CSS默认在二维平面 (x, y) 上操作：...

起因 最近在学习SVG滤镜相关的知识，也在网上看到了很多酷炫的效果，本次给大家带来一个自己学习总结的模拟风的效果~ 如果对SVG滤镜感兴趣的朋友可以也去看看我之前的相关内容...

起因 网上冲浪看到一个非常好看的效果，Staggered3DGridAnimations 其中的效果是采用了GSAP动画库来实现，本次是挑战使用CSS来完成！ 分析效果 整...

起因 最近在学习SVG滤镜的使用总结了几个使用SVG滤镜比较惊艳的效果，分享给大家。 什么是加速感🚀 在真实世界中，当物体快速移动时，人眼或相机无法清晰捕捉到物体的每个细...

起因 最近朋友问我是否可以使用纯CSS来实现图中的一个时钟效果，本来我是拒绝的因为这看起来不太可能用纯CSS来实现，因为这种圆盘形状的布局在常规CSS中并没有办法实现，直到...

起因 最近负责公司的一些代码效果优化工作，碰到了一个网格动画变色的需求，之前的开发同学觉得这个效果比较麻烦不好实现，当时是搁置下来了，现在我仔细思索之后发现实现该效果的方法...

起因 在网上冲浪时看到了一个非常炫酷得效果，自我学习掌握后又开发出来得长虹玻璃效果，第一时间分享给大家！ 什么是长虹玻璃效果(Fluted) 简单得说就是类似透过磨砂玻璃看...

起因 前段时间在群里看到群友想要复刻ChatGPT的语音对话效果，手痒之下自己也来复刻一波！ 难点解析 这个效果平心而论是比较复杂的，我一般会把这种比较复杂的效果简单拆解出...