【发布时间】：2016-02-13 16:10:01
【问题描述】：
如何从三个js中的三维对象获取轴？ 我的代码是
<html>
<head>
<title>three Demo</title>
</head>
<body>
<script src="three.js"></script>
<script src="STLLoader.js"></script>
<script src="Detector.js"></script>
<script>
if (!Detector.webgl) {
Detector.addGetWebGLMessage();
}
var container;
var scene, renderer, camera, cameraTarget;
init();
animate();
function init() {
container = document.createElement('div');
document.body.appendChild(container);
var img_width = 250;
var img_height = 300;
var viewAngle = 45;
var aspectRatio = img_width / img_height;
camera = new THREE.PerspectiveCamera(viewAngle, aspectRatio, 0.1, 1000);
camera.position.set(300, 450, 300);
cameraTarget = new THREE.Vector3(0, 0, 0);
scene = new THREE.Scene();
scene.fog = new THREE.Fog(0x72645b, 2, 15);
var light = new THREE.DirectionalLight(0xffffff, 1);
light.position.set(0, 300, 300);
scene.add(light);
scene.add(new THREE.AmbientLight(0x555555));
renderer = new THREE.WebGLRenderer({antialias: true});
renderer.setClearColor(scene.fog.color);
renderer.setSize(img_width, img_height);
document.body.appendChild(renderer.domElement);
var stl_loader = new THREE.STLLoader();
stl_loader.load("Bird_cage.stl", function (geometry) {
var material = new THREE.MeshPhongMaterial({color: 0xff5533, specular: 0x111111, shininess: 200});
var mesh = new THREE.Mesh(geometry, material);
mesh.position.set(0, -0.25, 0.6);
mesh.rotation.set(0, -Math.PI / 2, 0);
mesh.scale.set(0.5, 0.5, 0.5);
scene.add(mesh);
});
}
function animate() {
requestAnimationFrame(animate);
render();
}
function render()
{
var timer = Date.now() * 0.0005
camera.position.x = Math.cos(timer) * 3;
camera.position.z = Math.sin(timer) * 300;
camera.lookAt(cameraTarget);
renderer.render(scene, camera);
}
</script>
</body>
使用这个html。我加载stl文件并使用你的js将其转换为三维对象。现在，问题是，我想找到X轴，Y轴和Z轴的值. 如果有解决这个问题的建议，我必须感谢他们。
【问题讨论】：
-
get X-Axis是什么意思？ -
我不明白您所说的 X 轴、Y 轴和 Z 轴是什么意思。如果您确切地解释您想要做什么，也许会有所帮助。
-
@mrdoob 我的问题是当我将大对象加载为 stl 文件（如塔）时。我使用缩放功能（即）mesh.scale.set 来缩小对象。但是当我加载小对象时作为笼子，盒子。它进一步缩小并显示非常小的网格。我想显示大对象 stl 文件以及类似宽度和高度的小对象 stl 文件。如何做到这一点？
标签： javascript three.js