<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>My first three.js app</title>
<style>
body {
margin: 0;
}
canvas {
width: 100%;
height: 100%
}
</style>
</head>
<body>
<script src="https://threejs.org/build/three.min.js"></script>
<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
<script src="https://threejs.org/examples/js/loaders/OBJLoader.js"></script>
<script>
var modelview;
dataPush = function ()
{
roll += 1;
if (roll > 10)
roll = 0;
updateAxis(heading, pitch, roll);
};
function animate()
{
requestAnimationFrame(animate);
renderer.render(scene, camera);
controls.update(); // 마우스로인해 변경된 카메라값을 업데이트 합니다.
}
animate();
</script>
</body>
</html>