随着Web技术的不断发展，网页上显示更丰富的内容已经成为必需。其中3D网页技术也受到很多人的青睐；Three.js库建立在WebGL基础之上，让3D零基础学习者快速掌握3D图形开发成为可能

本文使用Three.js实现一个可以应用到实际项目中的3D在线看房案例，通过本文你将学到的知识包括：使用 Three.js 实现多个场景的加载和场景间的丝滑过渡切换、在线看房小地图原理实现等……

之前项目中用到了 3D 模型演示的问题，整理了一下之前学习总结以及遇到的坑。3D 框架有老牌引擎 Three.js 和微软的 Babylon.js 3个基础概念：场景（scene）、相机（camera）和渲染器（renderer）。 相机 camera 的作用是定义可视域，相当…