通过地图数据配合three可以做出非常酷炫的地图，在大数据展示中十分常见。 这篇郭先生就来说说使用three.js几何体制作3D地图。在线案例点击原文地址。 地图的数据是各个地图块的点数组，通过THREE.ExtrudeGeometry方法挤压出地图的版块，然后通过THREE.Line方法画出 ...

一、页面效果 使用three.js实现智慧城市 智慧园区 二、技术选择 中间的建筑相关的显示和效果都是threejs实现的 左右两侧用的是echarts 三、代码结构 1. 画布 用js自己创建一个放置画布的div 2. 场景的创建 之后的比如几何体 摄像机 ...

three官方的几何体也就那么几个，想要生成各种各样的模型，其难度十分之大，这时引入外部模型也不失为一种选择。具体引入办法如下。 导入依赖 点击查看代码 虽然名字为GLTFLoader,但实际上glb文件也是能加载的。 初始化场景 点击查看代码 其中需要 ...

HTML View Code model.js 实例指向的原型方法 View Code contorler.js 初始化函数 View Code 如果错误，请指出 ...

今天郭先生说一说three.js的材质。材质描述了对象objects的外观。它们的定义方式与渲染器无关， 因此，如果您决定使用不同的渲染器，不必重写材质。 1. three.js材质基类 所有其他材质类型都继承了Material。 下面是一些属性： .alphaTest : Float设置 ...

上几篇说了three.js的曲线，这篇来郭先生来说说three.js曲线，在线案例点击郭先生的博客查看。 1. 了解three.js曲线 之前已经说了一些three.js的几何体，这篇说一说three.js曲线。曲线的种类主要分两种，二维曲线和三维曲线。下面整理了这些曲线 ...

　　 　　什么是WebGL。WebGL是在浏览器中实现三维效果的一套规范。使用WebGL原生的API来写3D程序是一件非常痛苦的事情，幸好，有很多同行花业余时间写了一些WebGL开源框架，其中three.js就是非常优秀的一个。 　　什么是threejs，很简单，你将它理解成three ...

创建模型： 　1.长方体：　　THREE.CubeGeometry(width, height, depth, widthSegments, heightSegments, depthSegments) 　　width是x方向上的长度； height是y方向上的长度；　　depth是z方向 ...