WebGL position different on desktop and android phone -

-

i'm trying create website contains webgl canvas. worked fine , got plane rendered, when opened website on samsung galaxy siii mini, planes origin point seems different

you can check website @ http://portfolio.kamidesigns.be canvas located under thesis -> occluder simplification using planar sections

here images show what's wrong.

desktop enter image description here

cellphone enter image description here

the plane on cellphone located on top right corner although positions of vertices of plane are

var positions = new float32array([-0.5,  0.5, 0,                                    -0.5, -0.5, 0,                                     0.5,  0.5, 0,                                     0.5, -0.5, 0]);

if can me, appreciated.

you have bunch of typos in code prevent vertex array object being created properly. leads "default values" being fed through vertex pipeline resulting in different behavior on different browsers.

firstly, change vao initialization ( missed var vao initialization):

function createvao() {     var vao = gl.extoesvertexarrayobject.createvertexarrayoes();     gl.extoesvertexarrayobject.bindvertexarrayoes(vao);     return vao; }

secondly, in storedatainattributelist calls need supply result of gl.getattriblocation attributenumber. thing make code stay correct if modify shader.

storedatainattributelist(program.aposition, 3, positions); storedatainattributelist(program.atexturecoords, 2, texturecoords); storedatainattributelist(program.anormals, 3, normals);

and lastly, in shader innormal attrib not used results in gl.getattriblocation(program, "innormal"); returning -1

you may want safe-guard storedatainattributelist against such cases this:

function storedatainattributelist(attributenumber, coordinatesize, data) {        if( attributenumber >= 0 )    {        vbo = gl.createbuffer();        gl.bindbuffer(gl.array_buffer, vbo);                         gl.bufferdata(gl.array_buffer, data, gl.static_draw);        gl.enablevertexattribarray(attributenumber);        gl.vertexattribpointer(attributenumber, coordinatesize, gl.float, false, 0, 0);        gl.bindbuffer(gl.array_buffer, null);    } }

after making these 3 changes page started displaying same results on android/pc browser.

my final advice avoid using oes_vertex_array_object extensions e.g. stock browser on samsung galaxy tab 2 doesn't support ( not old device ).


Comments

Post a Comment

Popular posts from this blog

python - pip install -U PySide error -

-
does know how avoid following error when running pip install -u pyside per official website instructions here: https://pypi.python.org/pypi/pyside/#installing-pyside-on-a-mac-os-x-system note have done brew install qt successfully. you using pip version 7.0.3, version 7.1.2 available. should consider upgrading via 'pip install --upgrade pip' command. collecting pyside using cached pyside-1.2.4.tar.gz installing collected packages: pyside running setup.py install pyside complete output command /applications/anaconda/bin/python -c "import setuptools, tokenize;__file__='/private/var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-build-cpxemt/pyside/setup.py';exec(compile(getattr(tokenize, 'open', open)(__file__).read().replace('\r\n', '\n'), __file__, 'exec'))" install --record /var/folders/dy/ttgqhqqx3g9bsbsnqnxsk2z80000gq/t/pip-0r7hri-record/install-record.txt --single-version-externally-managed --compile: ...
Read more

arrays - C++ error: a brace-enclosed initializer is not allowed here before ‘{’ token -

-
simple question: i'm trying initialize array within c++ class declaration: using namespace std; #include <string> class myclass{ public: string myarray[] = {"a","b","c"}; }; and i'm getting error: error: brace-enclosed initializer not allowed here before ‘{’ token no, without complied c++11 compiler, cannot initialize member array in declaration. have initialize array member in constructor. , don't use open array if know number of elements initialize array.
Read more

cytoscape.js - How to add nodes to Dagre layout with Cytoscape -

-
i trying add nodes dagre graph through cityscape.js. problem nodes not painted. code have: cy.add({ group: "nodes", data: { id:"n0",name:"n0",weight: 75 }, }); $.ajax(url).done(function(jsontree){ var newnodes=[]; for(var i=1;i<6;i++){ //var child = jsontree.result[i]; newnodes.push( { group: "nodes", data: { id: "n"+i, name:"n"+i}}, { group: "edges", data: { id: "e"+i, source: "n0", target: "n"+i } } ); } cy.add(newnodes); any ideas? have used loaded function reload graph not work. not know if have use specific function reload graph. thank in advance. you need add positions new nodes. cytoscape.js docs : it important note positions of newly added nodes must defined when calling cy.add(). nodes can not placed in graph without valid position — otherwise not displayed. yo...
Read more