three.js实战
文章平均质量分 94
鸡米工程师
这个作者很懒,什么都没留下…
展开
-
three.js实战-Sprite实现标签效果
按照Three.js官网的解释是:精灵是一个总是面朝着摄像机的平面,通常含有使用一个半透明的纹理。精灵不会投射任何阴影,即使设置了也将不会有任何效果。原创 2022-12-27 14:10:00 · 1377 阅读 · 3 评论 -
three.js实战 -自定义剪切器
这是我在github上看到大佬的一个作品,当时感觉很有意思,决定分享出来,不知道取这个名字是否正确,废话不多说看下面效果。demo里的知识点,我之前的文章都有涉及,webgl与图形学的内容,代码里我已经加了注释方面各位阅读理解,代码逻辑实际并不难原创 2022-12-08 11:39:05 · 529 阅读 · 0 评论 -
three.js实战-shader实现antv L7城市扫光效果
上图我们可以看到一个个的光波从城市中心像远处扩散,光波略过的高楼与地面会呈现高亮的状态,并且根据光波的宽度(大圈的半径 - 小圈的半径)高亮还呈现出渐变的状态。在WebGL编程指南-27 逐片元处理点光源光照效果我们知道,点光源照射在物体上的明暗效果,是通过该片元到顶点距离跟顶点法线来决定的,那我们可以借此思路来实现,大致思路是一个不断变大的圆,这个圆分大圆与小圆,在大圆与小圆之间的片元呈高光效果我们借助three.js官网提供的一个例子画出城市,在此例子基础上实现扫光效果2. 给大楼添加纹理贴图3.原创 2022-10-24 15:44:27 · 3010 阅读 · 3 评论