Ich kann kein Licht mit Mausereignis hinzufügen
Ich kann in der Szene mit three.js kein Licht mit dem Keydown-Ereignis hinzufügen.
Ich habe die folgende Funktion
function putLight(){
light = new THREE.SpotLight( 0xffffff );
light.position.set( 10, 80, 20 );
light.target.position.set( 0, 0, 0 );
light.castShadow = true;
light.shadowCameraNear = 20;
light.shadowCameraFar = 50;
light.shadowCameraFov = 40;
light.shadowMapBias = 0.1;
light.shadowMapDarkness = 0.7;
light.shadowMapWidth = 2*512;
light.shadowMapHeight = 2*512;
scene.add( light );
}
Und es funktioniert, wenn ich es in meiner Init-Funktion benutze
function init(){
camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
scene = new THREE.Scene();
geometry = new THREE.PlaneGeometry( 300, 300, 50, 50 );
geometry.applyMatrix( new THREE.Matrix4().makeRotationX( - Math.PI / 2 ) );
material = new THREE.MeshLambertMaterial( { color: 0xdddddd } );
mesh = new THREE.Mesh( geometry, material );
mesh.position.copy(groundBody.position);
mesh.castShadow = true;
mesh.receiveShadow = true;
scene.add( mesh );
renderer = new THREE.WebGLRenderer();
renderer.shadowMapEnabled = true;
renderer.shadowMapSoft = true;
renderer.setSize( window.innerWidth, window.innerHeight );
document.body.appendChild(renderer.domElement);
}
it funktioniert auch, wenn ich es aus einer Funktion im Hauptskript entferne:
initCannon();
init();
loadModel();
putLight();
render();
aber es klappt nicht in der nächsten situation
window.addEventListener("keydown",function(e){
switch( e.keyCode ) {
case 76:
putLight();
break;
}
});
Irgendwelche Vorschläge
Vielen Dan