자바스크립트 캔버스 질문드립니다.

Question

슈팅게임을 만드는 중인데 캔버스상에서 안나타나네요...장애물 생성자를 만들고 장애물을 담는 배열에 넣어 그리도록 했습니다.function obstacle(){ this.color &#61; &#34;yellow&#34;; this.x &#61; 300; this.y &#61; 200s; this.radius &#61; 10; this.sAngle &#61; 0; this.eAngle &#61; 2.0 * Math.PI;}obstacle.prototype.draw &#61; function(){ ctx.beginPath(); ctx.fillStyle &#61; this.color; ctx.arc(this.x, this.y, this.radius, this.sAngle, this.eAngle); ctx.closePath();}obstacle.prototype.move &#61; function(){ this.y -&#61; 7;}function makeObstacles(){ obstacles.push(new obstacle());}makeObstacles 함수로 장애물 객체를 만들고 장애물을 담는 배열에 push했습니다..그리고 메인인 draw함수에서 makeObstacle을 실행시키고각 배열의 장애물을 그리고 움직이도록 설정했는데function draw(){ ctx.clearRect(0, 0, canvas.width, canvas.height); drawPlayer(); movePlayer(); for(var i &#61; 0; i < laser_arr.legnth; i&#43;&#43;){ laser_arr[i].draw(); laser_arr[i].move(); } makeObstacles(); for(var i &#61; 0; i < obstacles.length; i&#43;&#43;){ console.log(obstacles); obstacles[i].draw; obstacles[i].move; }}setInterval(draw, 10); 화면에는 따로 만들어놓은 플레이어만 보이네요... 개발자 도구에서 보면 분명히 객체는 생성되고 배열에 들어간것 같은데 이유를 잘 모르겠습니다 ㅠㅠ

자바스크립트 캔버스 질문드립니다.

0개의 답변

#game 목록