• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 DinoGame 질문입니다

DinoGame 질문입니다

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #16144

    김소정
    참가자

     

    평소에 너무 재밌게보고있는 수강생입니다

    ES6 문법 막바지 강의수강중 안되는것이 있어 문의드립니다

    --------------------------------------------------------------

    // 그림그리기위한 최소한의 코드
    const canvas = document.getElementById("canvas");
    const ctx = canvas.getContext("2d");

    canvas.width = window.innerWidth - 100;
    canvas.heigth = window.innerHeight - 100;
    //end
    const dino = {
    x: 10,
    y: 200,
    width: 50,
    height: 50,
    draw() {
    ctx.fillStyle = "green";
    ctx.fillRect(this.x, this.y, this.width, this.height);
    console.log(this.x, this.y, this.width, this.height);
    },
    };
    dino.draw();

    --------------------------------------------------------------------------------

    제가 뭘잘 못한건지

    fillRect 부분이 제대로 안먹혀서 화면에 아무것도 안 나오는거 같습니다

    숫자형으로 변경하면 잘나오는데 this.를 이용하면 화면에 아무것도 출력이안됩니다

    콘솔에 this로 지정된 항목들을 출력하면 로그에 할당된값이 잘뜨는데 

    왜 화면에는 안그려지는지 모르겠습니다;

    #16150

    codingapple
    키 마스터

    canvas.heigth 오타인듯요

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