ThreeJS加载3D模型_solidworks模型如何通过JS在HTML页面中显示资源-CSDN文库

共4个文件

js：2个

html：1个

vtk：1个

源码

5星 · 超过95%的资源需积分: 39 154 浏览量 2019-08-09 01:00:10 上传评论 5 收藏 936KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

bunny.rar （4个子文件）

bunny

bunny.html 2KB

models

vtk

bunny.vtk 2.47MB

loaders

VTKLoader.js 2KB

three.min.js 406KB

<!doctype html> <html> <head> <meta charset="utf-8"/> <title>Bunny</title> <style>body{background:#EEEEEE;margin:0;padding:0;}</style> <script src="js/three.min.js"></script> <script src="js/loaders/VTKLoader.js"></script> </head> <body> <script> var width = window.innerWidth*98/100; //设置width为窗口显示区域宽度的98% var height = window.innerHeight*98/100; //设置height为窗口显示区域高度的98% var scene = new THREE.Scene(); //创建场景 var camera = new THREE.PerspectiveCamera(60, width/height, 0.001, 1e10); //60：视角；width/height：宽高比；0.001：近平面；1e10（即10的十次方）：远平面 camera.position.z = 0.2; //设置camera的位置 scene.add(camera); 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,side:THREE.DoubleSide}); //创建材质 var loader = new THREE.VTKLoader(); //创建加载器 loader.load("models/vtk/bunny.vtk",function(geometry){ //加载模型 geometry.computeVertexNormals(); //计算顶点法线 var mesh = new THREE.Mesh(geometry, material); //创建物体 mesh.position.setY(-0.09); //设置物体位置 scene.add(mesh); //添加物体到场景中 }); var renderer = new THREE.WebGLRenderer(); //创建渲染器 renderer.setSize(width, height); //设置渲染器大小 renderer.setClearColor(0xeeeeee); //设置默认颜色 document.body.appendChild(renderer.domElement); //添加渲染器的DOM元素到body中 function render(){ renderer.render(scene, camera); //进行渲染 requestAnimationFrame(render); //动画帧循环 } render(); </script> </body> </html>

评论收藏

内容反馈

xiluoenm

2022-07-20

Three.js可视化企业实战WEBGL高级课（附赠Cesium内容）网盘地址：https://pan.baidu.com/s/1rTVYSuGz0Jh3NikM87V5KA 提取码: qntg 腾讯微云下载地址：https://share.weiyun.com/DuXGfKg8 密码：rrhatr