我正在尝试围绕所有 3 个轴（x，y，z）旋转一个立方体，我使用下面所示的代码：
`
<html>
<head>
<title>CM20219 – Coursework 2 – WebGL</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body { margin: 0; overflow: hidden; }
canvas { width: 100%; height: 100%; }
</style>
</head>
<body>
<script src="three.js"></script>
<script>
"use strict"; // https://stackoverflow.com/q/1335851/72470
// Global variables that are available in all functions.
// Note: You can add your own here, e.g. to store the rendering mode.
var camera, scene, renderer, mesh;
// Initialise the scene, and draw it for the first time.
init();
animate();
// Listen for keyboard events, to react to them.
// Note: there are also other event listeners, e.g. for mouse events.
document.addEventListener('keydown', handleKeyDown);
// Scene initialisation. This function is only run once, at the very beginning.
function init()
{
scene = new THREE.Scene();
// Set up the camera, move it to (3, 4, 5) and look at the origin (0, 0, 0).
camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(3, 4, 5);
camera.lookAt(new THREE.Vector3(0, 0, 0));
// Draw a helper grid in the x-z plane (note: y is up).
scene.add(new THREE.GridHelper(10, 20, 0xffffff));
}
}
</script>
</body>
</html>
`
我认为问题在于我无法使用轮换功能。有没有办法可以使用矩阵或其他东西以数学方式构建这个函数？如果解决方案非常明显，我很抱歉，我对这种编程语言真的很陌生。
慕村9548890
相关分类