Sto usando il codice qui sotto per creare centinaia di linee nella mia scena three.js edgeGeometry[i] = new THREE.Geometry(); edgeGeometry[i].vertices[0] = v(x1,y1,z1); edgeGeometry[i].vertices[1] = v(x2,y2,z2); edgesMat[i] = new THREE.LineBasicMaterial({ color: 0x6699FF, linewidth: 1, fog:true}); edge[i] = new THREE.Line(edgeGeometry[i], edgesMat[i]); edge[i].type = THREE.Lines; scene2.add(edge[i]); Funziona bene, ma quando cambio il valore di “linewidth” in un valore […]
Invece di ruotare la fotocamera con camera.rotation o con la funzione lookAt () mi piacerebbe passare un vettore di sguardo direttamente alla telecamera … È ansible impostare direttamente un vettore di visualizzazione della telecamera ed è ansible leggere il look vettore dalla fotocamera?
Sto cercando di variare l’opacità delle particelle in funzione della loro distanza da un piano. Questo problema descrive il mio problema e la risposta di un anno fa era essenzialmente “non puoi” . L’opacità è apparentemente un parametro di un materiale, non un elemento, e quindi l’opacità delle singole particelle non è ansible. Qualcosa è […]
Come si salva un’immagine da una canvas Three.js? Sto tentando di usare Canvas2Image ma non mi piace giocare con Threejs. Poiché il canvas non è definito fino a quando non ha un div per attaccare l’object canvas. Canvas2Image: Save out your canvas data to images
Per quanto ne so var point = object.geometry.vertices[i]; ritornerà con la posizione relativa per x , z del punto all’interno della geometria dell’object. Come ottenere la posizione assoluta, se l’object è stato spostato, ruotato o ridimensionato?
Sto iniziando con THREE.js e sto cercando di disegnare un rettangolo con una texture su di esso, illuminato da un’unica fonte di luce. Penso che questo sia semplice come si ottiene (HTML omesso per brevità): function loadScene() { var world = document.getElementById(‘world’), WIDTH = 1200, HEIGHT = 500, VIEW_ANGLE = 45, ASPECT = WIDTH / […]
Esistono diverse eccellenti domande sullo stack ( 1 , 2 ) sulla non proiezione in Three.js, ovvero come convertire (x, y) le coordinate del mouse nel browser sulle coordinate (x, y, z) nello spazio della canvas Three.js. Per lo più seguono questo schema: var elem = renderer.domElement, boundingRect = elem.getBoundingClientRect(), x = (event.clientX – boundingRect.left) […]
Ho un grosso problema con la rotazione in three.js Voglio ruotare il mio cubo 3D in uno dei miei giochi. //init geometry = new THREE.CubeGeometry grid, grid, grid material = new THREE.MeshLambertMaterial {color:0xFFFFFF * Math.random(), shading:THREE.FlatShading, overdraw:true, transparent: true, opacity:0.8} for i in [1…@shape.length] othergeo = new THREE.Mesh new THREE.CubeGeometry(grid, grid, grid) othergeo.position.x = grid […]
camera.rotate.y padella a sinistra oa destra in modo prevedibile. camera.rotate.x guarda in alto o in basso in modo prevedibile quando camera.rotate.y è a 180 gradi. ma quando cambio il valore di camera.rotate.y in qualche nuovo valore, e poi cambio il valore di camera.rotate.x, l’orizzonte ruota. Ho cercato un algoritmo per regolare la rotazione dell’orizzonte dopo […]
Ho bisogno del codice Three.js per convertire le coordinate dell’object 3D in 2d in un elemento ‘div’ in modo da poter posizionare le etichette di testo dove devono essere (senza che le etichette si ridimensionino / si spostino / ruotino insieme al movimento 3D). Sfortunatamente, tutti gli esempi che ho visto e provato finora sembrano […]