如果你用过网页版的百度地图，你大概3D全景图浏览是一种怎样的酷炫体验：在一个点可以360度环顾周围的建筑、景色，当然也可以四周移动，就像身临其境。 科普 全景图共分为三种： ①球面全景图 利用一张全景图围成一个球，自身位置位于球体内。由于图片是矩形，所以最上和最下的缝合处 ...

用threejs 实现3D物体在浏览器展示，通过鼠标平移，缩放，键盘箭头按钮左右移动等功能展示。 ...

承接上一篇：【CSS3进阶】酷炫的3D旋转透视 。 最近入坑 Web 动画，所以把自己的学习过程记录一下分享给大家。 CSS3 3D 行星运转 demo 页面请戳：Demo。（建议使用Chrome打开） 本文完整的代码，以及更多的 CSS3 效果，在我 Github 上可以看到，也希望 ...

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

的。 上述方法适用于简单的3D模型，比如立方体、长方体等。其特点是，各种控件都支持这种css旋转，比如 ...

，我们可以构建较为原始的三维模型在浏览器端显示，比如我们前面看到的马克杯模型。如果单纯依靠三维建模去逼近现实 ...

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