three css3D模式,three.js把模型显示成3d点云

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

/* Read more on：

http://techbrood.com/threejs/docs */

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);

camera.position.y = 0;

camera.position.z = 1;

//构建场景代码放在这里

var loader = new THREE.OBJLoader();

loader.load('/uploads/161101/bunny.obj', (obj) => {

// the request was successfull

var material = new THREE.PointsMaterial({

color: 0xCC00FF,

size: 0.1

})

mesh = new THREE.Points(obj.children[0].geometry, material)

scene.add(mesh)

}, (xhr) => {

// the request is in progress

console.log(xhr)

}, (err) => {

// something went wrong

console.error("loading .obj went wrong, ", err)

})

var render = function() {

requestAnimationFrame(render);

//更新场景代码放在这里

renderer.render(scene, camera);

};

render();