前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 1、法 ...

　　前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。 1、法向量问题 　　法线是垂直于我们想要照亮的物体表面的向量。法线代表表面的方向因此他们为光源和物体的交互建模中具有决定性作用。每一个顶点都有一个关联 ...

本文来自网易云社区 作者：唐钊 项目背景 那是在一个毫无征兆的下午，我还沉浸在 vue 的世界中，突然编辑跑过来说N的新官网想做一些3D全景的东西，一开始其实我的内心是拒绝的，一是没怎么实质性做过 WEBGL 的东西，只是组内 mini 项目的时候看了看基础的内容，再者当时也很忙，感觉 ...

本文来自网易云社区 作者：唐钊 项目背景 那是在一个毫无征兆的下午，我还沉浸在 vue 的世界中，突然编辑跑过来说N的新官网想做一些3D全景的东西，一开始其实我的内心是拒绝的，一是没怎么实质性做过 WEBGL 的东西，只是组内 mini 项目的时候看了看基础的内容，再者当时也很忙，感觉 ...

最近在折腾的 web 端的可视化项目，由于相关业务的需要，用到了 Mapbox 这一地图开发的神器。在此先奉上一个基于mapbox-gl实现的demo（来源：uber的deck.gl项目）： 下面我们从这个项目一步步来介绍 Mapbox 的前端 GIS 引擎 Mapbox GL ...

最近接手了一位离职同事做的项目，涉及到3D绘图，他走之前进行了一些调研。本文及后续的博文，主要针对基础知识及项目迭代优化过程中遇到的问题进行记录。本文属于基础概念篇，该篇文档源于我的同事调研结果，转载记录用于日后查阅。 一、3D基本要素 1 场景 一个三维空间，所有物体的容器。创建场景之后 ...

中的物体越大 纵横比：aspect (3d物体的宽/高比例) 相机离视体积最近的距离：near 相 ...

3D格式你可以通过任意软件导出（.3ds,dae等），但是threejs 无法使用， 1，http://www.blender.org/ 下载这款开源的3d软件 2，https://github.com/mrdoob/three.js/tree/master/utils/exporters ...