WebGL修炼秘籍

之前用three.js和Canvas添加热力平面和热力山丘图，等高线(等值线)，热力阶梯，是时候给cesium也添加个热力！

怎么用shader画一个3D哆啦A梦？shader基础少不了，raymarching，3D SDF，smoothmin等，学会了，你想画什么都可以！

混掘金社区，是时候学习怎么用shader画一个掘金Logo了！点进来就学习用shader画一个掘金Logo。

等高线指的是地形图上高度相等的相邻各点所连成的闭合曲线。点进来就学习如何实现一个炫酷的3D等高线（等值线）和断层阶梯热力图吧!

风场图，指根据风速风向数据进行渲染，以表征空气流动方向、流动速度的一种动态流场图。接下来让我们学一下怎么实现炫酷的2D和3D风场图吧!

地图经常使用标牌来标注地点位置，是时候来点炫酷的效果了！用高德地+Three.js，带你实现飞线、运动边界和炫酷标牌。

3D夜景特效中经常会出现流动道路光束，如何用Three.js搞一个炫酷的无限光束，点进来就可以学到了！

美颜滤镜都用过，用webgl写一个呢？点就来就学如何用shader实现一个柔光磨皮效果滤镜，自己动手丰衣足食，从此再也不用担心照片处理！

点解人家的地球那么好看，因为炫酷的效果啊！点进来就跟我学渐变扫光和斑点扫光两种3D地球特效，让你家地球也变得布灵布灵~

雪花飘飘~北风萧萧~天地一片苍茫~雨雪雾是常见的天气现象，不用粒子，点我就学如何用Three.js实现雨雪雾！

地图开发时经常会用到热力图，今天就带你从绘制2D热力图开始，实现3D热力图。点就来就学如何用Three.js搞个炫酷热力山丘图！

1.  贴图反向 2.  贴图没有填充满模型 3.  贴图透明度 4.  深度冲突 5.  渲染顺序问题 6.  多层次细节 7.  抗锯齿 8.  阴影 阴影使用可能遇到的问题 ● 阴影模糊，增加

雷达扩散和雷达扫描是3D建筑群常用特效，点进来就跟我学怎么用Three.js搞个炫酷雷达扩散和扫描特效！

WebGL雾和物体旋转!!!WebGL雾和物体旋转!!!WebGL雾和物体旋转!!!WebGL雾和物体旋转!!!

WebGL全景图和镜面立方体！！！WebGL全景图和镜面立方体！！！WebGL全景图和镜面立方体！！！

WebGL光照、贴图和帧缓冲！WebGL光照、贴图和帧缓冲！WebGL光照、贴图和帧缓冲！！！！！！

看到shadertoy里面的那么多炫酷的背景是不是很心动？那我们就来把人家的shader搬过来用一下吧！

入坑webgl，从图形变换、投影与摄像机开始，基操学得好，以后才能怎么炫酷怎么来~快快快，点进来~~

《WebGL 3D 开发实战详解 第 2 版》学习笔记《WebGL 3D 开发实战详解 第 2 版》学习笔记《WebGL 3D 开发实战详解 第 2 版》学习笔记

这是 THREE.js 官方的一个经典示例，改用 webgl 实现，通过这个示例来更好地学会在 webgl 画粒子点