我已經(jīng)嘗試了一段時(shí)間，但無(wú)法弄清楚為什么我的三角形沒(méi)有繞中心旋轉(zhuǎn)。我想要2個(gè)三角形彼此相鄰，并且1個(gè)旋轉(zhuǎn)60度。但是如果我旋轉(zhuǎn)的話，所有的角都應(yīng)該是相同的大小。您可以在下面找到我的代碼段。藍(lán)色三角形怎么可能向左移動(dòng)？因?yàn)槌壬疑辖谴笥谄渌?個(gè)...<!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);
threejs幾何三角形旋轉(zhuǎn)不居中
白板的微信
2021-04-05 13:12:29