자바스크립트 로 구현한 도트 드로잉
콩바구니(이)가 2009년 February 13일에 작성함. 분류: XHTML, 창작.소개
이번에는 자바스크립트로 간단한 도트 드로잉을 구현해보았습니다.
최소 12px*12px 에서 최대 32px * 36px 크기까지 그리는것이 가능합니다.
색상은 16진수 RGB컬러값을 입력하여, PC에서 나타낼수 있는 모든 색상의 사용이 가능합니다.
완성한 그림의 저장도 가능합니다. 그림파일로 저장하는것은 아니고, 해당 그림의 정보를 이곳 에 포스팅하는 형식입니다. PNG형식의 포맷으로 저장이 됩니다.
홈페이지 혹은 블로그에 설치하기
이 프로그렘을 블로그나 홈페이지에 가져가실수 있습니다. 방법은 간단합니다. 다음의 코드를 본문에 붙여넣기하면 됩니다.
티스토리, 워드프레스, 테터툴즈 등에 설치 가능합니다. 단, 서비스형 블로그는 자바스크립트를 포스트안에 허용하지 않는경우가 많아서 설치가 어렵습니다.
- <script type=”text/javascript” src=”http://kongbaguni.net/project/javascript-game/dotdot/kongbaguni-common-scripts.js”></script>
- <script type=”text/javascript” src=”http://kongbaguni.net/project/javascript-game/dotdot/dotdot.js”></script>
- <div id=”javascript-paint”>
- </div>
Update
2009-2-16
- 브러시 크기변경 가능
2009-2-18
- 브러시 크기 변경시 브러시의 범위를 나타내는 효과 추가
- 스포이드 툴 추가
2009-2-19
- 마우스의 현재 위치를 나타내는 상태창 추가
- RGB 컬러믹서 추가