这个是three.js没关系，你web服务器没有配置obj后缀的mime映射，即使路径对也无法使用此文件。给服务器添加obj后缀的mime映射，text/plain或者其他类型什么的
iis看这个：设置IIS的MIME
其他自己度娘一下
-
- qq_40082745 回复溯溪07: 兄弟 你解决了吗
- 20 天之前 回复
-
- 支付宝加好友偷能量挖，胡杨在等着我的召唤 回复csubai07: 你肯定没有正确添加mime类型，你发布到web服务器访问了没有？而不是使用内置的vs自带的web服务器，那个不晓得怎么设置mime。看你截图端口乱生成，应该用的vs内置的web服务器
- 3 年多之前 回复
three.js如何在加载obj后改变模型？_course
2016-03-20three.js加载obj人物模型后，如何修改任务的身高、腰围之类的数据？
如何在three.js中实现多个外部加载OBJ模型的逐一显示_course
2017-03-13求助！如何在three.js中实现多个外部加载OBJ模型的逐一显示，即在列表中选中名称显示对应的模型，其余的不显示。本人自学的，实在无法解决，特来求助！我想要的效果如图所示，即three.js官网中的一个例子。http://carvisualizer.plus360degrees.com/threejs/
three.js r71版本和r75版本obj模型加载问题_course
2016-04-13three.js以前一直用的是r71版本的后来发现更新到了75果断down下来放到了项目里。 但是发现不仅obj模型加载的方式并且在场景里的渲染效果也发生了变化。同样的render 71： 75：‘ 渲染效果发生了明显的变化。 查看了一下源码，未果。 本着求真的精神，求赐教。
three.js 导入obj模型如何让模型更圆润？_course
2019-03-01使用three.js加载了一个obj模型，下图是3d软件导出的选项，只能用网格方式进行导出，用NURBS方式导出three.js没法识别。  问题是three.js加载了这个网格方式导出的obj模型后显示出来的曲面块面化非常严重。如下图所示  我查了一天资料已经有方向了，应该是物体的法线问题。顶点法线，面法线，向量法线到底是哪个决定的我不太清楚。 threejs的材质中有一个flatShading属性本来应该是可以调整曲面光滑度的，但是现在是完全不起作用。 还听朋友说需要自己计算同坐标点法线平均值。 下图是顶点法线图 
利用three.js导入3d模型失败_course
2017-09-20<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>lesson1-by-shawn.xie</title> <!--引入Three.js--> <script src="Three.js"></script> <script src="OBJLoader.js"></script> <script type="text/javascript"> //开启Three.js渲染器 var renderer;//声明全局变量（对象） function initThree() { var element = document.getElementById("canvas3d"); width = document.getElementById('canvas3d').clientWidth;//获取画布「canvas3d」的宽 height = document.getElementById('canvas3d').clientHeight;//获取画布「canvas3d」的高 renderer=new THREE.WebGLRenderer({antialias:true});//生成渲染器对象（属性：抗锯齿效果为设置有效） renderer.setSize(width, height );//指定渲染器的高宽（和画布框大小一致） document.getElementById('canvas3d').appendChild(renderer.domElement);//追加 【canvas】 元素到 【canvas3d】 元素中。 renderer.setClearColor(0x000000, 1.0);//设置canvas背景色(clearColor) } //设置相机 var camera; function initCamera() { camera = new THREE.PerspectiveCamera( 45, width / height , 1 , 500 );//设置透视投影的相机,默认情况下相机的上方向为Y轴，右方向为X轴，沿着Z轴朝里（视野角：fov 纵横比：aspect 相机离视体积最近的距离：near 相机离视体积最远的距离：far） camera.position.x = 50;//设置相机的位置坐标 camera.position.y = 10;//设置相机的位置坐标 camera.position.z = 25; camera.up.x = 0;//设置相机的上为「x」轴方向 camera.up.y = 0;//设置相机的上为「y」轴方向 camera.up.z = 1;//设置相机的上为「z」轴方向 camera.lookAt( {x:0, y:0, z:0 } );//设置视野的中心坐标 } //设置场景 var scene; function initScene() { scene = new THREE.Scene(); } //设置光源 var light; function initLight() { light = new THREE.DirectionalLight(0xff0000, 1.0, 0);//设置平行光源 light.position.set( 200, 200, 200 );//设置光源向量 scene.add(light);// 追加光源到场景 } //导入模型 var loader; function initObject(){ loader=new THREE.OBJLoader(); loader.load('male02.obj',function(object){ scene.add(object);}); } //执行 function threeStart() { initThree(); initCamera(); initScene(); initLight(); initObject(); renderer.clear(); renderer.render(scene, camera); } //threeStart(); </script> <style type="text/css"> div#canvas3d{ border: none; cursor: move; width: 1400px; height: 600px; background-color: #EEEEEE; } </style> </head> <body onload='threeStart();'> <!--盛放canvas的容器--> <div id="canvas3d"></div> </body> </html> 利用three.js导入obj模型，发现无法显示，请各位大神帮忙看下问题出在哪？利用chorme和firefox分别得到如下提示
three.js加载模型异常_course
2020-05-11加载的fbx模型颜色与导出模型的颜色不一致，模型中个别构件不显示。请问three.js对模型有什么要求？为什么会导致这些问题
webgl、three.js中网格模型变形问题_course
2017-06-01用webgl，three.js,怎样对STL或OBJ这些三角网格模型进行实时网格变形？
用three.js editorimport加载模型显示出来是黑色的，求大神解答，谢谢_course
2017-08-15显示是这样的黑色
three.js加载纹理的时候出错_course
2018-07-12最近用three.js写程序，学习纹理这一章，用chorm浏览器打开demo出现这个问题 百度了一下， 在chorom浏览器的快捷方式的目标属性里，加入了--allow-file-access-from-files结果还是相同的错误，但是用火狐浏览器就可以打开并且正确运行，有没有大佬教教我这个这么处理
用three.js editor 中的import导入模型为黑色，求大神指点一下谢谢_course
2017-08-15我使用three.js editor file中的import功能导入fbx模型为黑色，不知道为什么....
各位大神们，谁知道怎样通过three.js导入外部3d模型，然后可以拖动模型，并且模型的一部分不能被单独拖动，这个问题困扰我很多天，现在还是没办法解决，求助各位大神了，万分感谢！_course
2019-11-04各位大神们，我现在可以导入3d模型，并且这个模型可以拖动，但是一部分模型被单独拖动，其他模型不动，代码如下： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拖拽控件</title> <style> body { margin: 0; overflow: hidden; } #label { position: absolute; padding: 10px; background: rgba(255, 255, 255, 0.6); line-height: 1; border-radius: 5px; } </style> <script src="js/three.js"></script> <script src="js/jquery-1.9.1.js"></script> <script src="js/Detector.js"></script> <script src="js/TrackballControls.js"></script> <script src="js/dat.gui.min.js"></script> <script src="js/stats.min.js"></script> <script src="js/OBJLoader.js"></script> <script src="js/FBXLoader.js"></script> <script src="js/inflate.min.js"></script> <!--拖拽控件--> <script src="js/DragControls.js"></script> <!--可视化平移控件--> <script src="js/TransformControls.js"></script> </head> <body> <div id="WebGL-output"></div> <div id="Stats-output"></div> <div id="label"></div> <script> var objects=[]; var stats = initStats(); var scene, camera, renderer, controls, light, selectObject; // 场景 function initScene() { scene = new THREE.Scene(); } // 相机 function initCamera() { camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10000); camera.position.set(0, 400, 600); camera.lookAt(new THREE.Vector3(0, 0, 0)); } // 渲染器 function initRenderer() { if (Detector.webgl) { renderer = new THREE.WebGLRenderer({antialias: true}); } else { renderer = new THREE.CanvasRenderer(); } renderer.setSize(window.innerWidth, window.innerHeight); renderer.setClearColor(0x050505); document.body.appendChild(renderer.domElement); } // 初始化模型 function initContent() { var helper = new THREE.GridHelper(1800, 50, 0x4A4A4A); helper.setColors(0x9370DB); scene.add(helper); var loader = new THREE.OBJLoader(); loader.load( "moder/obj/windmill.obj", function ( group ) { group.position.x=400; group.scale.set(20, 20, 20);//模型放大20倍 //group.scale.color(0x3CB37 group.name="groups" scene.add( group ); objects.push(group); } ); var loader = new THREE.OBJLoader(); loader.load( "moder/obj/low.obj", function ( group ) { group.position.x=-400; group.scale.set(20, 20, 20);//模型放大20倍 //group.scale.color(0x3CB37 group.name="groupss"; scene.add( group ); objects.push(group); } ); var loader = new THREE.FBXLoader(); //Samba Dancing idle_2 loader.load( 'moder/fbx/pipeline.fbx', function ( object ) { //console.log(object); object.scale.set(1,1,1); scene.add( object ); objects.push(object); mixers=object.mixer = new THREE.AnimationMixer( object ); var action = object.mixer.clipAction( object.animations[0]); action.play(); object.traverse( function ( child ) { if ( child.isMesh ) { child.castShadow = true; child.receiveShadow = true; } } ); console.log(object); } ); /*var cubeGeometry = new THREE.BoxGeometry(100, 100, 100); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x9370DB}); var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); cube.position.x = -600; cube.position.y = 50; cube.name = "cubes"; scene.add(cube); var sphereGeometry = new THREE.SphereGeometry(50, 50, 50, 50); var sphereMaterial = new THREE.MeshLambertMaterial({color: 0x3CB371}); var sphere = new THREE.Mesh(sphereGeometry, sphereMaterial); sphere.position.x = 200; sphere.position.y = 50; sphere.name = "sphere"; // sphere.position.z = 200; scene.add(sphere); var cylinderGeometry = new THREE.CylinderGeometry(50, 50, 100, 100); var cylinderMaterial = new THREE.MeshLambertMaterial({color: 0xCD7054}); var cylinder = new THREE.Mesh(cylinderGeometry, cylinderMaterial); cylinder.position.x = -200; cylinder.position.y = 50; cylinder.name = "cylinder"; scene.add(cylinder);*/ } console.log(objects); // 鼠标双击触发的方法 function onMouseDblclick(event) { // 获取 raycaster 和所有模型相交的数组，其中的元素按照距离排序，越近的越靠前 var intersects = getIntersects(event); // 获取选中最近的 Mesh 对象 if (intersects.length != 0 && intersects[0].object ) { selectObject = intersects[0].object.parent; changeMaterial(selectObject); console.log(changeMaterial); } else { alert("未选中 Mesh!"); } } // 获取与射线相交的对象数组 function getIntersects(event) { event.preventDefault(); console.log("event.clientX:" + event.clientX) console.log("event.clientY:" + event.clientY) // 声明 raycaster 和 mouse 变量 var raycaster = new THREE.Raycaster(); var mouse = new THREE.Vector2(); // 通过鼠标点击位置,计算出 raycaster 所需点的位置,以屏幕为中心点,范围 -1 到 1 mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; //通过鼠标点击的位置(二维坐标)和当前相机的矩阵计算出射线位置 raycaster.setFromCamera(mouse, camera); // 获取与射线相交的对象数组，其中的元素按照距离排序，越近的越靠前 var intersects = raycaster.intersectObjects(scene.children); var intersects=intersects.parent; console.log(intersects); //返回选中的对象 return intersects; } // 窗口变动触发的方法 function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight); } // 键盘按下触发的方法 function onKeyDown(event) { switch (event.keyCode) { case 13: initCamera(); initControls(); break; } } // 改变对象材质属性 function changeMaterial(object) { var material = new THREE.MeshLambertMaterial({ color: 0xffffff * Math.random(), transparent: object.material.transparent ? false : true, opacity: 0.8, }); object.material = material; } // 初始化轨迹球控件 function initControls() { controls = new THREE.TrackballControls(camera, renderer.domElement); // controls.noRotate = true; controls.noPan = true; // 视角最小距离 controls.minDistance = 1000; // 视角最远距离 controls.maxDistance = 5000; } // 添加拖拽控件 function initDragControls() { // 添加平移控件 var transformControls = new THREE.TransformControls(camera, renderer.domElement); scene.add(transformControls); // 过滤不是 Mesh 的物体,例如辅助网格 //var objects = []; /*for (let i = 0; i < scene.children.length; i++) { if (scene.children[i].isMesh) { objects.push(scene.children[i]); } //objects.push(object[i].parent); }*/ // 初始化拖拽控件 var dragControls = new THREE.DragControls(objects, camera, renderer.domElement); // 鼠标略过事件 dragControls.addEventListener('hoveron', function (event) { // 让变换控件对象和选中的对象绑定 transformControls.attach(event.object); }); // 开始拖拽 dragControls.addEventListener('dragstart', function (event) { controls.enabled = false; }); // 拖拽结束 dragControls.addEventListener('dragend', function (event) { controls.enabled = true; }); console.log(objects.length); } // 初始化灯光 function initLight() { light = new THREE.SpotLight(0xffffff); light.position.set(-300, 600, -400); light.castShadow = true; scene.add(light); scene.add(new THREE.AmbientLight(0x5C5C5C)); } // 初始化 dat.GUI function initGui() { // 保存需要修改相关数据的对象 gui = new function () { } // 属性添加到控件 var guiControls = new dat.GUI(); } // 初始化性能插件 function initStats() { var stats = new Stats(); stats.domElement.style.position = 'absolute'; stats.domElement.style.left = '0px'; stats.domElement.style.top = '0px'; document.body.appendChild(stats.domElement); return stats; } // 更新div的位置 function renderDiv(object) { // 获取窗口的一半高度和宽度 let halfWidth = window.innerWidth / 2; let halfHeight = window.innerHeight / 2; // 逆转相机求出二维坐标 let vector = object.position.clone().project(camera); // 修改 div 的位置 $("#label").css({ left: vector.x * halfWidth + halfWidth, top: -vector.y * halfHeight + halfHeight - object.position.y }); // 显示模型信息 //$("#label").text("name:" + object.name); } // 更新控件 function update() { stats.update(); controls.update(); controls.handleResize(); //transformControls.update(); } // 初始化 function init() { initScene(); initCamera(); initRenderer(); initContent(); initLight(); initControls(); initGui(); initDragControls(); // addEventListener('dblclick', onMouseDblclick, false); addEventListener('resize', onWindowResize, false); addEventListener('keydown', onKeyDown, false); } function animate() { if (selectObject != undefined && selectObject != null) { renderDiv(selectObject); } requestAnimationFrame(animate); renderer.render(scene, camera); update(); } init(); animate(); </script> </body> </html> ``` 一部分模型被单独拖动的效果如下：  然后我再修改当鼠标略过事件：  整个模型可以一起被拖动，但是模型混乱：效果图如下：  希望路过的好心人帮帮忙，万分感谢！！！！！！
threejs多面体贴图加纹理，貌似只改变了颜色，求大神指点！_course
2018-06-20``` // 鼠标点击 var outlineMesh; document.addEventListener("mousedown", onDocumentMouseDown, false); init(); animate(); function init() { scr(); objects(); lights(); addfloor(); others(); } // var scene = new THREE.Scene(); // create a camera, which defines where we're looking at. // var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); function lights() { var ambientLight = new THREE.AmbientLight(0xffffff, 0.3); scene.add(ambientLight); var pointLight = new THREE.PointLight(0xffffff, 0.1); // scene.add(pointLight); // var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000); var pointLight = new THREE.PointLight(0xffffff, 1); // scene.add(pointLight); camera.add(pointLight); } function objects() { // loadcontainer(); addHospital() } function addHospital() { var hospital = createHospital() // hospital.position.y = 20 scene.add(hospital) } function createHospital() { var hospital = new THREE.Object3D() var frontMainCoords = [ [0, -20], [-30, 0], [0, 20], [30, 0], ] var frontMainShape = utils.makeShape(frontMainCoords) var frontMainGeometry = utils.makeExtrudeGeometry(frontMainShape, 20) var frontMainMaterial = new THREE.MeshPhongMaterial({ map: textures.window() }) // var phongmaterial = new THREE.MeshPhongMaterial({color: 0x677784, transparent: true, opacity: 0.85}); // var phongmes = new THREE.Mesh(frontMainMaterial, phongmaterial); frontMainMaterial.map.repeat.set(0.1, 0.04) var alldate = [] //楼层总列表 for(var i=0;i<6;i++){ /* var frontMain = new THREE.Mesh(frontMainGeometry, frontMainMaterial) hospital.add(frontMain) renderScene()*/ var obj = "sta"+i; alldate.push(obj) } var layerList1 = [] var layerList2 = [] for(var j=0;j<5;j++){ var onedata = new THREE.Mesh(frontMainGeometry, frontMainMaterial); // var onedata =createMesh(frontMainGeometry, "stone.jpg"); hospital.add(onedata); layerList1.push(onedata) } for(var j=5;j<alldate.length;j++){ // var onedata =createMesh(frontMainGeometry, "stone.jpg"); var onedata = new THREE.Mesh(frontMainGeometry, frontMainMaterial); hospital.add(onedata); layerList2.push(onedata) } function createMesh(geom, imageFile) { // var texture = var mat = new THREE.MeshPhongMaterial(); mat.normalMap = new THREE.TextureLoader().load("/seismis/js/3djs/assets/textures/general/" + imageFile); // mat.specular = new THREE.Color(0xffffff); mat.needsUpdate = true; mat.shininess = 10; var mesh = new THREE.Mesh(geom, mat); return mesh; } //中间立体图形 // var polyhedron1 = createMesh(cubeGeometry, "stone.jpg"); renderScene(); var step1 = 0; var step2 = 0; function renderScene() { step1 += 0.1; for(var i=0;i<layerList1.length;i++){ var frontMain = layerList1[i]; frontMain.position.x = 0 + ( (2+i) * (Math.cos(step1))); frontMain.position.y = 0+i*20 + ( 2 * Math.abs(Math.sin(step1))); frontMain.position.z = 0 + ( (2+i) * (Math.cos(step1))); } step2 += 0.1; for(var k=0;k<(layerList2.length);k++){ var frontMain = layerList2[k]; frontMain.position.x = 0 + ( (2+k+5) * (Math.cos(step2))); frontMain.position.y = 0+(k+5)*20 + ( 2 * Math.abs(Math.sin(step2))); frontMain.position.z = 0 + ( (2+k+5) * (Math.cos(step2))); } requestAnimationFrame(renderScene); renderer.render(scene, camera); } // call the render function var step = 0; initModel() function initModel() { //辅助工具 var helper = new THREE.AxisHelper(10); scene.add(helper); var cubeGeometry = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(0, 0, 20), //v0 new THREE.Vector3(30, 0, 0), //v1 new THREE.Vector3(0, 0,-20), //v2 new THREE.Vector3(-30, 0, 0), //v3 new THREE.Vector3(-30,220,0), //v4 new THREE.Vector3(-22,220,10), //v5 new THREE.Vector3(22,220,10), //v6 new THREE.Vector3(30,220,0), //v7 new THREE.Vector3(22,220,-10), //v8 new THREE.Vector3(-22,220,-10), //v9 ]; cubeGeometry.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,1,2), new THREE.Face3(0,2,3), new THREE.Face3(3,0,5), new THREE.Face3(3,5,4), new THREE.Face3(3,4,9), new THREE.Face3(3,9,2), new THREE.Face3(2,9,8), new THREE.Face3(8,1,2), new THREE.Face3(8,7,1), new THREE.Face3(6,1,7), new THREE.Face3(6,0,1), new THREE.Face3(0,6,5), new THREE.Face3(5,6,7), new THREE.Face3(5,7,8), new THREE.Face3(5,8,9), new THREE.Face3(5,9,4), ]; cubeGeometry.faces = faces; //生成法向量 cubeGeometry.computeFaceNormals(); function createMesh(geom, imageFile) { // var texture = var mat = new THREE.MeshPhongMaterial(); mat.map = new THREE.TextureLoader().load("/seismis/js/3djs/assets/textures/general/" + imageFile); // mat.specular = new THREE.Color(0xffffff); mat.needsUpdate = true; mat.shininess = 10; var mesh = new THREE.Mesh(geom, mat); return mesh; } //中间立体图形 // var polyhedron1 = createMesh(cubeGeometry, "stone.jpg"); // scene.add(polyhedron1); /* var frontMainMaterial = new THREE.MeshPhongMaterial({ map: textures.window() }) frontMainMaterial.map.repeat.set(0.01, 0.04)*/ var polyhedron1 = createMesh(cubeGeometry, "bathroom-normal.jpg"); polyhedron1.position.x = 0; polyhedron1.position.y = 120; polyhedron1.position.z = 0; scene.add(polyhedron1); /* var textureLoader = new THREE.TextureLoader(); textureLoader.load( "/seismis/js/3djs/assets/textures/general/bathroom-normal.jpg", function( texture ){ // 加载法向贴图 textureLoader.load("/seismis/js/3djs/assets/textures/general/bathroom-normal.jpg", function( normalTexture ){ var geometry = new THREE.BoxGeometry( 50, 50, 50 ); var material = new THREE.MeshBasicMaterial({ map: texture, normalMap: normalTexture // 只要将法向贴图赋给材质的normalMap属性即可 }); mesh = new THREE.Mesh( geometry, material ); scene.add( mesh ); } ); });*/ //12面体 /* var frontMainMaterial = new THREE.MeshPhongMaterial({ map: textures.window() }) var polyhedron2 = new THREE.Mesh(new THREE.IcosahedronGeometry(150, 0), frontMainMaterial); // var polyhedron2 = createMesh(new THREE.IcosahedronGeometry(50, 0), "stone.jpg"); polyhedron2.position.x = 112; scene.add(polyhedron2);*/ var cubeGeometry1 = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(-30,0,0), //v4 0 new THREE.Vector3(-22,0,10), //v5 1 new THREE.Vector3(-22,0,-10), //v9 2 new THREE.Vector3(-30,35,0) //v10 3 ]; cubeGeometry1.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,1,3), new THREE.Face3(3,2,0), new THREE.Face3(2,0,1), new THREE.Face3(1,2,3) ]; cubeGeometry1.faces = faces; //生成法向量 cubeGeometry1.computeFaceNormals(); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x6a5e74}); cube = new THREE.Mesh(cubeGeometry1, cubeMaterial); cube.position.x = 0; cube.position.y = 340; cube.position.z = 0; scene.add(cube); var cubeGeometry2 = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(30,0,0), //v7 0 new THREE.Vector3(22,0,10), //v6 1 new THREE.Vector3(22,0,-10), //v8 2 new THREE.Vector3(30,35,0) //v11 3 ]; cubeGeometry2.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,2,1), new THREE.Face3(2,1,3), new THREE.Face3(3,1,0), new THREE.Face3(3,0,2), ]; cubeGeometry2.faces = faces; //生成法向量 cubeGeometry1.computeFaceNormals(); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x6a5e74}); cube2 = new THREE.Mesh(cubeGeometry2, cubeMaterial); cube2.position.x = 0; cube2.position.y = 340; cube2.position.z = 0; scene.add(cube2); //顶部 var cubeGeometry3 = new THREE.Geometry(); //创建立方体的顶点 var vertices = [ new THREE.Vector3(-27,0,4), // 0 new THREE.Vector3(-27,0,-4), // 1 new THREE.Vector3(-30,11,0), // 2 new THREE.Vector3(30,11,0), // 3 new THREE.Vector3(27,0,4), // 4 new THREE.Vector3(27,0,-4), // 5 ]; cubeGeometry3.vertices = vertices; //创建立方的面 var faces=[ new THREE.Face3(0,2,1), new THREE.Face3(1,2,3), new THREE.Face3(1,3,5), new THREE.Face3(3,2,0), new THREE.Face3(3,0,4), new THREE.Face3(3,4,5), ]; cubeGeometry3.faces = faces; //生成法向量 cubeGeometry1.computeFaceNormals(); var cubeMaterial = new THREE.MeshLambertMaterial({color: 0x6a5e74}); cube2 = new THREE.Mesh(cubeGeometry3, cubeMaterial); cube2.position.x = 0; cube2.position.y = 364; cube2.position.z = 0; scene.add(cube2); } function render() { // stats.update(); polyhedron.rotation.y = step += 0.01; // render using requestAnimationFrame requestAnimationFrame(render); webGLRenderer.render(scene, camera); } return hospital } function createWindow() { var windowObj = new THREE.Object3D() var glassGeometry = new THREE.PlaneGeometry(20, 20) var glass = utils.makeMesh('phong', glassGeometry, 0x6a5e74) windowObj.add(glass) var windowBorderGeometry = new THREE.BoxBufferGeometry(22, 2, 2) var windowBorder = utils.makeMesh('phong', windowBorderGeometry, 0xffffff) var windowBorderTop = windowBorder.clone() windowBorderTop.position.y = 10 windowObj.add(windowBorderTop) var windowBorderBottom = windowBorder.clone() windowBorderBottom.position.y = -10 windowObj.add(windowBorderBottom) var windowBorderLeft = windowBorder.clone() windowBorderLeft.rotation.z = 0.5 * Math.PI windowBorderLeft.position.x = -10 windowObj.add(windowBorderLeft) var windowBorderRight = windowBorderLeft.clone() windowBorderRight.position.x = 10 windowObj.add(windowBorderRight) return windowObj } function loadcontainer() { var onProgress = function (xhr) { if (xhr.lengthComputable) { var percentComplete = xhr.loaded / xhr.total * 100; console.log(Math.round(percentComplete, 2) + '% downloaded'); } }; var onError = function (xhr) { }; var mtlLoader = new THREE.MTLLoader(); mtlLoader.load('/seismis/js/js/objs/5.mtl', function (materials) { materials.preload(); var loader = new THREE.OBJLoader(); loader.setMaterials(materials); loader.load('/seismis/js/js/objs/5.obj', function (object) { object.traverse(function (child) { if (child instanceof THREE.Mesh) { child.material.transparent = true; child.material.opacity = 1; if (child.material instanceof Array) { for (var i = 0, length = child.material.length; i < length; i++) child.material[i].transparent = true; } } }); // for (var i = 0; i < 3; i++) { var temp = object.clone(); // temp.position.set(-100 + 300 * i, 150, 0); temp.position.set(0 , 0, 0); scene.add(temp); // } }, onProgress, onError); }) } function loadmale1() { var onProgress = function (xhr) { if (xhr.lengthComputable) { var percentComplete = xhr.loaded / xhr.total * 100; console.log(Math.round(percentComplete, 2) + '% downloaded'); } }; var onError = function (xhr) { }; THREE.Loader.Handlers.add(/\.dds$/i, new THREE.DDSLoader()); var mtlLoader = new THREE.MTLLoader(); mtlLoader.setPath('/seismis/js/js/objs/male02/'); mtlLoader.load('male02.mtl', function (materials) { console.log(materials); materials.preload(); var objLoader = new THREE.OBJLoader(); objLoader.setMaterials(materials); objLoader.setPath('/seismis/js/js/objs/male02/'); objLoader.load('male02.obj', function (object) { object.position.y = 10; scene.add(object); }, onProgress, onError); }); } // 没有考虑group，所以通过obj加载的物体无法点选 function getMeshs() { var meshs = []; for (var i = 0, length = scene.children.length; i < length; i++) { if (scene.children[i] instanceof THREE.Mesh && scene.children[i].geometry instanceof THREE.BoxGeometry) { meshs.push(scene.children[i]); } } return meshs; } function onDocumentMouseDown(e) { e.preventDefault(); rotate = false; //将鼠标点击位置的屏幕坐标转成threejs中的标准坐标,具体解释见代码释义 var mouse = {}; mouse.x = (e.clientX / window.innerWidth) * 2 - 1; mouse.y = -(e.clientY / window.innerHeight) * 2 + 1; //新建一个三维单位向量 假设z方向就是0.5 //根据照相机，把这个向量转换到视点坐标系 var vector = new THREE.Vector3(mouse.x, mouse.y, 0.5).unproject(camera); console.log(vector); var sub = vector.sub(camera.position); console.log(sub); var param2 = sub.normalize(); var raycaster = new THREE.Raycaster(camera.position, param2); console.log("---------------------------------------------"); //射线和模型求交，选中一系列直线 var intersects = raycaster.intersectObjects(getMeshs()); if (intersects.length > 0) { //选中第一个射线相交的物体 scene.remove(outlineMesh); var SELECTED = intersects[0].object; var outlineMaterial2 = new THREE.MeshBasicMaterial({color: 0x00ff00, side: THREE.BackSide}); outlineMesh = new THREE.Mesh(SELECTED.geometry.clone(), outlineMaterial2); outlineMesh.position.set(SELECTED.position.x, SELECTED.position.y, SELECTED.position.z); outlineMesh.scale.multiplyScalar(1.05); scene.add(outlineMesh); } } ```
threejs导入的obj模型怎样把网格面转换为曲面？_course
2019-03-07使用three.js加载了一个obj模型，下图是3d软件导出的选项，只能用网格方式进行导出，用NURBS方式导出three.js没法识别。  问题是three.js加载了这个网格方式导出的obj模型后显示出来的曲面块面化非常严重。如下图所示  我查了一天资料已经有方向了，应该是物体的法线问题。顶点法线，面法线，向量法线到底是哪个决定的我不太清楚。 threejs的材质中有一个flatShading属性本来应该是可以调整曲面光滑度的，但是现在是完全不起作用。 还听朋友说需要自己计算同坐标点法线平均值。 下图是顶点法线图 
Intel ISPC编译器生成的.h与.obj文件如何使用？_course
2019-08-20最近在利用ispc做加速的项目，我下载了ispc.exe（https://ispc.github.io/ispc.html），自己编写了一个.ispc文件，使用Windows 命令行的方式，利用ispc.exe将.ispc文件生成了一个.h与.obj文件，在我自己的项目中已经包含了生成的.h文件, 但是 还不清楚如何使用.obj文件，目前当我编译我的项目时，会显示无法解析的外部符号这样的问题，请问有没有人做过相关的项目，请教大家如何使用.h与.obj文件。
webgl 如何在网页上加载obj类型的三维模型，求通用源码_course
2015-11-12哪位大神可以帮帮小弟 给一份在网页上加载.obj类型的三维模型，之前有一些 但是加载的时候要么就是很大大到看不见，要么就是很小小到看不见 技术小白，万分感谢，好人一生平安！！
我试过输入THREE.REVISION，控制台会弹出版本的信息，但是我看里面的却是没有定义版本？？？_course
2019-08-05  ``` var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 0.1, 1000); var renderer = new THREE.WebGLRenderer(); renderer.setClearColor(0xEEEEEE); renderer.setSize(window.innerWidth,window.innerHeight); document.body.appendChild(renderer.domElement); var ambientLight = new THREE.AmbientLight( 0xcccccc, 0.4 ); scene.add( ambientLight ); var pointLight = new THREE.PointLight( 0xffffff, 0.8 ); camera.add( pointLight ); scene.add( camera ); camera.position.z = 5; init(); function init(){ var onProgress = function ( xhr ) { if ( xhr.lengthComputable ) { var percentComplete = xhr.loaded / xhr.total * 100; console.log( Math.round( percentComplete, 2 ) + '% downloaded' ); } }; var onError = function () { }; new MTLLoader() .setPath( 'obj' ) .load( 'aaa.mtl', function ( materials ) { console.log(materials) materials.preload(); new OBJLoader() .setMaterials( materials ) .setPath( 'obj' ) .load( 'aaa.obj', function ( object ) { object.position.y = 0; scene.add( object ); }, onProgress, onError ); } ); } function render() { requestAnimationFrame(render); renderer.render(scene, camera); camera.lookAt( scene.position ); } render(); ```
.\obj\test.axf: Fatal error: L6002U: Could not open file .\obj\test.o: No such file or directory改了环境变量，用的程序也没错的，求解！！_course
2019-12-22
WebGL加载json模型，贴图混论处理_course
2016-02-18使用3dmax建立模型，后导出为OBJ+mtl,然后转JSON，但加载时出现比较多的贴图混乱，比如 情况一：  情况二：  不知从何下手~~有没有批量修改调整的办法呢？
3D模型obj文件转换json_course
2015-11-27D:\Program Files (x86)\Python\Python35-32>python "d:\Program Files (x86)\obj-convert-js\convert_obj_three.py" -i *.obj -o result.js File "d:\Program Files (x86)\obj-convert-js\convert_obj_three.py", line 815 print "WARNING: skipping morph [%s] with different number of vertices [%d] than the original model [%d]" % (name, n_morph_vertices, n_vertices) ^ SyntaxError: invalid syntax D:\Program Files (x86)\Python\Python35-32> 以上就是我的转换运行命令，一直转换不了，求大神解答！
MySQL数据库从入门实战课
2019-12-31限时福利1：购课进答疑群专享柳峰（刘运强）老师答疑服务。 限时福利2：购课后添加学习助手（微信号：csdn590），按消息提示即可领取编程大礼包！ 注意：原价129的课程，最后2天限时秒杀仅需49元！！ 为什么说每一个程序员都应该学习MySQL？ 根据《2019-2020年中国开发者调查报告》显示，超83%的开发者都在使用MySQL数据库。 使用量大同时，掌握MySQL早已是运维、DBA的必备技能，甚至部分IT开发岗位也要求对数据库使用和原理有深入的了解和掌握。 学习编程，你可能会犹豫选择 C++ 还是 Java；入门数据科学，你可能会纠结于选择 Python 还是 R；但无论如何， MySQL 都是 IT 从业人员不可或缺的技能！ 【课程设计】 在本课程中，刘运强老师会结合自己十多年来对MySQL的心得体会，通过课程给你分享一条高效的MySQL入门捷径，让学员少走弯路，彻底搞懂MySQL。 本课程包含3大模块： 一、基础篇： 主要以最新的MySQL8.0安装为例帮助学员解决安装与配置MySQL的问题，并对MySQL8.0的新特性做一定介绍，为后续的课程展开做好环境部署。 二、SQL语言篇： 本篇主要讲解SQL语言的四大部分数据查询语言DQL，数据操纵语言DML，数据定义语言DDL，数据控制语言DCL，学会熟练对库表进行增删改查等必备技能。 三、MySQL进阶篇： 本篇可以帮助学员更加高效的管理线上的MySQL数据库；具备MySQL的日常运维能力，语句调优、备份恢复等思路。
Python入门到实战一卡通_course
2020-06-09<span><span><span><span> <p class="ql-long-24357476"> <span> </span> </p> <p class="ql-long-24357476"> 【课程特色】 </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">1、超强师资+体系全面+ 1 对 1 答疑+离线缓存+永久有效，无限回放</span> </p> <p class="ql-long-24357476"> 2、知识全面系统，从Python入门到逐步进阶到爬虫、数据分析、Web框架、人工智能应用 </p> <p class="ql-long-24357476"> <br> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">【优惠说明】</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">1、8大课程，250余节视频课，原价998元，今日联报立减800，仅需198元</span> </p> <p class="ql-long-24357476"> <span class="ql-author-24357476">2、</span>现在购课，就送价值800元的编程大礼包！ </p> <p class="ql-long-24357476"> 备注：请添加微信：itxy41，按提示获取讲师答疑服务。 </p> <p> <br> </p> <p class="ql-long-24357476"> 讲师介绍：裴帅帅，前百度资深架构师，现爱奇艺算法架构师全程亲自授课。 </p> <p> <br> </p> <p class="ql-long-24357476"> 【为什么要学习这门套餐课？】 </p> <p class="ql-long-24357476"> Python无论是在web/爬虫/人工智能/大数据/机器学习/测试/运维/数据分析等等领域都有大量的应用，但是作为小白来讲，很难确定最适合自己的应用方向。 </p> <p> <br> </p> <p class="ql-long-24357476"> 在这门课程中，将带你从零入门Python，并向你讲授实战 Python 各个应用方向的核心知识点，同时应用于实战项目。 </p> <p> <br> </p> <p class="ql-long-24357476"> 【学完后我将达到什么水平？】 </p> <p class="ql-long-24357476"> 你将能够熟练掌握 Python 在人工智能时代的多种技能，具备使用 Python 编写代码完成 Web 后台开发、网络爬虫、数据分析、机器学习、推荐系统等多种项目实战的能力，掌握 Python 全栈工程师的核心能力。 </p> <p> <br> </p> <p class="ql-long-24357476"> 【课程学习路径】 </p> <p class="ql-long-24357476"> 本套课以市场就业和职位需求为核心，从 Python 入门到多领域实战，并结合 Python 全栈工程师的进阶路线，共分为八大模块，分别是：Python 基础、Python Web 开发、Python 爬虫、Numpy 数据计算、Pandas 数据分析、Python数据可视化、Tensorflow 深度学习、推荐系统实战应用模块。 </p> <p> <br> </p> <p class="ql-long-24357476"> 套餐中一共包含8门Python课程（共246讲）助你从零进阶Python全栈工程师！ </p> <p class="ql-long-24357476"> 课程1：《Python零基础入门视频教程》 </p> <p class="ql-long-24357476"> 课程2：《Python爬虫从入门到实战》 </p> <p class="ql-long-24357476"> 课程3：《Python使用Flask开发Web服务》 </p> <p class="ql-long-24357476"> 课程4：《Python使用Numpy入门数据计算》 </p> <p class="ql-long-24357476"> 课程5：《Python使用Pandas入门数据分析》 </p> <p class="ql-long-24357476"> 课程6：《Python数据图表可视化》 </p> <p class="ql-long-24357476"> 课程7：《Tensorflow深度学习从入门到实战》 </p> <p class="ql-long-24357476"> 课程8：《推荐系统技术入门到实战》 </p> <p> <br> </p> <p class="ql-long-24357476"> 【面向人群】 </p> <p class="ql-long-24357476"> 1、在校计算机专业或者对软件编程感兴趣的学生； </p> <p class="ql-long-24357476"> 2、想要使用数据分析、网络爬虫提升职场竞争力升职加薪的各行各业的企业白领； </p> <p class="ql-long-24357476"> 3、想要转方向成为数据分析师、大数据开发、机器学习算法、推荐系统工程师的职场码农； </p> <p class="ql-long-24357476"> 4、准备从事人工智能、Python开发的程序员。 </p> </span> <p> <br> </p> <p class="ql-long-24357476"> <br> </p> <p> <br> </p> <p class="ql-long-24357476"> 【课程知识体系图】 </p> </span></span></span> <p> <img src="https://img-bss.csdnimg.cn/202006100818561687.png" alt=""> </p>
555B雷达信号脉冲描述字的测量
2017-10-16matlab语言，学习可用，主要是雷达信号分析时计算信号的脉冲描述字
150讲轻松搞定Python网络爬虫
2019-05-16【为什么学爬虫？】 1、爬虫入手容易，但是深入较难，如何写出高效率的爬虫，如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中，经常容易遇到被反爬虫，比如字体反爬、IP识别、验证码等，如何层层攻克难点拿到想要的数据，这门课程，你都能学到！ 2、如果是作为一个其他行业的开发者，比如app开发，web开发，学习爬虫能让你加强对技术的认知，能够开发出更加安全的软件和网站 【课程设计】 一个完整的爬虫程序，无论大小，总体来说可以分成三个步骤，分别是： 网络请求：模拟浏览器的行为从网上抓取数据。 数据解析：将请求下来的数据进行过滤，提取我们想要的数据。 数据存储：将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 那么本课程也是按照这几个步骤循序渐进的进行讲解，带领学生完整的掌握每个步骤的技术。另外，因为爬虫的多样性，在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性，分别是： 爬虫进阶：包括IP代理，多线程爬虫，图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 Scrapy和分布式爬虫：Scrapy框架、Scrapy-redis组件、分布式爬虫等。 通过爬虫进阶的知识点我们能应付大量的反爬网站，而Scrapy框架作为一个专业的爬虫框架，使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求，我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 从基础爬虫到商业化应用爬虫，本套课程满足您的所有需求！ 【课程服务】 专属付费社群+每周三讨论会+1v1答疑
软件测试2小时入门
2018-10-10本课程内容系统、全面、简洁、通俗易懂，通过2个多小时的介绍，让大家对软件测试有个系统的理解和认识，具备基本的软件测试理论基础。 主要内容分为5个部分： 1 软件测试概述，了解测试是什么、测试的对象、原则、流程、方法、模型； 2.常用的黑盒测试用例设计方法及示例演示； 3 常用白盒测试用例设计方法及示例演示； 4.自动化测试优缺点、使用范围及示例‘； 5.测试经验谈。
- 学院 信息系统项目管理师-通关教程-第3阶段-选择题2017下
- 学院 Prometheus+Grafana 全方位监控系统
- 博客 第5章 显示选项与科学可视化
- 下载 axi_jtag IP核测试源码
- 学院 标杆徐全新Linux云计算运维系列⑩: Docker容器快速入门与实践
- 下载 关于单片机加密的问题
- 学院 OMNet++入门到精通
- 博客 [NOIp2018] 摆渡车
- 学院 Python函数编程上（纯面授课程）
- 博客 linux-配置系列五 jdk mysql redis elasticsearch
- 下载 基于HID 规范的六轴体感游戏手柄设计与实现
- 下载 基于USB总线的心电检测系统设计
- 博客 运用Python——使用wave & pyaudio录音
- 博客 Node.js webpack中url-loader处理图片路径
- 下载 2020最新6.2.3黑群晖DS918+虚拟机启动文件
- 博客 攻防世界2分题（Web_php_include）
- 博客 设计模式----02
- 学院 Python基础入门（纯面授课程）
- 下载 web大作业报告.docx
- 博客 电工电子技术实训QY-DQJ07
- 下载 PCB设计EMI问题：高速信号走线规则
- 博客 LORA通信距离实测（二）
- 下载 JDK-8u91(windows-x64).zip
- 下载 Tampermonkey 内置视频脚本
- 博客 html常用标签记录
- 博客 vue路由vue-router的安装及使用方式
- 下载 编码器原理及常见知识问答
- 博客 详细一一分享关于-字段解析
- 下载 单片机应用系统硬件电路设计参考
- 博客 Jsoup-爬取实战