IEWebGL插件Three.js

Question

我已經創建了這個代碼，使用three.js庫和webgl來旋轉一個帶有軌跡球的立方體。它適用於Chrome和Firefox，但需要它在Internet Explorer 10上工作，我下載了IeWebgl，據說它可以幫助它在IE10上工作，但它沒有做任何事情，只是說webgl不是由互聯網支持，他們的網站上有一些說明，但我做不理解他們。這裏是我的代碼..

Answer 1

它有可能使IE + ieWebGL兼容場景。

要做到這一點，你可以從demos' sources on ieWebGL site開始。 場景必須由另一個結構構建（一些three.js腳本必須由require.js加載）。

這一個似乎工作：

<script src="http://iewebgl.com/scripts/webglhelper.js" type="text/javascript"></script> 
<script src="path/require.js"></script> 

<script src="other_three.js-scripts"></script> 

<script> 

    // stub for "console" object, because IE does not have it, when page is not under debugger. 
    var console = console || { 
     'warn': function (msg) { }, 
     'log': function (msg) { }, 
     'error': function (msg) { } 
    }; 

    var container, camera, controls, scene, renderer; 

    function start() 
    { 
     require 
     (
      ["path/build/three.min.js", "path/examples/js/controls/your_controls.js"], 
      function() 
      { 
       init(); 
       animate(); 
      } 
     ); 
    } 

    function init() 
    { 
     container = document.getElementById('renderCanvas'); 

     // renderer 
     renderer = new THREE.WebGLRenderer({ 'canvas': container }); 
     renderer.setSize(window.innerWidth, window.innerHeight); 

     scene = new THREE.Scene(); 
     ... 
    } 
    ... 
</script> 

<!-- create proper element (native canvas element or IEWebGL plugin object element) depending on web browser and WebGL support --> 
<script id="WebGLCanvasCreationScript"type="text/javascript">WebGLHelper.CreateGLCanvasInline('renderCanvas', start)</script>