Articles of webgl

Oggetto contorno (scala normale + maschera stencil) three.js

Per un po ‘di tempo, ho cercato di capire come fare una struttura di selezione degli oggetti nel mio gioco. (Quindi il giocatore può vedere l’object sopra ogni altra cosa, al passaggio del mouse) Ecco come dovrebbe apparire il risultato: La soluzione che vorrei utilizzare è la seguente: Livello 1: Disegna il modello con ombreggiatura […]

Perché gli shader devono essere in un file html per il programma webgl?

Ho visto la seguente domanda in cui qualcuno ha chiesto come rimuovere gli shader da html: WebGL – c’è un’alternativa all’incorporamento degli shader in HTML? Esistono elaborati workaround da caricare in un file contenente lo shader suggerito nelle risposte alla domanda. Nel tutorial che ho visto, il codice dello shader è incorporato direttamente nell’html. Il […]

Ottieni informazioni su CPU / GPU / memoria

Ho bisogno di ottenere informazioni sulla CPU / GPU / memoria. Il numero di core, valore di memoria, memoria e utilizzo della CPU … Ho trovato un modo per farlo per IE: Come utilizzare JavaScript per trovare informazioni sull’hardware soluzioni per altri browser che non conosco. Qualche idea su come farlo? forse webgl ha accesso […]

Differenza di rendering alfa tra OpenGL e WebGL

Sto rendendo la stessa scena usando lo stesso esatto codice C ++, una volta in OpenGL nativa su Windows e una volta usando Emscripten in WebGL. Tutto nella scena sembra esattamente lo stesso, tranne quando eseguo il rendering di qualcosa con alpha! = 1.0. La differenza è la seguente: Il colore del cubo blu è […]

L’antialiasing non funziona in Three.js

Sono nuovo di three.js e ho iniziato a lavorarci molto recentemente. Mi piace davvero e ho creato cose incredibili. Tuttavia, non sono sicuro del perché ma quando si imposta antialiasing su true non vedo alcuna differenza. renderer = new THREE.WebGLRenderer({ antialiasing: true }); Ho cercato le possibili soluzioni, ma non riesco a trovare o capire […]

WebGL Legge i pixel dalla destinazione di rendering a virgola mobile

C’è una certa confusione, ad esempio in termini di livelli di supporto per il rendering in trame a virgola mobile in WebGL. L’estensione OES_texture_float non sembra imporre di per sé, come per il supporto opzionale per le trame FLOAT come allegati FBO (deprecato) , ma sembra che alcuni fornitori siano andati avanti e implementarlo. Quindi […]

WebGL: impedisce la cancellazione del buffer dei colors

Anche se rimuovo gl.clearColor(c[0],c[1],c[2],1.0); gl.clear(gl.COLOR_BUFFER_BIT ); lo schermo viene comunque cancellato all’inizio del successivo ciclo di disegno. C’è un modo per impedirlo. Mi piacerebbe ottenere un qualche tipo di effetto overpaint.

Disegnare molte forms in WebGL

Stavo leggendo tutorial da qui . var gl; function initGL() { // Get A WebGL context var canvas = document.getElementById(“canvas”); gl = getWebGLContext(canvas); if (!gl) { return; } } var positionLocation; var resolutionLocation; var colorLocation; var translationLocation; var rotationLocation; var translation = [50,50]; var rotation = [0, 1]; var angle = 0; function initShaders() { […]

Qual è la logica dei buffer di binding in webgl?

A volte mi trovo a dover lottare tra la dichiarazione dei buffer (con createBuffer / bindBuffer / bufferdata) in ordine diverso e il rebinding in altre parti del codice, solitamente nel ciclo di disegno. Se non faccio il rebind del buffer dei vertici prima di disegnare gli array, la console si lamenta di un tentativo […]

Modo corretto per rilevare il supporto WebGL?

Sto tentando di rilevare il supporto WebGL su più browser e ho riscontrato il seguente scenario. L’attuale versione di Firefox sembra segnalare un supporto positivo utilizzando il seguente controllo, anche quando la scheda video del visitatore è in black list e / o WebGL è disabilitato: if (window.WebGLRenderingContext) { // This is true in Firefox […]