threejs
文章平均质量分 85
夕阳-晨曦
这个作者很懒,什么都没留下…
展开
-
<Three.js>(第一节)环境搭建
Three.js顾名思义3D的js库。是运行在浏览器的基于webgl的3D引擎。该引擎是github上的一个开源项目,下载地址:https://github.com/mrdoob/three.js/1、搭建一个本地服务器。(本人用的是另外一台mac电脑的自带本地服务器)2、下载three.js库。https://github.com/mrdoob/three.js/准备好前面的操作后,接下来是创建一原创 2016-07-14 17:21:58 · 8067 阅读 · 0 评论 -
<Three.js>(第二节)添加长方体
一、实验内容上一节已经搭好了实验的框架。这一节我们将在屏幕上显示一些几何图形。如下图所示,我们将在屏幕上显示一个正方体。 二、实验步骤1、创建场景 正像上一节所说,首先我们需要建一个场景,场景就是类似舞台,有了舞台演员才有地方表演嘛。新建场景很简单,通过Three.js库提供的Scene类,我们可以新建一个场景对象。正如一下的代码://创建场景scene = new THREE.Scene()原创 2016-07-16 09:26:20 · 4415 阅读 · 0 评论 -
<Three.js>(第三节)全景漫游
一、实验内容通过上次实验,了解了Three.js创建场景的基本步骤。这一节,我们将通过Three.js实现全景漫游功能。如下图: 全景图是获取一个3D场景中的不同角度的图片,然后通过拼接、融合实现3D的虚拟场景。例如百度地图上全景漫游。三、探讨方法1:使用软件(例如:Pano2vr ) 前提准备:下载Pano2vr软件;全景图。 全景图:对于现实世界,可以通过鱼眼摄像头拍摄得到全景图;对于虚拟原创 2016-08-06 21:18:46 · 15460 阅读 · 3 评论