javascript - Blank texture in webGL -

-

i have simple quad, , simple shader (see below). load image needed texture, process it, uniform place in shader program, , send it, way has been explained in "learning webgl" examples. tested , used webgl inspector see textures i've been using , problem quad whole black. in fragment shader, line:

gl_fragcolor = texture2d( usampler, vuv);

actually sets fragment color (0,0,0,1). it's "blank" texture, or all-black alpha equals 1 texture, not same image i'm trying attach.

if encountered similar problem , knows how fix it, please tell me. it's done in chrome, --allow-file-access-from-files flag, html page, js/webgl code , image local, tested on server, no results.

vertex:

attribute vec3 avertexposition; attribute vec2 auv; uniform mat4 upmatrix; uniform mat4 umvmatrix; varying vec2 vuv; void main() { vuv = auv; gl_position = upmatrix * umvmatrix * vec4(avertexposition, 1.0); }

fragment:

uniform sampler2d usampler; varying vec2 vuv; void main() { gl_fragcolor = texture2d( usampler, vuv) }

texture loading , attaching:

var tex = new chaos.texture().load2d("ch.jpg"); var mat = new chaos.material().fromscript("v1", "f1"); mat.addtexture("usampler", tex);

loading function:

load2d: function(url) {     function handletextureloaded(image, texture, gl) {         gl.bindtexture(gl.texture_2d, texture);         gl.teximage2d(gl.texture_2d, 0, gl.rgba, gl.rgba, gl.unsigned_byte, image);         gl.texparameteri(gl.texture_2d, gl.texture_mag_filter, gl.linear);         gl.texparameteri(gl.texture_2d, gl.texture_min_filter, gl.linear_mipmap_nearest);         gl.texparameteri(gl.texture_2d, gl.texture_wrap_s, gl.clamp_to_edge);         gl.texparameteri(gl.texture_2d, gl.texture_wrap_t, gl.clamp_to_edge);         gl.generatemipmap(gl.texture_2d);         gl.bindtexture(gl.texture_2d, null);     }      var tex, im, gl = chaos.__r.context;      tex = gl.createtexture();     im = new image();     im.src = url;     im.onload = function() { handletextureloaded(im, tex, gl); }       return tex; },

and addtexture:

addtexture: function(name, texture) {     this.maps[name] = texture;     this.locunif(name); }

in render function there's part:

for(var key in mate.maps) {   gl.activetexture(gl.texture0 + tex_count); // problem int+string, don't @   gl.bindtexture(gl.texture_2d, mate.maps[key]);   gl.uniform1i(shaderprogram.unif[key], tex_count);        tex_count++; }

i declared property .isready on texture, , put on 'true' in end of image's onload callback function. in render function check if .isready , send gpu. if animation running, visible in second or third frame, depending on image size , time takes loaded. problem used local variable buffered arrays, discarded after first frame rendered (because buffer data once). fine now.

      •  

if encounteres similar problem blank texture, check if right values being sent gl.uniform1i, check binded texture actual webgl texture object , check how attributes going.


Comments

Post a Comment

Popular posts from this blog

Perl - how to grep a block of text from a file -

-
it can in xml or text format. how in general grep block of text in perl? <track type="ws"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>0</locationindex> <propertyindex>0</propertyindex> </range> </track> <track type="ps" id="1"> <range> <rangestart>0</rangestart> <rangeend>146.912</rangeend> <locationindex>1</locationindex> <propertyindex>1</propertyindex> </range> </track> i want grep type="ps" , till </range> . one solution open file, read line line , match block. open(fh, "file.txt"); foreach $line (<fh>) { if ($line =~ m/type="cc"(.*?)<\/range>/) { print $1; } } but there more optimal solution without reading file line l
Read more

delphi - How to remove all the grips on a coolbar if I have several coolbands? -

-
Image
if set mycoolbar.fixedorder true,only grip on first band hidden. well,if use delphi 7 create vcl forms application,then put coolbar on , create 3 coolbans hold other controls,only grip , top coolbands can hidden setting mycoolbar.fixedorder:=true. i've uploaded picture make things clear. you got fixedorder property wrong. fixed property not allow bands rearranged if set true . setting property of coolbar true keep user changing bands order @ runtime, user can still move , resize bands. can give advice can do, actual solution problem, well, have wait answer. my advice use 3 coolbars in row , setting "fixedorder" property true , bandborderstyle bsnone . way grip hidden on of them. about property, it's not bug of ide, actual preference of property.
Read more

javascript - Animating array of divs; only the final element is modified -

-
this baffling me @ moment. i'm experienced programmer looking throw bit of surprise fiancee on countdown page our wedding. desired effect simulated confetti falling behind main page. setup follows: i have array of divs in javascript. each div absolutely positioned on page. have interval set updates every 50 or milliseconds. on each tick, run loop on array of divs, , calculations , update positions. problem problem having, however, though can see divs created, stored array, , modified (in case, each has slight randomized rotation) during initialization phase, once tick update position starts, div stored in whatever last slot of array gets position updated. tried hard-coding each div index testing purposes, strictly last element update position. upon printing current "left" , "top" style values each div before , after calculations shows value has been changed, no visible change noticeable. here's basic code: javascript var container;
Read more