Articles of three.js

Spessore delle linee usando THREE.LineBasicMaterial

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 […]

three.js impostare e leggere il vettore di immagine della fotocamera

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?

three.js – Regolazione dell’opacità delle singole particelle

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?

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

Come ottenere la posizione assoluta di un vertice in three.js?

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?

Utilizzo delle trame in THREE.js

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 / […]

Convertire le coordinate del mondo in coordinate dello schermo in Three.js utilizzando Projection

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) […]

Come ruotare un object 3D su axis three.js?

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 […]

La fotocamera Three.js si inclina verso l’alto o verso il basso e mantiene il livello dell’orizzonte

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 […]

Conversione della posizione 3D in posizione 2d dello schermo

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 […]