获得徽章 9
- #每天一个知识点# 时隔两年终于把Pepyaka这个带自己入坑Shader的酷炫网页效果简单复现的文章发布了，七千字长文，大家都能学会，记得点赞哈。
掘金文章：
juejin.cn
代码：codepen.io 展开
87 - gamemcu做的这个小米su7汽车的网页效果最近很多人刷到和喜欢，其中有个类似穿越时空的效果，我从源码里找了出来，替换成圆柱体，用其uv从内部视角看，简单跑通了，分享给大家学习下
![[送心]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_56.5777828.png)
。对shader感兴趣的可以看看我的专栏![[看]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
gamemcu.com
three.js shader系列教程juejin.cn 展开46 - Three.js Shader 系列教程例子随着每写一篇而不断补充、不断壮大
效果图都放到了 Canva 上可以展示静态图和动图很方便www.canva.com
教程文章：juejin.cn
代码也会不断更新上：github.comcode.juejin.cn 展开
13 - 去年的上联：一周入门Three.js，一周入门Shader；今年的下联：一周入门React，一周入门React-Three-Fiber/R3F。虽然只是简单的入门，但完全不懂时的学习兴致和好奇心是真的强。最后终于不是光看不动手，拿R3F又复现了下曾经自己的中国传统颜色可视化，简直是自己的3d版hello world，已经不知道会多少种实现方式了。可惜入完门感觉又开始"虚度"模式。接下来该继续更新shader文章，看了下Bruno Simon的这8个多小时的shader教程
![[色]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_3.41d9a9a.png)
（虽然发现直播的确实不如教程干） 展开35
juejin.cn
![[送心]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_56.5777828.png)
。对shader感兴趣的可以看看我的专栏![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[色]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_3.41d9a9a.png)
（虽然发现直播的确实不如教程干）