juejin.cn
获得徽章 9
- gamemcu做的这个小米su7汽车的网页效果最近很多人刷到和喜欢，其中有个类似穿越时空的效果，我从源码里找了出来，替换成圆柱体，用其uv从内部视角看，简单跑通了，分享给大家学习下
![[送心]](//lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_56.5777828.png)
。对shader感兴趣的可以看看我的专栏![[看]](//lf3-cdn-tos.bytescm.com/obj/static/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教程
![[色]](//lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_3.41d9a9a.png)
（虽然发现直播的确实不如教程干） 展开等人赞过 35 - 第四篇threejs shader文章讲下mix插值颜色，原本一句话就能讲清，但还是顺带把前两篇所学再结合起来讲下，并延伸出去讲些新的内容，照旧几十张例子配图，主打一个以图多帮克服大家学习shader时的抽象难懂。差不多下下一篇就可以先讲顶点着色器了，憋不住了赞过 评论2
![[送心]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_56.5777828.png)
。对shader感兴趣的可以看看我的专栏![[看]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[色]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_3.41d9a9a.png)
（虽然发现直播的确实不如教程干）![[惊喜]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_93.5ee641b.png)
![[无辜呆]](http://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/img/jj_emoji_96.4fb9d71.png)
