喜欢Three.js Shader/数据可视化 D3.js/浙大ZJUer
|
Three.js Shader / D3.js 数据可视化
获得徽章 9
#每天一个知识点# 时隔两年终于把Pepyaka这个带自己入坑Shader的酷炫网页效果简单复现的文章发布了,七千字长文,大家都能学会,记得点赞哈。
掘金文章:
juejin.cn
代码:
codepen.io
#每天一个知识点# 上周三用Threejs Shader复现的星系超级详细的教程,上了热榜、阅读量成了本专栏(专栏也满一年啦)里最高的一篇。
这周继续趁热打铁复现下专栏配图里那个效果,昨晚从压箱底的库存里各种copy,实现了这些效果:
1. noise偏移顶点和上色的小数
2. 上下波浪运动的球形粒子
3. 背景浮动的随机粒子
4. 飘扬的文字
5. 顶部的光线
争取晚上更新文章,感兴趣的可以来看看,后续也会更新更多这类文章:
juejin.cn
#每天一个知识点# 「手撸一个星系,送给心爱的姑娘!(Three.js Shader 粒子系统实现)」超详细的文章讲解来啦!
juejin.cn
第六篇shader教程之顶点着色器昨天启动下,开始敲敲例子,还没梳理好怎么讲,瞎敲敲一些效果。当我摆出这样的效果,阁下又该如何应对
去年的上联:一周入门Three.js,一周入门Shader;今年的下联:一周入门React,一周入门React-Three-Fiber/R3F。虽然只是简单的入门,但完全不懂时的学习兴致和好奇心是真的强。最后终于不是光看不动手,拿R3F又复现了下曾经自己的中国传统颜色可视化,简直是自己的3d版hello world,已经不知道会多少种实现方式了。可惜入完门感觉又开始"虚度"模式。接下来该继续更新shader文章,看了下Bruno Simon的这8个多小时的shader教程
(虽然发现直播的确实不如教程干)
three.js shader教程昨晚更新到第五篇,配图已经多达120+主打就是图多,希望大家对照图片更好理解shader更好入门,欢迎关注、阅读、点赞、评论、提意见![[送心]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_56.5777828.png)
juejin.cn
下一页