threejs几何三角形旋转不居中
我已经尝试了一段时间，但无法弄清楚为什么我的三角形没有绕中心旋转。我想要2个三角形彼此相邻，并且1个旋转60度。但是如果我旋转的话，所有的角都应该是相同的大小。
您可以在下面找到我的代码段。蓝色三角形怎么可能向左移动？因为橙色右上角大于其他2个...
<!DOCTYPE html>
<html>
<head>
<title>three.js webgl - geometries</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 {
color: #eee;
font-family:Monospace;
font-size:13px;
text-align:center;
background-color: #ffffff;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#info {
position: absolute;
top: 0px; width: 100%;
padding: 5px;
}
a {
color: #0080ff;
}
</style>
</head>
<body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/103/three.js"></script>
<script>
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight;
var aspect = SCREEN_WIDTH / SCREEN_HEIGHT;
var camera, scene, renderer, stats;
var frustumSize = 100000;
function init() {
camera = new THREE.OrthographicCamera( 0.5 * frustumSize * aspect / - 2, 0.5 * frustumSize * aspect / 2, frustumSize / 2, frustumSize / - 2, -1000, 10000 );
camera.position.y = 400;
scene = new THREE.Scene();
scene.background = new THREE.Color( 0xf0f0f0 );
camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 1000 );
camera.position.set( 0, 0, 2 );
camera.lookAt(0, 0, 0)
scene.add( camera );
var light = new THREE.PointLight( 0xffffff, 0.8 );
camera.add( light );
drawSquare()
var margin = 0.2;
var t = new triangle(0.5);
t.draw();
t.createSides(margin);
白板的微信1回答
随时随地看视频慕课网APP
相关分类
JavaScript