aFrame does not work on Windows 7 IE11

yazz commented 7 years ago

aFrame does not work on Windows 7 IE11. On a Windows 7 machine on IE11 open up any of the demos from the website. ie:

https://aframe.io/examples/showcase/helloworld/

The first Javascript error in the console is:

var evt = new CustomEvent(name, data); el.dispatchEvent(evt);

But fixing this just leads to several more errors.

0.5
Windows 7 desktop PC
Reproducible Code Snippet or URL:

https://aframe.io/examples/showcase/helloworld/

donmccurdy commented 7 years ago

Hi @zubairq, see previous discussion of this here: https://github.com/aframevr/aframe/issues/1475

A-Frame supports Microsoft Edge, but not IE11. There are both feature and performance issues that make supporting IE11 unrealistic for us. If you're going for a simpler (non-VR) 360º pano experience, you may want to consider VR View. For VR content, you will need a newer browser.

ngokevin commented 7 years ago

Yeah I'd use Microsoft edge. Ie11 would be hard to support well. Very minimum we'd need to include a custom event polyfill just for ie

yazz commented 7 years ago

I got the basic stuff in Aframe working now in IE11. I added the following Javascript to my main page:

```
(function () {
    if ( typeof window.CustomEvent === "function" ) return false;
      function CustomEvent ( event, params ) {
       params = params || { bubbles: false, cancelable: false, detail: undefined };
       var evt = document.createEvent( 'CustomEvent' );
       evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
       return evt;
    }
    CustomEvent.prototype = window.Event.prototype;
    window.CustomEvent = CustomEvent;
})();
```

And it seems to do the trick. I don't know yet if it will work for complex examples beyond boxes and text though

sim3083 commented 6 years ago

@zubairq

I have tried inserting this at the top and bottom of my code in a dedicated

which is here

https://github.com/zubairq/visifile/blob/master/public/es6-shim.js

But I couldn't get Aframe 0.71 to work which is why I stayed on 0.70

dmarcos commented 6 years ago

@sim3083 Thanks. Can you click on those errors and see the A-Frame line that it is actually failing?

dmarcos commented 6 years ago

This is because an inconsistency of IE11 CustomEvent implementation where you cannot call new CustomEvent. From CanIuse:

While a window.CustomEvent object exists, it cannot be called as a constructor. Instead of new CustomEvent(...), you must use e = document.createEvent('CustomEvent') and then e.initCustomEvent(...)

https://caniuse.com/#feat=customevent

sim3083 commented 6 years ago

@dmarcos

Sorry I have used the wrong file...

Using aframe 0.7.0 without the js

nothing loads at all - no console errors

Using aframe 0.7.0 and the js from this post

get no issues but the main image loads without any aframe functionality.

Using aframe 0.7.1 without the js

nothing loads

A-Frame Version: 0.7.1 (Date 18-10-2017, Commit #760f3a2)
three Version: ^0.87.0
WebVR Polyfill Version: ^0.9.36
SCRIPT445: Object doesn't support this action
File: aframe.min.js, Line: 445, Column: 2257

var o=new CustomEvent(t,r);e.dispatchEvent(o)}, is the error -> Object doesnt support this action (which you mentioned above)

Using aframe 0.7.1 and the js from this post

I get 107 errors and 17 warnings, it starts like below

