首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
古柳
掘友等级
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer
|
Three.js Shader / D3.js 数据可视化
获得徽章 9
动态
文章
专栏
沸点
收藏集
关注
作品
赞
632
文章 188
沸点 444
赞
632
返回
|
搜索文章
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
1天前
举报
#每天一个知识点#
「手撸一个星系,送给心爱的姑娘!(Three.js Shader 粒子系统实现)」超详细的文章讲解来啦!
juejin.cn
收起
查看大图
向左旋转
向右旋转
等人赞过
分享
1
4
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
2天前
关注
手撸一个星系,送给心爱的姑娘!(Three.js Shader 粒子系统实现)
用 Three.js Shader 粒子系统手撸一个超级漂亮的星系效果!学习如何在球体和圆盘上设置顶点、如何插值颜色、让粒子运动起来等等!...
80
34
分享
古柳
赞了这篇文章
alphardex
VIP.5 如鱼得水
Shader魔法使
·
18天前
关注
SU7,启动!尝试还原了 SU7 网页的炫酷特效
最近看到有小伙伴发了一个小米 SU7 的展示网页,那是相当的酷炫。花了几天功夫,我将上面的特效给还原了出来。...
1.2k
186
分享
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
21天前
举报
gamemcu做的这个小米su7汽车的网页效果最近很多人刷到和喜欢,其中有个类似穿越时空的效果,我从源码里找了出来,替换成圆柱体,用其uv从内部视角看,简单跑通了,分享给大家学习下
。对shader感兴趣的可以看看我的专栏
gamemcu.com
three.js shader系列教程
juejin.cn
展开
收起
查看大图
向左旋转
向右旋转
今天学到了
等人赞过
分享
4
6
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
24天前
举报
不愧是three.js课程天花板,突然发现二月份更新了13节19小时的shader新内容!震惊!
threejs-journey.com
收起
查看大图
向左旋转
向右旋转
今天学到了
等人赞过
分享
4
8
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
1月前
关注
手把手带你入门 Three.js Shader 系列(八)
本篇文章古柳将教大家如何在顶点着色器里对长方体的顶点进行不同角度的旋转,从而实现出“扭麻花”般的效果。...
12
10
分享
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
2月前
关注
手把手带你入门 Three.js Shader 系列(七)
本文教大家用GUI控制参数;将 noise 函数的数值转换成颜色,并结合 step、mix 插值颜色、使用 Pantone 年度代表色调色板颜色等做出双色 noise 小球...
24
7
分享
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
Three.js Shader 系列教程例子随着每写一篇而不断补充、不断壮大
效果图都放到了 Canva 上可以展示静态图和动图很方便
www.canva.com
教程文章:
juejin.cn
代码也会不断更新上:
github.com
code.juejin.cn
展开
收起
查看大图
向左旋转
向右旋转
今天学到了
赞过
分享
1
3
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
关注
手把手带你入门 Three.js Shader 系列(六)
本篇文章古柳教大家如何在顶点着色器里用 sin、random、noise 等函数对顶点坐标进行偏移从而改变几何体形状,我们将学到如何用几行代码就实现出酷炫的shader动画...
29
13
分享
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
第六篇shader教程之顶点着色器昨天启动下,开始敲敲例子,还没梳理好怎么讲,瞎敲敲一些效果。当我摆出这样的效果,阁下又该如何应对
收起
查看大图
向左旋转
向右旋转
今日新鲜事
等人赞过
分享
3
6
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
去年的上联:一周入门Three.js,一周入门Shader;今年的下联:一周入门React,一周入门React-Three-Fiber/R3F。虽然只是简单的入门,但完全不懂时的学习兴致和好奇心是真的强。最后终于不是光看不动手,拿R3F又复现了下曾经自己的中国传统颜色可视化,简直是自己的3d版hello world,已经不知道会多少种实现方式了。可惜入完门感觉又开始"虚度"模式。接下来该继续更新shader文章,看了下Bruno Simon的这8个多小时的shader教程
(虽然发现直播的确实不如教程干)
展开
收起
查看大图
向左旋转
向右旋转
等人赞过
分享
3
5
古柳
赞了这篇文章
掘金酱
❤首席客服君 @掘金
·
4月前
关注
👑 成为掘金领域发起人,开启技术道路新征程 |社区签约计划
🎉 掘金招募领域发起人啦!不同于过去的签约作者,发起人的收获更多,权益更大!符合报名资格的优秀博主们,赶快行动起来!...
45
59
分享
古柳
赞了这篇文章
alphardex
VIP.5 如鱼得水
Shader魔法使
·
4月前
关注
尝试用 three.js 实现了这个跨窗口的粒子动画
相信不久前大家已经被这个粒子动画给刷屏了吧: 之前看过很多人都在分析跟这个效果相关的跨窗口通信技术,尽管这样是挺好,但我依旧有点纳闷:为什么没有人讲讲背后的粒子特效是怎么实...
150
31
分享
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
three.js shader教程昨晚更新到第五篇,配图已经多达120+主打就是图多,希望大家对照图片更好理解shader更好入门,欢迎关注、阅读、点赞、评论、提意见
juejin.cn
收起
查看大图
向左旋转
向右旋转
赞过
分享
评论
3
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
关注
手把手带你入门 Three.js Shader 系列(五)
本文作为第一阶段片元着色器的最后一篇,将先带大家用前篇文章里讲到的组合方式实现棋盘格效果,会延展到abs取绝对值的操作;另外涉及aastep抗锯齿以及smoothstep平...
30
14
分享
古柳
关注了
CS_Joe
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
昨天火爆推特的跨窗口交互动画效果的大佬说来源就开源了demo代码,快学习下
github.com
收起
查看大图
向左旋转
向右旋转
今日新鲜事
等人赞过
分享
13
17
古柳
赞了这篇文章
Mark大熊
公众号「前端程序员大熊」
·
4月前
关注
尝试实现了国外大佬用Web做出来跨窗口渲染动画效果
今天大佬群里分享了一个视频,有个国外大佬用Web做出来多浏览器窗口可以互动的动画效果,自己试着实现了下。...
792
117
分享
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
发现之前文章配图的图片尺寸太大了,但又懒得去重新生成重新替换了
juejin.cn
收起
查看大图
向左旋转
向右旋转
今天学到了
赞过
分享
评论
1
古柳
喜欢Three.js Shader/数据可视化/D3.js/乃木坂46/浙大ZJUer @Three.js Shader / D3.js 数据可视化
·
4月前
举报
第四篇threejs shader文章讲下mix插值颜色,原本一句话就能讲清,但还是顺带把前两篇所学再结合起来讲下,并延伸出去讲些新的内容,照旧几十张例子配图,主打一个以图多帮克服大家学习shader时的抽象难懂。差不多下下一篇就可以先讲顶点着色器了,憋不住了
古柳的「Three.js Shader」教程
juejin.cn
今天学到了
赞过
分享
评论
2
下一页
个人成就
优秀创作者
文章被点赞
1,718
文章被阅读
139,372
掘力值
6,293
关注了
42
关注者
4,350
收藏集
10
关注标签
23
加入于
2017-09-14