Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/facebook/8.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Internet explorer 画布渲染器未在IE中渲染,在FF中滞后_Internet Explorer_Firefox_Html5 Canvas_Three.js_Lag - Fatal编程技术网

Internet explorer 画布渲染器未在IE中渲染,在FF中滞后

Internet explorer 画布渲染器未在IE中渲染,在FF中滞后,internet-explorer,firefox,html5-canvas,three.js,lag,Internet Explorer,Firefox,Html5 Canvas,Three.js,Lag,因此,我对Three.js相当陌生,但我已经设法使用CanvasRenderer创建了我想要的。唯一的问题是,代码在IE中无法工作,在FireFox中“滞后” IE通常有一些问题,不管它想做什么,这就是它如此特别的原因。我知道FireFox中的延迟可能来自我自己,但更多“高级”和繁重的东西在FireFox中运行良好,所以我认为这与我的代码有关 无论如何,我希望有人能看看我的代码,并解释为什么它在IE中不起作用,为什么它在FireFox中运行缓慢,并希望能为我指明正确的方向,这样我就可以采取某些措

因此,我对Three.js相当陌生,但我已经设法使用CanvasRenderer创建了我想要的。唯一的问题是,代码在IE中无法工作,在FireFox中“滞后”

IE通常有一些问题,不管它想做什么,这就是它如此特别的原因。我知道FireFox中的延迟可能来自我自己,但更多“高级”和繁重的东西在FireFox中运行良好,所以我认为这与我的代码有关

无论如何,我希望有人能看看我的代码,并解释为什么它在IE中不起作用,为什么它在FireFox中运行缓慢,并希望能为我指明正确的方向,这样我就可以采取某些措施来尝试解决这个问题

代码在下面,你可以通过这里看到一个活生生的例子


你的飞机有800张脸。改为这样做:

var geometry = new THREE.PlaneGeometry(window.screen.width, window.screen.height, 4, 4);

另外,你的图像是4.6兆。

这在评论中太草率了。如果没有加载和运行开发工具,IE就没有真正的控制台。在Three.JS加载之前,尝试将此代码段放入代码中。如果控制台不存在,它基本上会创建一些虚拟方法

if (typeof (console) === 'undefined') {
  var console = {}
  console.log = console.error = console.info = console.debug = console.warn = console.trace = console.dir = console.dirxml = console.group = console.groupEnd = console.time = console.timeEnd = console.assert = console.profile = function () {};
}

我也注意到了这一点,当我在IE中进行测试时,直到我打开开发工具,它才会加载。对了,现在我想到它,这似乎是一件愚蠢的事情。我只是不确定如何设置一架飞机,因为我找不到更新的演示。不管怎么说,现在FireFox中的渲染更平滑了一点,但在IE9中仍然呈现为黑色。图像非常大,因为它只是一个草稿,是一个非常大的图像(2560x1600),我想文件大小会影响动画的“平滑度”。
if (typeof (console) === 'undefined') {
  var console = {}
  console.log = console.error = console.info = console.debug = console.warn = console.trace = console.dir = console.dirxml = console.group = console.groupEnd = console.time = console.timeEnd = console.assert = console.profile = function () {};
}