A-Frame Version: 0.7.1 (Date 18-10-2017, Commit #760f3a2)
three Version: ^0.87.0
WebVR Polyfill Version: ^0.9.36
THREE.WebGLRenderer 87
THREE.WebGLRenderer: WEBGL_depth_texture extension not supported.
THREE.WebGLRenderer: OES_texture_float_linear extension not supported.
THREE.WebGLRenderer: OES_texture_half_float extension not supported.
THREE.WebGLRenderer: OES_texture_half_float_linear extension not supported.
THREE.WebGLRenderer: OES_standard_derivatives extension not supported.
THREE.WebGLRenderer: ANGLE_instanced_arrays extension not supported.
THREE.WebGLRenderer: OES_element_index_uint extension not supported.
WEBGL11095: INVALID_OPERATION: clearStencil: Method not currently supported
File: aframe.min.js, Line: 105, Column: 3544
core:schema:warn Unknown property `height` for component/system `geometry`. 
core:schema:warn Unknown property `width` for component/system `geometry`. 
THREE.WebGLShader: Shader couldn't compile.

I have just applied basic functionality using examples from the a-frame site, was hoping just to get it working in IE without too much hassle but this may not be possible

Thanks for your help so far

dmarcos commented 6 years ago

It also seems that IE 11 webgl implementation is missing some stuff. Proper custom elements and WebGL are minimum requirements for A-Frame. Is anything preventing you from upgrading from IE11?

sim3083 commented 6 years ago

Personally, I would prefer they not use it at all but I am trying to cover all bases.

So no go then?

yazz commented 6 years ago

@sim3083 I tried to follow the thread but I got a bit lost. Could you post just ONE message where you list the problem top down so that I can understand what you are trying to achieve and what you have tried? (Sorry but I suffer from bad short term memory so I need stuff explained in baby steps - I am not being sarcastic either )

yazz commented 6 years ago

@sim3083 Alternatively if you could post an online link to your example then I can try it in IE 11 and try and fix it myself

sim3083 commented 6 years ago

@zubairq

That's totally fine... I had a couple of different versions running to see what I could get to work.

http://repo3.cfals.info/tram_supply/index2.html

That's the simple one, I have one with more complexity and some jquery but need to see if this works first.

Thanks!

dmarcos commented 6 years ago

The CustomEvent issue could be special cased for IE 11. I don’t see any solution for the missing WebGL methods and extensions. Unfortuantely A-Frame won’t be able to support IE 11

yazz commented 6 years ago

@sim3083 Some of the AFrame stuff works on IE11. The demo of our product, Visifile is here:

http://139.162.228.5/

It is AFrame 0.7 and works on IE 11, you can try it to see. Are you saying that the link you posted does not work with IE 11?

http://repo3.cfals.info/tram_supply/index2.html

dmarcos commented 6 years ago

@zubairq Some of it might work if you don't hit any THREE path that uses any of the WebGL missing extensions or methods.

yazz commented 6 years ago

@dmarcos I am not sure what you mean by ¨THREE path that uses any of the WebGL missing extensions or methods¨, could you give me an example?

sim3083 commented 6 years ago

@zubairq your example does not work in Chrome or IE11

VM126:164 WebSocket connection to 'ws://139.162.228.5/websocket' failed: Error during WebSocket handshake: Unexpected response code: 307

The link I posted does not work in IE11

yazz commented 6 years ago

@sim3083 Could you provide me with some details of where you are running this from? It sounds to me like you are running this either from a restricted network access PC or on a corporate network where they discallow certain websocket connections, as the error you get is caused by Websockets, not AFrame

sim3083 commented 6 years ago

@zubairq It is from a work network... does this mean its another barrier for this working in IE?

dmarcos commented 6 years ago

@sim3083 Do you see the same WebSocket error in other browsers besides IE11?

sim3083 commented 6 years ago

@dmarcos @zubairq IE11 Firefox and Chrome all show that error going through the network

Outside the network Chrome works Firefox works IE11 - blank screen with this in console

THREE.WebGLShader: Shader couldn't compile.

THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(61, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(124, 1): syntax error, unexpected UNSUPPORTED_TOKEN

Ill try and compare @zubairq version with mine and see if I can spot what I am doing wrong

dmarcos commented 6 years ago

@sim3083 The WebSockets error is something particular to your network configuration. The other one is due to the incomplete IE 11 WebGL implementation.

sim3083 commented 6 years ago

Thanks @dmarcos

I have yet to see a working version on IE11 or less so at the moment I am assuming it cant be done... I have tried to apply the code from this page with no success so not sure what to do

yazz commented 6 years ago

@sim3083 Just so that I can look further into this, do you get the error on IE:

THREE.WebGLShader: Shader couldn't compile.

when you go to this link

http://139.162.228.5/

?

yazz commented 6 years ago

@sim3083 But it CAN be done in IE11. I have seen over 80 different Windows 7 PCs with IE11 run Aframe from the link http://139.162.228.5/

sim3083 commented 6 years ago

@zubairq this is what i get when looking at it in IE11 (outside the network)

   A-Frame Version: 0.7.0 (Date 22-09-2017, Commit #75ac4d8)
   three Version: ^0.87.0
   WebVR Polyfill Version: ^0.9.36
   THREE.WebGLRenderer 87
   WEBGL11095: INVALID_OPERATION: clearStencil: Method not currently supported
   File: aframe.min.js, Line: 105, Column: 3544
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(61, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(124, 1): syntax error, unexpected UNSUPPORTED_TOKEN

   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(67, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(134, 1): syntax error, unexpected UNSUPPORTED_TOKEN

   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(62, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(125, 1): syntax error, unexpected UNSUPPORTED_TOKEN

   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(67, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(134, 1): syntax error, unexpected UNSUPPORTED_TOKEN

   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: INVALID_OPERATION: useProgram: Program not linked
   File: aframe.min.js, Line: 105, Column: 4729
   WEBGL11039: INVALID_OPERATION: drawArrays: This context does not have a current program
   File: aframe.min.js, Line: 104, Column: 3671
   WEBGL11042: Too many errors encountered - no more errors will be logged
   File: aframe.min.js, Line: 105, Column: 4729
   **** window.when_queries_changes = function(fields) { called
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
 Shader compilation errors
(3, 1): Internal compiler error

   Browser received from server socket: {
  "message_type": "client_get_all_queries"
}
   Browser received from server socket: {
  "message_type": "client_get_all_queries_done"
}
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(61, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(124, 1): syntax error, unexpected UNSUPPORTED_TOKEN

   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLShader: Shader couldn't compile.
   THREE.WebGLProgram: shader error:  0 gl.VALIDATE_STATUS false gl.getProgramInfoLog Shader has not been successfully compiled
 Shader compilation errors
(68, 1): syntax error, unexpected UNSUPPORTED_TOKEN
 Shader compilation errors
(135, 1): syntax error, unexpected UNSUPPORTED_TOKEN

sim3083 commented 6 years ago

@zubairq

Are you able to have a look at this file and tell me if it runs for you in IE11 (or lower) or what I have to do to get it to run?

http://repo3.cfals.info/tram_supply/index2.html

Thanks

yazz commented 6 years ago

@sim3083 Ok, I will try that later today

sim3083 commented 6 years ago

@zubairq thanks heaps... may mean I cant use a-frame which is a real shame

yazz commented 6 years ago

@sim3083 I just tried the link http://repo3.cfals.info/tram_supply/index2.html in Chrome on my Mac and I only get a JPEG on the screen, nothing in AFrame though, is that the correct behaviour?

sim3083 commented 6 years ago

@zubairq sorry try it now

yazz commented 6 years ago

@sim3083 Ok, that works on my mac. I'll try IE11 later today

sim3083 commented 6 years ago

@zubairq great cheers

yazz commented 6 years ago

@sim3083 http://repo3.cfals.info/tram_supply/index2.html works in Chrome from work network

yazz commented 6 years ago

@sim3083 doesn't work from IE 11 on my work network

yazz commented 6 years ago

@sim3083 I looked at the "View source" of the page http://repo3.cfals.info/tram_supply/index2.html but I couldn't see the extra IE code that I suggested you add though:

yazz commented 6 years ago

@sim3083 Look at :+1:

https://github.com/zubairq/visifile/blob/master/public/index.html

and copy the header and meta tags and also

        (function () {

              if ( typeof window.CustomEvent === "function" ) return false;

              function CustomEvent ( event, params ) {
                params = params || { bubbles: false, cancelable: false, detail: undefined };
                var evt = document.createEvent( 'CustomEvent' );
                evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail );
                return evt;
               }

              CustomEvent.prototype = window.Event.prototype;

              window.CustomEvent = CustomEvent;
            })();

and also the sript

es6-shim.js

then it should work

sim3083 commented 6 years ago

@zubairq Thanks for your efforts

I added the code and copied the aframe and es6 js files to my location gave it a go (at the same address) and it gave me the same errors as the ones I posted above (the long one)

See if it works for you in IE11

S

yazz commented 6 years ago

@sim3083 It's fine, I committed on the AFrame forum that I will try and get AFrame working with IE11 so I will stick by my word, as long as I know it is still possible

Can you update the example https://github.com/zubairq/visifile/blob/master/public/index.html with the changes then I can test it and see what you have added.

yazz commented 6 years ago

@sim3083 I mean can you update http://repo3.cfals.info/tram_supply/index2.html

sim3083 commented 6 years ago

Already done @zubairq

yazz commented 6 years ago

@sim3083 Ok, super, I can test it in IE next week at work

yazz commented 6 years ago

@sim3083 works fine for me now, on IE 11.0.9, what version of IE do you have and is it running in Edge mode?

sim3083 commented 6 years ago

11.0.9600.16428

Is this through your work network? When I test it at work I get nothing and no errors, outside of work I get the errors from above

Can you also test the below link? It has some jquery overlays on it

http://simonbertoli.com/aaa/

aframevr / aframe

aFrame does not work on Windows 7 IE11 #2758