runningair / webglsamples Goto Github PK

In electricflower/postprocess.js, the code is trying to create a quarter-width, 
quarter-height frame buffer, but it actually creates one that's quarter-width 
and full height.

This is the line:

  var qw_qh_fb = tdl.framebuffers.createFramebuffer(w / 4, h, true)

And it should be:

  var qw_qh_fb = tdl.framebuffers.createFramebuffer(w / 4, h / 4, true)

Not using quarter-height results in wasted memory and a bit of noticeable 
ringing in the output (appears as horizontal stripes).

What steps will reproduce the problem?
1. Just try to run the Aquarium demo

What is the expected output? What do you see instead?
Light blue canvas with some bubbles and rays.
It should look like an aquarium.

What version of the product are you using? On what operating system?
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:2.0b7pre) Gecko/20100916 
Firefox/4.0b7pre


Please provide any additional information below.
https://bugzilla.mozilla.org/show_bug.cgi?id=597430

What steps will reproduce the problem?
1. Load demos from 
https://webglsamples.googlecode.com/hg/lots-o-objects/index.html or 
http://webglsamples.googlecode.com/hg/blob/blob.html

What is the expected output? What do you see instead?
I used to see a demo. Now I see a blank page with the FPS counter going. 


What version of the product are you using? On what operating system?
I've tried on Chrome 20.0.1132.57 m on Windows 7 as well as Chrome 17.0.963.46 
on Ubuntu 10.04 (lucid).

Please provide any additional information below.

What steps will reproduce the problem?
1. Open Halo demo in Minefield. It fails to load.

In the error console, you can see a message about 'console' being undefined in 
halo.js. Indeed this file is calling console.log() which doesn't exist in 
Minefield.

What steps will reproduce the problem?
1. Go to 
http://webglsamples.googlecode.com/hg/electricflower/electricflower.html 
http://webglsamples.googlecode.com/hg/blob/blob.html with a non-Webkit browser 
(e.g. Opera)

What is the expected output? What do you see instead?
Demos should be shown at full page height. However, the demos only cover part 
of the page height.

What version of the product are you using? On what operating system?
Using Opera 12 alpha.

Please provide any additional information below.
This can be easily fixed by adding height:100% not just to the body, but to the 
html tag as well.

What steps will reproduce the problem?
1. Open http://webglsamples.googlecode.com/hg/aquarium/aquarium.html in Firefox 
4 beta
2. Press "l" or "space" key

What is the expected output? What do you see instead?
"l" should toggle lasers.
"space" should change view.
Nothing happens.


Keys do not work with Firefox since "event.keyCode" is used instead of 
"event.charCode". The solution would be to use "event.which" instead, since 
it's what jQuery recommends.

What steps will reproduce the problem?
1. Using image editor put some text on cube map images 
(aquarium/assets/GlobeOuter_EM_positive_x.jpg etc)
2. Run standalone aquarium demo

What is the expected output?
Text should be rendered correctly. 

What do you see instead?
Text appears inverted relative to vertical plane.

What version of the product are you using? On what operating system?
Both Chromium and Firefox on Ubuntu Linux.

See line 151 of tdl/programs.js -

  var program = loadProgram(gl, vertexShader, fragmentShader);

The function parameter "gl" is only available from a global scope. 

So tdl.programs.loadProgram and tdl.programs.Program probably need to have a gl 
function parameter added ?

What steps will reproduce the problem?
1. Try to run the Caves demo
2.
3.

What is the expected output? What do you see instead?
Expected to see the cave ground and be able to see the demo like I see in 
Firefox 4. 
All I see is a red square with a black border.All the other demos on the page 
seem to work in Chrome and all work on FireFox 4.


What version of the product are you using? On what operating system?
Chrome version 10.0.648.204 on OS X 10.6.7


Please provide any additional information below.
I get this error in the console:

Uncaught TypeError: Object #<Float32Array> has no method 'subarray'

Here is where the error is: Line 60 is highlighted in the code

// Returns a fake AttribBuffer.
Growable.prototype.getAttribBuffer = function(numComponents) {
  return {
    buffer: new window[this.type](this.buffer.subarray(0, this.usedSize)), <= ERROR HERE
    numComponents: numComponents,
    numElements: this.usedSize / numComponents,
    type: this.type
  };
};

Original issue: 
https://code.google.com/p/chrome-os-partner/issues/detail?id=22417

Per [email protected] at comment #3:

This is another shader precision issue, in the fragment shader.

I found that adding the highp qualifier to the v_position varying in the 
"skyboxFragmentShader" was enough to fix the demo.

What steps will reproduce the problem?
1. Using Chrome on OS X (2011 MBP), open any of the examples, e.g. 100 Objects 
or 
persiostencehttp://webglsamples.googlecode.com/hg/persistence/persistence.html

What is the expected output? What do you see instead?
Expect animate spinning objects.

See one frozen frame. No animation, then Chrome reports the page unresponsive.


What version of the product are you using? On what operating system?
Chrome 15.0.874.121
OS X 10.7.2 
2011 MBP


Please provide any additional information below.

Curious minds want to know. As far as I can tell you're just calling 
_gl.setViewport, but that's also what THREE.js does under the covers for 
renderer.setSize() ( 
https://github.com/mrdoob/three.js/blob/master/src/renderers/WebGLRenderer.js ) 
and most webgl demos seem to have some sort of resize flicker 
http://threejs.org/examples/webgl_animation_skinning.html but I can't get 
fishies to flicker at all.