Articles of webgl

Trame trasparenti multiple sullo stesso lato mesh in Three.js

È ansible posizionare più trame l’una sull’altra sulla stessa faccia in Three.js in modo che l’alpha blending venga eseguita accelerando GPU in webGL? Le trame sono (o dovrebbero essere) applicate alla stessa faccia in modo che la trama di fondo (trama 1) sia priva di canale alfa e le trame di cui sopra siano canalizzate […]

Come fa questo a falsificare la luce su aerotwist?

Sto cercando di leggere questo tutorial: https://aerotwist.com/tutorials/an-introduction-to-shaders-part-2/ ma non sono in grado di dare seguito. Fondamentalmente il codice crea una luce direzionale usando shader che girano direttamente sulla GPU. Questo è il codice: // same name and type as VS varying vec3 vNormal; void main() { // calc the dot product and clamp // 0 […]

Canvas toDataURL () restituisce un’immagine vuota solo in Firefox

Sto usando glfx.js per modificare la mia immagine, ma quando sto cercando di ottenere i dati di quell’immagine usando la funzione toDataURL() ottengo un’immagine vuota (larghezza della stessa dimensione dell’immagine originale). La cosa strana è che in Chrome la sceneggiatura funziona perfettamente. Quello che voglio menzionare è che l’immagine viene caricata su canvas usando l’evento […]

Disegnare una linea con three.js in modo dinamico

Questo è quello che mi piacerebbe ottenere (un poligono modificabile in cui i cerchi rossi sono i vertici) e mi piacerebbe build il poligono in modo dinamico. Quando si inizia la geometria come var geometry = new THREE.Geometry(); geometry.vertices.push(point); geometry.vertices.push(point); var line = new THREE.Line(geometry, new THREE.LineBasicMaterial({})); funziona bene fino al secondo clic, costruisce una […]

Apprendimento WebGL e three.js

Sono nuovo e sto iniziando a conoscere la computer grafica 3D nei browser web. Sono interessato a creare giochi 3D in un browser. Per chiunque abbia imparato sia WebGL che three.js … È richiesta la conoscenza di WebGL per utilizzare three.js? Quali sono i vantaggi dell’uso di three.js e WebGL?

Rendering di mesh con più indici

Ho dei dati sui vertici. Posizioni, normali, coordinate della trama. Probabilmente l’ho caricato da un file .obj o qualche altro formato. Forse sto disegnando un cubo. Ma ogni pezzo di dati del vertice ha il suo indice. Posso rendere questi dati mesh usando OpenGL / Direct3D?