完整加载兔子vtk模型

最新推荐文章于 2024-05-10 00:15:00 发布

diliedou4174

最新推荐文章于 2024-05-10 00:15:00 发布

阅读量614

点赞数

原文链接：http://www.cnblogs.com/sunqq/p/10443821.html

版权

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>
<body>
<div id="info"></div>
<script src="vtkJS/three.js"></script>
<script src="vtkJS/controls/TrackballControls.js"></script>
<script src="vtkJS/loaders/VTKLoader.js"></script>
<script src="vtkJS/Detector.js"></script>
<script src="vtkJS/stats.js"></script>
<script>
if(!Detector.webgl) Detector.addGetWebGLMessage();
var container,stats;
var camera,controls,scene,renderer;
var cross;
init();
animate();

function init(){
camera = new THREE.PerspectiveCamera(60,window.innerWidth/window.innerHeight,0.01, 1e10 );
camera.position.z = 0.2;
controls = new THREE.TrackballControls(camera);

controls.rotateSpeed = 5.0;
controls.zoomSpeed = 5;
controls.panSpeed = 2;

controls.noZoom = false;
controls.noPan = false;

controls.staticMoving = true;
controls.dynamicDampingFactor =0.3;

scene = new THREE.Scene();
scene.add(camera);

//light
var dirLight = new THREE.DirectionalLight(0xffffff);
dirLight.position.set(200,200,1000).normalize();

camera.add(dirLight);
camera.add(dirLight.target);
var material = new THREE.MeshLambertMaterial({ color: 0xffffff,size: THREE.DoubleSize});
var loader = new THREE.VTKLoader();
loader.addEventListener('load',function(event){
var geometry = event.content;
var mesh = new THREE.Mesh(geometry,material);
mesh.position.setY(-0.09);
scene.add(mesh);
})
loader.load('./vtk/bunny.vtk');

renderer = new THREE.WebGLRenderer({ antialias: false});
renderer.setClearColorHex(0x000000,1);
renderer.setSize(window.innerWidth,window.innerHeight);
container = document.createElement('div');
document.body.appendChild(container);
container.appendChild(renderer.domElement);

stats = new Stats();
stats.domElement.style.position ="absolute";
stats.domElement.style.top = "0px";
container.appendChild(stats.domElement);

window.addEventListener('resize',onWindowResize,false);

}

function onWindowResize(){
camera.aspect = window.innerWidth/window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize(window.innerWidth,window.innerHeight);
controls.handleResize();
}
function animate(){
requestAnimationFrame(animate);
controls.update();
renderer.render(scene,camera);
stats.update();
}
</script>
</body>
</html>

转载于:https://www.cnblogs.com/sunqq/p/10443821.html

diliedou4174

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
完整加载兔子vtk模型

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <b...
复制链接

扫一扫