Блог

Главная - Вопросы по программированию - щелкните проблема с событием в сетке для трех

щелкните проблема с событием в сетке для трех

#three.js

Вопрос:

Я использовал приведенный ниже код, чтобы добавить click even t в сетку для трех js.

 var raycaster = new THREE.Raycaster();
var mouse = new THREE.Vector2();
var targetMesh
function onMouseClick( event ) {
    raycaster.setFromCamera( mouse, camera );
    var isIntersected = raycaster.intersectObject( targetMesh );
    if (isIntersected) {
        console.log('Mesh clicked!')
    }
}
function onMouseMove( event ) {
    mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
    mouse.y = - ( event.clientY / window.innerHeight ) * 2   1;
}
window.addEventListener( 'mouseclick', onMouseClick, false );
window.addEventListener( 'mousemove', onMouseMove, false );

ошибка
ошибка
Ошибка: Не удается прочитать свойства неопределенного (чтение «setFromCamera»)
пожалуйста, помогите устранить проблему, к которой я также приложил свой код

https://stackblitz.com/edit/angular-threejs-demo-basic-umcvaz?file=src/app/app.component.ts

Комментарии:

1. попробовал другой метод: var domEvents = новое тройное выражение. События DomEvents(это.камера, это.визуализатор.элемент DOMElement) События domEvents.addEventListener(plane1, «щелчок», функция(событие){ console.log(«вы нажали на сетку») }, ложь)

2. здесь также отображается ошибка Не удается найти имя «THREEx». Даже после добавления трех doc.js сценарий

3. Должно быть «ТРИ», а не «ТРИ». Удачи!

4. я пробовал это, но не получилось

5. когда я изменюсь на ТРИ, то события DomEvents не будут работать

Метки: