순수 자바스크립트5 웹게임 만들기) 1. 기본틀 개발자 리브 - 자바스크립트로 게임만들기 자바스크립트로 게임을 만들어보자 devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 6. 25. 웹게임만들기(구현) - 마우스로 도형찍기 자바스크립트로 게임만들기 #5.마우스로 도형찍기 (예제) 마우스 클릭 or 드래그를 이용하여 화면(canvas)에 도형을 찍는 예제이다. devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 2. 22. 웹게임만들기(구현) - 키보드로 도형 움직이기 자바스크립트로 게임만들기 #4.키보드로 도형 움직이기 (예제) 키보드 방향키 입력으로 도형을 움직이는 간단한 예제를 통해 명명된 매개변수 & 입력안된것 체크, Class활용(세부범주의 구조화), Style Reset, 이벤트리스너(키보드)를 실습해보자. devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 2. 22. 웹게임만들기(구현) - 루프와 일시정지 자바스크립트로 게임만들기 #3.카운터와 일시정지 (예제) 숫자를 카운트 하는 간단한 예제를 통해 루프와 일시정지를 실습해보자 devliberty.blogspot.com 새 블로그로 자료가 이전되었습니다. 2023. 2. 22. input태그 버튼 클릭 예제 (HTML/JS) 클릭하면 메시지를 표시하는 태그 버튼 클릭 예제 3가지를 정리해보았다. * 위 이미지와 같은, 동일한 실행결과를 3가지의 약간 다른 방식으로 구현해봄. [ 파일 다운로드 ] [ 예제 코드 분석 ] 1) HTML의 태그 만으로 구현 - type을 button으로 하여, 버튼 모양을 갖게함. - value속성을 통해, 버튼 내의 텍스트를 지정함. - onclick속성으로, 해당 버튼을 클릭하면, 입력한 자바스크립트가 실행되게 함. (+ 주의사항) 더보기 다만, 이 방식은 티스토리 글쓰기에서, HTML모드에서 작성 후, 기본모드로 돌아오면 onclick 부분이 없어져버리는 현상이 발생한다. (HTML모드에서 저장하면 유지되기는 하지만 수정할 때는 기본모드로 들어오게 되므로 약간 골치가 아프다.) 2) HTML.. 2023. 2. 10. 이전 1 다음
