관하여
이번에는 문자로 그림을 그리는 자바스크립트를 만들어 봤습니다.
사용법은 어렵지 않습니다. 적당히 크기를 정하고 생성버튼을 누르면, 문자로 그림을 그릴수 있는 작업공간이 나타납니다. 예를들어, 가로10행 세로10열정도로 설정을 한후 생성버튼을 누르면, 가로10글자, 세로10줄 크기로 기본글자가 채워져서 나타납니다. 맘에 드는 문자를 고른후, 나타난 글자들을 클릭하면 클릭한 글자는, 선택한 글자로 치환이 됩니다.
완성한 그림은 이곳에 포스팅할수 있습니다.
문자로 그림그리자
자바스크립트가 작동하지 않으면 이 프로그렘을 [...]
소개
이번에는 자바스크립트로 간단한 도트 드로잉을 구현해보았습니다.
최소 12px*12px 에서 최대 32px * 36px 크기까지 그리는것이 가능합니다.
색상은 16진수 RGB컬러값을 입력하여, PC에서 나타낼수 있는 모든 색상의 사용이 가능합니다.
완성한 그림의 저장도 가능합니다. 그림파일로 저장하는것은 아니고, 해당 그림의 정보를 이곳 에 포스팅하는 형식입니다. PNG형식의 포맷으로 저장이 됩니다.
홈페이지 혹은 블로그에 설치하기
이 프로그렘을 블로그나 홈페이지에 가져가실수 있습니다. 방법은 간단합니다. 다음의 코드를 [...]
소개
예전에 머리가 좋아지는 스폰지에서 소개된바 있는, 카드를 뒤집는 게임 입니다. 한쌍의 같은 카드가 있는 여러장의 카드를 섞은후, 두장씩 뒤집으면서 뒤집은 두 카드가 같은카드이면 놔두고, 다른 카드면 도로 뒤집어두면서, 주어진 모든 카드를 전부 뒤집을때까지 카드를 뒤집은 횟수와 걸린 시간으로 기억력을 테스트하는, 그런 게임이였죠.
그것을 자바스크립트를 사용하여 웹게임으로 구현해보았습니다.
이 스크립트의 특징은, 난이도를 조절하기가 쉽고, DB와 연동하여 [...]
자바스크립트로, 본문중에 제목태그 <h1> ~ <h6> 와 제목태그에 인접한 P 태그의 정보를 읽어와서 목차를 생성하는 프로그렘을 만들어봤습니다.
자바스크립트로 움직이는 내비게이션 을 만들어 보았습니다.
