При указании метода класса в requestAnimationFrame выдается ошибка "TypeError: Cannot read property 'jump' of undefined". Возможно мой вопрос банален, но буду рад помощи.
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| class Player{
constructor(){
let cubeGeometry = new THREE.CubeGeometry(15, 30, 15);
let cubeMaterial = new THREE.MeshLambertMaterial({color: 0x2e282e });
let cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
cube.castShadow = true;
cube.name = 'player';
cube.position.x = 0;
cube.position.y = 17.5;
cube.position.z = 0;
scene.add(cube);
this.jumpT = 0;
}
jump(){
let jumpRAF = requestAnimationFrame(this.jump);
let h;
let h0 = 17.5;
let v0 = 25;
let g = -10;
h = h0 + v0*this.jumpT + g*Math.pow(this.jumpT, 2)/2;
scene.getObjectByName('player').position.y = h;
console.log(this.jumpT+ ' ' +h);
this.jumpT += 0.1;
if( scene.getObjectByName('player').position.y < h0){
scene.getObjectByName('player').position.y = h0;
cancelAnimationFrame(jumpRAF);
}
}
} |
|
Нашел решение проблемы. Нужно использовать стрелочные функции.
| Javascript |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| class Player{
constructor(){
let cubeGeometry = new THREE.CubeGeometry(15, 30, 15);
let cubeMaterial = new THREE.MeshLambertMaterial({color: 0x2e282e });
let cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
cube.castShadow = true;
cube.name = 'player';
cube.position.x = 0;
cube.position.y = 17.5;
cube.position.z = 0;
scene.add(cube);
this.jumpT = 0;
}
jump(){
let jumpRAF = requestAnimationFrame(()=>this.jump());
let h;
let h0 = 17.5;
let v0 = 25;
let g = -10;
h = h0 + v0*this.jumpT + g*Math.pow(this.jumpT, 2)/2;
scene.getObjectByName('player').position.y = h;
console.log(this.jumpT+ ' ' +h);
this.jumpT += 0.1;
if( scene.getObjectByName('player').position.y < h0){
scene.getObjectByName('player').position.y = h0;
cancelAnimationFrame (jumpRAF);
}
}
} |
|
(
