Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.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
Javascript 为什么运行一个简单的three.js场景最终会挂在节点webkit上_Javascript_Three.js_Webgl_Node Webkit - Fatal编程技术网

Javascript 为什么运行一个简单的three.js场景最终会挂在节点webkit上

Javascript 为什么运行一个简单的three.js场景最终会挂在节点webkit上,javascript,three.js,webgl,node-webkit,Javascript,Three.js,Webgl,Node Webkit,我创建了一个简单的立方体,但我偶然发现了一个非常恼人的问题。过了一会儿,立方体停止旋转,应用程序似乎挂起了。为什么要挂起来?它似乎是随机出现的 我有一台高端游戏电脑 代码非常简单: // create a WebGL renderer, camera and scene var renderer = new THREE.WebGLRenderer(); var camera = new THREE.PerspectiveCamera(75, window.innerWidth / windo

我创建了一个简单的立方体,但我偶然发现了一个非常恼人的问题。过了一会儿,立方体停止旋转,应用程序似乎挂起了。为什么要挂起来?它似乎是随机出现的

我有一台高端游戏电脑

代码非常简单:

// create a WebGL renderer, camera and scene
var renderer = new THREE.WebGLRenderer();
var camera   = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var scene    = new THREE.Scene();

// Add the camera to the scene
scene.add(camera);

// The camera starts at 0,0,0 so pull it back
camera.position.z = 5;

// Start the renderer
renderer.setSize(window.innerWidth, window.innerHeight);

// Attach the renderer-supplied DOM element 
document.body.appendChild(renderer.domElement);

// Resize canvas when window is resized
window.addEventListener('resize', function() {
    camera.aspect = window.innerWidth / window.innerHeight;
    camera.updateProjectionMatrix();
    renderer.setSize(window.innerWidth, window.innerHeight);
}, false);

// Add test cube
var geometry = new THREE.BoxGeometry(1,1,1);
var material = new THREE.MeshBasicMaterial({color: 0x00ff00 });
var cube     = new THREE.Mesh(geometry, material);

// Add test cube to scene
scene.add(cube);

// Render
function render() {
    requestAnimationFrame(render);

    cube.rotation.x += 0.05;
    cube.rotation.y += 0.05;

    renderer.render(scene, camera);
}
render();
将其添加到package.json中


您正在webkit中运行此节点吗?为什么要包含该标记?是的,它正在node webkit中运行请参见youtube视频听起来您应该在node webkit上提交一个bug
"chromium-args": "--disable-threaded-compositing"