webgl FBO texture

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : webgl FBO texture

octaveos

Bonsoir à tous,

Je vous expose mon problème.

Je suis en train de me faire une lib webgl. shader, fonction javascript ect...
Jusqu'à la tout se passe bien. Mais voila mon premier obstacle.

J’enregistre le rendu d'une scène dans une texture via gl.createFramebuffer();
La scène est correctement enregistrée et la texture peut être utilisée dans des shaders pour générer des effets comme le shadow mapping, le glow, ect ... :love:

Le problème est le suivant:
En fonction de la position du point d'observation la textures s’altère et ne laisse apparaître que le backgound de celle-ci. (exemple : un rond rouge dans une fond vert, le rond rouge disparaît)
Cas concret, je souhaitre rendre ma texutre dans un rectangle en fullscreen. Si le rectangle s'approche trop du point du vue, ou si celui-ci prend tout l'ecran la texture bug.
De meme en vu ortho, si les dimention du rectangle se rapproche trop des bords de l'écran, les éléments affichés dans la texture disparaissent.
juste avant que la texture s'efface, on commence à voir uniquement les details sur les arretes du rectangle, puis finalement tout disparait.

La scène étant enregistrée en tant que texture dans le buffer, pourquoi celle si se transforme en fonction de la distance d'observation. si je remplace la texture par une texture png en dure, tout fonctionne correctement.
qu'est qui m'échape?

merci.

Publicité

Terminapor

I'll see you rise.

ça vient probablement du depth buffer que tu as mal enregistré dans ton framebuffer, fais voir ton code

Message cité 1 fois

---------------
Perhaps you don't deserve to breathe

octaveos

Terminapor a écrit :

ça vient probablement du depth buffer que tu as mal enregistré dans ton framebuffer, fais voir ton code

^^ en effet, à part la manipulation des matrices, les notions de buffering m’échappent.
en gros j'ai fais une petite fonction me permettant de stocker dans un tableau mes textures générées.

Code :

function createFBO(width,height,type,textureSize){
var buffer = {};
buffer.framebuffer = type=="screen"? null:gl.createFramebuffer();
buffer.height = parseInt(height);
buffer.width = parseInt(width);
buffer.textureSize = textureSize
if(buffer.framebuffer){
initTextureFramebuffer(buffer)
buffer.storeToMap = function(){
gl.bindTexture(gl.TEXTURE_2D, this.map);
gl.generateMipmap(gl.TEXTURE_2D);
gl.bindTexture(gl.TEXTURE_2D, null);
gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);
}
}
return buffer;
}
function initTextureFramebuffer(buffer) {
gl.bindFramebuffer(gl.FRAMEBUFFER, buffer.framebuffer);
var s = buffer.textureSize?buffer.textureSize:buffer.width;
buffer.map = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, buffer.map);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, s, s, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
gl.generateMipmap(gl.TEXTURE_2D);
var renderbuffer = gl.createRenderbuffer();
gl.bindRenderbuffer(gl.RENDERBUFFER, renderbuffer);
gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, s, s);
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, buffer.map, 0);
gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, renderbuffer);
gl.bindTexture(gl.TEXTURE_2D, null);
gl.bindRenderbuffer(gl.RENDERBUFFER, null);
gl.bindFramebuffer(gl.FRAMEBUFFER, null);
}

octaveos

Hello !!

Je relance mon sujet.

Alors je récapitule : Lors ce que j'affiche des textures du framebuffer sur un objet, celles-ci disparaissent quand le point d’observation s'approche ou que l'objet prend tout l'écran.
En fait les textures ne disparaissent pas. elles prennent la couleur de leur background.

Pour chaque frame, la ProjectionMatrix, la ViewMatrix et la MVMatrix sont dé-corrélées. Je ne comprend pas pourquoi le modification d'une matrice dans le dernier rendu peut influencer les pixels d'une texture déjà rendu.

Recap du code de la création des textures :

Code :

buffer.map = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, buffer.map);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR_MIPMAP_NEAREST);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 512, 512, 0, gl.RGBA, gl.UNSIGNED_BYTE, null);
buffer.framebuffer = gl.createFramebuffer();
gl.bindFramebuffer(gl.FRAMEBUFFER, buffer.framebuffer);
var renderbuffer = gl.createRenderbuffer();
gl.bindRenderbuffer(gl.RENDERBUFFER, renderbuffer);
gl.renderbufferStorage(gl.RENDERBUFFER, gl.DEPTH_COMPONENT16, 512, 512);
gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, buffer.map, 0);
gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, renderbuffer);

voila. tout me semble normal...

octaveos

C'est bon, j'ai trouvé !!

gl.clearColor(1.0, 1.0, 1.0, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT);

mal placés.

William6

Merci d'avoir partagé j'avais un problème similaire!

Will
http://webgl.tv

FORUM HardWare.fr

Programmation

HTML/CSS

webgl FBO texture

Sujets relatifs
mappage de texture	webgl
c++ opengl charger image texture	[GLSL - fragment shader] indéxer une texture
Equivalent de GL_MAX_TEXTURE_UNITS en Direct3d	Rendu sur texture : opengl
OPENGL - lire les valeurs RGBA d'une texture	Coordonnées de texture foireuses avec lib3ds
[glut] texture ?	Opengl+Qt impossible de charger une texture
Plus de sujets relatifs à : webgl FBO texture

Page générée en 0.068 secondes