最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
webGL+threejs制作web三维视图入门教程
时间:2015-10-21 编辑:简简单单 来源:一聚教程网
这是一篇的webGL+threejs构建web三维视图的入门教程,可以了解到利用threejs创建简单的三维图形,并且控制图形运动。
一、创建场景
我们所见的视图由两个部分共同创建,scene和camera。
首先定义一个场景:
var scene = new THREE.Scene();
然后定义一个相机:
var camera = new THREE.PerspectiveCamera( 90, width/height, 0.1, 1000 );
等等,定义相机需要视窗的长宽。现在我要让我的绘图显示在页面的一个区域(
)标签中。我们来选中这个元素,获取它的长宽。
var container = document.getElementById('canvasdiv');
var UTF-8">
Document
var container = document.getElementById('canvasdiv');
var UTF-8">