각종 미디어 아트 프로젝트 [web]
예전에 우주의 신비 등의 제목으로 장엄한 음악과 함께 마우스로 별이 회전하며 모이는 듯한 느낌을 주는 swf 기반 게임?을 본 적이 있다. 그것의 Html5 Canvas 버전 구현이며 첫번째 구현은 rect 함수를 사용하였고 두번째는 canvas 의 픽셀을 직접 다뤄 별을 표현하였다.
브라운 운동을 통해 만들어지는 DLA 의 일종인 Brownian Tree 를 Html5 Canvas 로 구현했다.
프렉탈 중 가장 유명한 mandelbrot set 의 Html5 Canvas 구현이다. Julian Set, N 제곱으로 확장한 mandelbrot set 도 추가로 구현되어있다.
오토마타의 일종인 Conway's Game of Life 의 Html5 Canvas 구현이다. 아주 귀엽기 짝이 없다..
군대 훈련소에서 하도 할 짓이 없을 때 동기였던 전지윤이라는 친구가 A4 와 펜만 가지고 놀 수 있다며 알려준 게임이다.
당시에 A4 로 즐겁게(?)하던 게임을 Html5 Canvas 로 구현했다.
- 두 명이 A4 위에 점을 마구 잡이로 찍는다.
- 순서를 번갈아가며 두 점을 잇는 선분을 그린다.
- 선분을 그렸을 때, 내부에 점이 없는 삼각형이 그려진다면 그 삼각형을 자신의 색으로 칠하고 점수를 새로 만들어진 삼각형 수만큼 얻는다.
로렌츠 끌개 라고 알려진 함수를 Html5 Canvas 로 구현했다.
리사주 커브의 3차원 구현이다.
3차원임을 더 잘 확인하기 위해 x, y, z 축에 대한 회전을 추가했다.
군대 행정반에서 하도 할 짓이 없어서 그림판과 메모장을 이용해 만든 지뢰찾기이다.
영어 문장을 모스 코드로 바꾸어 소리를 출력해주는 페이지이다. 미디어 아트는 아니다.
오셀로 게임을 Html5 Canvas 로 구현했다. 현재 자잘한 이슈가 있다.
물결처럼 연속적인 노이즈를 만들기 위한 알고리즘인 펄린 노이즈의 Html5 Canvas 구현이다.
원의 테두리 위에 여러 지점을 균일한 간격으로 설정하고 원 위의 특정 한 지점(원의 최상단)에서 각 지점에서까지의 호의 길이의 특정 배수인 원 위의 점을 잇는 선분을 그리는 미디어 아트이다. 아이디어가 된 유튜브 링크