前言 前端3D效果的展示方法很多，如果简单的显示一个立方体，我们可以用六块div，每块div结合CSS的旋转特性，旋转出不同的角度组装出来一个盒子。当我们拖拽这个盒子的时候，可以用JS根据鼠标新的坐标点刷新那六个div新的旋转角度参数，让六个面始终同步旋转，始终是闭合的，所以视觉效果来看是3D ...

第三章 使用three.js加载blender生成的马克杯模型 先看看效果图，这是在firefox里面加载的 代码如下： 与之对应的html代码如下： 其中cup.js是按照第一节所述，从blender中导出的js文件。这里我们需要加以注意的是，我们这里导出 ...

第四章 使用three.js加载以图片为纹理的模型（下） 在上一章里，为了演示的方便，我们选择了一个简单的模型。但是如前所述，在实际的生产环境中，一方面我们的模型更为复杂，另一方面我们的贴图也不是普通的照片，而是处理过的uv图。uv图就是xyz三维图通过变换形成的二维图，类似数学里面学的极坐标 ...

序：前段时间公司一次研讨会上，一市场部同事展现了同行业其他公司的3D机房，我司领导觉得这个可以研究研究，为了节约成本，我们在网上大量检索，派本人研究一下web3D的技术，于是乎便有了下面的技术分享。 其它相关文章： 使用webgl(three.js)创建3D机房，3D机房微模块详细介绍(升级版 ...

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

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

首先，下载three.js文件，在threejs官网能下，这里附上地址链接一条https://threejs.org/ 然后，下载解压，会得到three.js-master文件，在build目录找到three.js，这个是three.js的核心功能库。在example/js/loaders目录 ...