时隔两月，“鸽子王”何贤携硬核整活项目 《CubeCity》 强势回归！这是一个基于 Three.js + Vue 实现的 3D 方块风格城市建造游戏，拥有完整的建造、选择、搬迁、拆除四种模式。

前言 这里是西伯利亚小火龙 最近闲来无事，发现了一个很有艺术感的网站，作为切图仔的我瞬间艺术细菌爆发，我想着这么好看我一定要探究下，好了不多说上图： 光看上面的图可能感觉一般般，可以直接访问网站感受：

在这里记录一下最近在项目中实现的3D地图，加强一下记忆，也能够给大家在用ThreeJS生成区域地图方面提供一种自己的解决思路。

之前做3D行政区划都是一个纯色的立体区划块，那么现在也可以把地图图层添加上去。使用高德结合Three.js简单的调整就能实现并且可以添加点位这个不要担心。

WebGL 基于 OpenGL，是 OpenGL 的子集。OpenGL 中的着色器是使用 GLSL 编写的，所以 WebGL 中也是使用 GLSL 编写着色器，WebGL1 中使用的 GLSL 1.0

WebGL 作为非常底层的 API，学习上手难度非常大，这是因为 WebGL 要求的背景知识比较多。而网上的教程一般没有过多介绍直接就介绍 API 开始渲染了，容易让人云里雾里，很容易被劝退，就算学到

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。

继续给大家介绍下 Shader 是什么、能做什么、在哪里有用到，并且为后续古柳开始写 Three.js Shader 做个引子！

本文基于Three.js创建一个使用光源和模型结合而成的3D创意页面，通过本文内容，你将学到的知识包括：使用Blender压缩模型、使用模型加载管理器管理加载进度、使用模型加载器加载压缩过的模型等