简介：WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0（OpenGL for Embedded Systems，OpenGL嵌入式版本，针对手机、游戏机等设备相对较轻量级的版本）…

导语：除了画布宽高之外，3D地图的可视范围还受到俯仰角、旋转角度的影响。在大俯仰角情况下，为了降低瓦片加载和渲染的耗时，在地图远端不加载瓦片，瓦片边缘会变得非常突兀。所以需要对瓦片边缘进行雾化处理，实现渐隐效果，优化用户体验。以下为使用腾讯位置服务Javascript API …

最近在学习webGL原生，给的3d项目又不是很多，就想到了其实2d的项目也可以拿webGL练习，在接到这个项目之后，脑子里蹦出个要做出粒子的效果，大致思路已经有了，就是获取图片的有效像素作为point的xy坐标，z轴的不同来实现3d粒子效果，顺着思路往下想，透视投影的话那我生成…

缓冲区对象是 webgl 系统中提供的一块存储区，可以在其中保存想要绘制的所有顶点的数据，然后一次性向顶点着色器中传入数据。 gl.drawArrays(mode, start, end)提供了绘制点、线、回路等绘制模式，通过第一个参数指定不同的值，就能以 7 种不同的方式来绘…

这篇文章主要学习 ThreeJs 中的 demo loader/obj2，主要是分析一下 obj 是如何加载的，纹理以及材质是如何加载的，3d camera 以及 camera controller 这些是如何实现的等。那么，先来 2 个 gif 图震撼一下吧。 标记的添加，也…

可以想象一下我们在房间内，房间是一个立方体，如果你有生活品味，可能会在房间内贴上壁纸，three.js可以很方便的创建一个立方体，并且给它的周围贴上纹理，让照相机在立方体之中，照相机可以360旋转，就模拟了一个真实的场景。 一个3d模型是由点，线，面组成的，可以遍历模型的每一个…

从简入繁的教大家使用three.js。阅读本篇文章，你可学到以下知识 2. 生成一个场景，我们的物体都需要添加到场景中 用户所能看到的场景，需要通过照相机来呈现，相当于人的眼睛，照相机分为两种一种是正交投影照相机，一种是透视投影照相机，它们之间最大的区别是透视投影照相机会根据照…