three or d3
3篇文章 · 0订阅
  • 半小时轻松玩转WebGL滤镜技术系列（一）
    要想做到封面中的效果，我们需要掌握大量的WebGL知识和图像算法，作为系列的第一篇，我希望通过本文先让大家对滤镜有一个初步的认识，能够做到以下两点。 1. 理解如何绘制图片 2. 理解如何添加滤镜及动态控制滤镜效果 4. 设置顶点位置 可以看到，相比于灰度处理中，除了main(…
    前端 WebGL 算法
  • D3.js + Canvas 绘制组织结构图
    上面的demo就是使用 D3.js + Canvas 的方式实现的, 在组织的层数超过300时才会出现明显的卡顿, 能满足大部分的组织结构图的数据. 上面的变量 nodes 和 links 现在就包含了结构图中每个 组织节点 和 连接线 的坐标信息. 2. 使用Canvas绘图…
    Canvas d3.js
  • Three.js粒子特效，shader渲染初探
    关于Three.js，网上有不多不少的零碎教程，有些过于初级，有些云里雾里，而Three.js官网上的示例逼格之高又令人望而却步，这些对于没学过计算机图形学的童鞋来说，就像入门迈槛不知先迈左脚还是右脚，兴趣使然，于是我就先双脚蹦了进去试试水...... 可以观察到成品效果：粒子…
    three.js Canvas JavaScript
    Three.js粒子特效，shader渲染初探