1

我不明白为什么这个脚本不能在 IE 中运行，而它在 Firefox 和 Chrome 中运行。当我尝试在 IE 中使用此脚本时，我收到此消息“ACTIVEX 停止脚本”。

请帮我。

<!DOCTYPE html>
<html>
<head>
  <title>Getting Started with Three.js</title>

  <script type="text/javascript" src="http://www.html5canvastutorials.com/libraries/Three.js"></script>
  <script type="text/javascript">
  window.onload = function() {
    var renderer = new THREE.WebGLRenderer();
    renderer.setSize( 800, 600 );
    document.body.appendChild( renderer.domElement );
    var scene = new THREE.Scene();
    var camera = new THREE.PerspectiveCamera(
      35,       // Field of view
      800 / 600,    // Aspect ratio
      0.1,      // Near plane
      10000       // Far plane
    );
    camera.position.set( 15, 10, 10 );
    camera.lookAt( scene.position );
    scene.add( camera );
    var cube = new THREE.Mesh(
      new THREE.CubeGeometry( 5, 5, 5 ),
      new THREE.MeshLambertMaterial( { color: 0xFF0000 } )
    );
    scene.add( cube );
    var light = new THREE.PointLight( 0xFFFF00 );
    light.position.set( 10, 0, 10 );
    scene.add( light );
    renderer.render( scene, camera );
  };
  </script>
</head>
<body></body>
4

2 回答 2

2

Three.js WebGLRenderer 在 IE 中不起作用（不支持 WebGL）

尝试

var renderer = new THREE.CanvasRenderer()

反而

于 2012-06-28T13:58:20.610 回答
2

作为上述非常简单的解决方案的替代方案，您可以使用 changedq 和 mrdoob 的出色Detector.js 脚本，该脚本包含在three.js 的示例中。如果您使用如下代码，您可以使用 WebGLRenderer 作为默认值，并且仅当 WebGL 不可用时才使用画布。您还可以使用 webglEnabled 之类的标志，以便稍后在代码中根据您的渲染器设置其他选项。

var webglEnabled = false;
var webglReq = false;

if (Detector.webgl) {
    renderer = new THREE.WebGLRenderer(
            {
                antialias: true,
                preserveDrawingBuffer: true
            });  // allow screenshot 

    webglEnabled = true; // set flag 
}
else if (webglReq) { Detector.addGetWebGLMessage(); return false; } 
else {
    renderer = new THREE.CanvasRenderer();
}
renderer.setClearColorHex(0x000000, 1);
renderer.setSize(window.innerWidth, window.innerHeight);
于 2012-06-28T17:27:16.840 回答