This 2

TIL : 26번째- 230103 [1-1-화]

I. INTRO : 어제것 어제 boy에게 지령을 내렸다. 우리는 창조적인 작업하고 있음, 움직임! 이는 우리가 넘어갈수없는 세상에 객체를 만들었다 boy라는 입주민이다 입주민은 스스로 혹은 내가 지령받은애가 움직이는 애가있다. 우리는 canvas로 window쓴다. canvas는 입력뿐만 아니라 출력도 해준다. 어제 클릭이라는 입력까지 해봤음 이 외에도 스스로 움직이는 캐릭터가 필요하다. 과거 부터 히스토리 남아있는데, 과거 데이터말고 현재 데이터만 보면된다. 이런거 보면 우리가 화면을 다시 그린다. II. 캐틱터 움직이기 위해서 이전 캐틱터 지우기 1. 들어가며 - 클릭할때 마다 이벤트 발생 일단 우리는 애니메이션처럼 내가 멈춰있던 가던 간에 계속 그리게끔 하는데, 몇 프레임 그리는지를 결정하면된다...

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축..