一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

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
   
   




   

        
   









   

        
   




     
   




   

        
   









   

        
   









   

        
   






到此,我们的入门教程就收工了。

request