想起之前有学习过一点threejs,这次呢就打算拿他来做一个简单的例子分享给大家学习学习。
引入Three.js文件。有一说一threejs的文件有点大,140kb扎心了。
接下来我们来了解一下常用的几个功能:
Scene(场景)*
Camera(相机)*
Renderer(渲染器)*
Meshbatcimaterial (材质)
SpherebufferGeometry(球体)
这些东西有什么用呢,别急我们先来做一个小案例:
var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); var renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement );
three.js里面有几种不同的相机,在这里,我们使用的是Perspe