Canvas 2

TIL : 25번째- 230102 [1-1-월]

I. INTRO 지금은 언어만 배우는 것이여 게임 구현능력은 부족하지만 구조는 가능함 만들고자 하는것을 생각하고, 게임은 못만들지만 구조는 만들기가능 how? 말하는것으로 지난시간 이미지 그리기로 함수를 이용했음 II. drawImage 이용하기 1. 이미지 이해하기 var img = this.document.querySelector("img"); var img = new Image(); img.src = "./image/boy.png"; img.onload = function(){ ctx.drawImage(img,0,300,105,148.24, 100,300,105,148.24) //위가 이미지, 아래가 캔버스 위치두기 } 위의 경우 img에서 위 4개는 img에 대한 설정이다. 좌측 상단부터 x,y축..

TIL : 24번째- 221230 [12-5-금]

I. INTRO : 프로젝트 관련 목표 코딩연습임 기한내 완수하겠다가 바람직하지 않음, 기한 내 어떻게 만들어지긴 하나 오만가지 쓰레기통이 존재함 자기가만든거 설명도, 오류원인도 모르고 목표를 작게 여러개 (이거하나만 만들더라도 완성도있게) 자랑할만한 작은거 만드는게 코딩습관에 좋은 방향 완성도라 함은 자존심이 높아지는것이다. 앞으로 이론 + 프젝 + 실습 동시에 간다. II. 객체 1 Top -down 설계 (1) 시나리오에서 개체 식별하기 각각 개체가 무엇인지 생각해보기 슈팅게이 : 빌런 / 전투기 (2)객체분석과 개체분석 JS는 클래스가 없어서 개체는 function 객체로 만든다. (3) 캡슐화 시나리오에서 전투기에 행동 체크하기 => 개체마다 역할 정리 시나리오 => 실체객체(개체 객체분석)는 ..