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

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

第四章 使用three.js加载以图片为纹理的模型（上） 在前言中我们介绍过，我们一般不用three.js自带的三维模型创建函数去拼凑我们想要的三维模型，而是使用类似Blender一样的三维建模工具去定制三维模型，然后导出为three.js可以识别的jason格式，加载显示。通过这种方式 ...

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

现在的页面展示要求越来越高，美的展示总能吸引更多的访客。最近在学习3D打印中的切片算法，刚刚入门，发现通过three.js框架可以很好展示出3D切片细节（虽然我做的比较简单）。 ...

由于项目需要展示3d模型,所以对three做了点研究,分享出来 希望能帮到大家 先看看效果: three.js整体来说 不是很难 只要你静下心来研究研究 很快就会上手的 首先我们在页面上需要创建一个能够放置3D模型的画布 也可以说是初始化 Three 通过上面的代码 ...

前言： 最近公司计划做一个关于计测方面的案子，希望可以以3d的方式去直观的展示测量目标本体以及测量工位等信息。先后决定从达索，华天sview，HOOPS等web3d方案解决商去选取，经过调研之后发现这三款库价格且比较昂贵，并且有的开发文档全英文，有的不详细，反正就是开发上困难不小，加上开始案子 ...